@charset "utf-8";

/*****************************************
			Global Setting
*****************************************/
html {
	font-size: 87.5%;
}
body {
	padding: 12px;
}
/*****************************************
			Login
*****************************************/
#loginContainer {
	width: auto;
}
#client {
	margin: 15px 0;
	text-align: center;
}
#client img {
	width: 220px;
	height: auto;
}
#loginBox {
}
#loginBox .tab {
	padding: 0 5px;
}
#loginBox .tab li {
	margin: 0 5px 0 0;
}
#loginBox .tab li:last-of-type {
	margin-right: 0;
}
#loginBox .tab li a {
	padding: 5px 12px;
}
#loginBox .tab li a:hover,
#loginBox .tab li a.active {
	padding: 5px 12px 12px 12px;
}
#loginBox .area {
	padding: 15px 20px;
}
#loginBox .loginTitle {
	margin: 0 0 12px 0;
	font-size: 150%;
}
#loginBox dl {
	margin: 0 0 10px 0;	
}
#loginBox dl:last-of-type {
	margin: 0;
}
#loginBox dl dt {
	margin: 0 0 5px 0;
}
.btnLogin {
	margin: 15px 0 0 0;
}
.btnLogin input[type="submit"] {
	padding: 12px 16px;
}
.errMsg {
	margin: 10px 0;
}
.loginReleaseBox {
	margin: 10px 0;
	text-align: center;
}
.btnLoginRelease {
	padding: 12px 16px;
}
#loginDesc {
	margin: 10px 10px 0 10px;
}
#loginDesc ul {
	padding: 0 10px 0 35px;
	background: url(../img/common/icon_caution.png) 0 5px no-repeat;
	background-size: 28px auto;
}
#contactBox {
	margin: 10px 5px 5px 5px;
	padding: 10px;
	background: url(../img/jg/jg_logo.png) 94% 128px no-repeat #EEE;
	background-size: 25% auto;
}
#contactBox h2 {
	margin: 0 0 8px 0;
	padding: 5px 8px;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	float: none;
}
#contactBoxContents {
	display: inline-block;
	width: auto;
	float: none;	
}
#contactBoxContents dl {
	margin: 0 0 10px 0;
	padding: 0 5px;
}
#contactBoxContents dl:last-of-type {
	margin-bottom: 0;
}
#contactBoxContents dl dt {
	margin: 0 5px 0 0;
	padding: 4px 0 0 0;
}