@charset "utf-8";

/*****************************************
			Global Setting
*****************************************/
html {
	color: #333;
	height: 100%;
	background: url(../img/login/login_bg.jpg) 50% 50% repeat;
}
body {
	font-family: "GenJyuuGothic", sans-serif;
	padding: 25px;
	line-height: 1.61;
	height: 100%;
	letter-spacing: 0.025em;
}
a {
	color: #06A;
	transition: 0.2s;
}
a:hover {
	color: #B20000;
}
a:active {
	color: #B20000;
}
/*****************************************
			Login
*****************************************/
#loginContainer {
	margin: 0 auto;
	padding: 5px;
	width: 460px;
	background: #FFF;
	box-shadow: 0 0 30px #A8A2CA;
	border-radius: 10px;
}
#loginContainerInner {
	border-radius: 10px;
	overflow: hidden;
}
#client {
	margin: 20px 0;
	text-align: center;
}
#client img {
	width: 350px;
	height: auto;
}
#loginBox {
}
#loginBox .tab {
	padding: 0 10px;
	list-style: none;
	letter-spacing: -0.4em;
	white-space: nowrap;
	/*
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	*/
	position: relative;
	z-index: 1;
}
#loginBox .tab li {
	margin: 0 8px 0 0;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	overflow: hidden;
}
#loginBox .tab li:last-of-type {
	margin-right: 0;
}
#loginBox .tab li a {
	display: block;
	padding: 8px 20px;
	background: #FFF;
	border: solid 2px #CCC;
	border-radius: 5px;
	color: #666;
	text-decoration: none;
	font-weight: bold;
}
#loginBox .tab li a:hover,
#loginBox .tab li a.active {
	padding: 8px 20px 20px 20px;
	background: #DFF0FB;
	border: solid 2px #1E3560;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	color: #1E3560;
}
#loginBox .area {
	padding: 30px 40px;
	background: #DFF0FB;
	border-top: solid 2px #1E3560;
	border-radius: 0 0 5px 5px;
	position: relative;
	z-index: 0;
	top: -2px;
}
#loginBox .loginTitle {
	margin: 0 0 20px 0;
	color: #1E3560;
	font-size: 178%;
	font-weight: bold;
}
#loginBox dl {
	margin: 0 0 15px 0;	
}
#loginBox dl:last-of-type {
	margin: 0;
}
#loginBox dl dt {
	margin: 0 0 5px 0;
	color: #1E3560;
	font-size: 107%;
	font-weight: bold;
}
#loginBox dl dd {
}
#loginBox dl dd input {
	width: 100%;
	border-radius: 3px;
}
.userIdLabel {
	padding: 0 0 0 28px;
	background: url(../img/login/icon_face.png) 0 50% no-repeat;
	background-size: 20px auto;
}
.userPassLabel {
	padding: 0 0 0 30px;
	background: url(../img/login/icon_key.png) 4px 0 no-repeat;
	background-size: 18px auto;
}
.showPasswordLabel {
	display: block;
	padding: 10px 0 0 10px;
	font-size: 93%;
}
.btnLogin {
	margin: 20px 0 0 0;
	text-align: center;
}
.btnLogin input[type="submit"] {
	padding: 16px 20px;
	width: 60%; 
	background: #0056B5;
	border: none;
	border-radius: 30px;
	color: #FFF;
	font-weight: bold;
}
.btnLogin input[type="submit"]:hover {
	background: #08386D;
}
.errMsg {
	margin: 15px 0;
	color: #B20000;
	font-weight: bold;
}
.loginReleaseBox {
	margin: 15px 0;
	text-align: center;
}
.btnLoginRelease {
	display: inline-block;
	padding: 16px 20px;
	width: 60%; 
	line-height: 1;
	background: #FFFABF;
	border: solid 1px #E9E07F;
	box-sizing: border-box;
	border-radius: 30px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.btnLoginRelease:hover {
	background: #FCF39F;
	color: #000;
}
#loginDesc {
	margin: 15px 0 0 40px;
	text-align: center;
}
#loginDesc ul {
	display: inline-block;
	padding: 0 45px;
	background: url(../img/common/icon_caution.png) 0 5px no-repeat;
	background-size: 35px auto;
	list-style: none;
	font-size: 87%;
	line-height: 1.43;
}
#loginDesc ul li {
	text-align: left;
}
#contactBox {
	margin: 20px 5px 5px 5px;
	padding: 15px;
	background: url(../img/jg/jg_logo.png) 7% 77% no-repeat #EEE;
	background-size: 25% auto;
	border-radius: 5px;
	overflow: hidden;
}
#contactBox h2 {
	padding: 5px 12px;
	font-weight: bold;
	background: #1E3560;
	border-radius: 3px;
	color: #FFF;
	float: left;
}
#contactBoxContents {
	width: 62%;
	overflow: hidden;
	float: right;
}
#contactBoxContents dl {
	margin: 0 0 10px 0;
	padding: 0 5px;
	overflow: hidden;
	border-bottom: solid 2px #1E3560;
}
#contactBoxContents dl:last-of-type {
	margin-bottom: 0;
}
#contactBoxContents dl dt {
	padding: 5px 0 0 0;
	width: 2.5em;
	color: #0068B2;
	font-weight: bold;
	font-size: 79%;
	float: left;
}
#contactBoxContents dl dd {
	margin: 0 0 0 2.5em;
}
#contactBoxContents dl dd .jgNumber {
	font-size: 107%;
	font-weight: bold;
	color: #1E3560;
}
#contactBoxContents dl dd .jgOpenTime {
	display: block;
	font-size: 87%;
}
#contactBoxContents dl dd a {
	color: #1E3560;
	text-decoration: none;
}
#contactBoxContents dl dd a:hover {
	color: #C03;	
}