@charset "UTF-8";


/*
	--------------------------
	login.css
	modefied: 2013.03.17
	--------------------------
*/



/* ---------------------------
	共通
---------------------------- */

.mainHeader h2 {
	width: 650px;
	padding: 0 0 8px 0;
	background: url(../../common/img/h_line_00.png) no-repeat left bottom;
	color: #001554;
	font-size: 87.5%;
	line-height: 1.5;
	font-weight: bold;
	letter-spacing: 3px;
}

.mainHeader h2 span {
	padding: 0 0 3px 30px;
	background: url(../../common/img/h_ico_member_01.png) no-repeat;
}

.mainBody {
	margin: 10px 0 0 0;
}

.mainBody .section {
	width: 610px;
	margin: 0 0 20px 0;
	padding: 20px;
	background: #fff;
	border-radius: 3px;
}

.mainBody .formHeader h3 {
	padding: 10px 0 0 0;
	color: #005f9e;
	font-size: 87.5%;
	line-height: 1.5;
	font-weight: bold;
	letter-spacing: 2px;
}


/* ---------------------------
	#login
---------------------------- */

#login .formHeader h3 {
	padding: 15px 0 0 0;
	text-align: center;
	font-size: 75%;
	letter-spacing: 0px;
}

#login .formBody .errMsgContainer {
	margin: 20px 0 0 0;
}

#login .formBody table {
	width: 500px;
	margin: 20px auto 0px;
	border: 0px;
}

#login .formBody table th,
#login .formBody table td {
	padding: 5px;
	background: #fff;
	border: 0px;
}

#login .formBody table th {
	width: 150px;
}

#login .formBody table th span {
	font-weight: normal;
}

#login .formBody table td input {
	padding: 5px;
}

#login p.remember {
	padding: 15px 0 0 0;
	font-size: 75%;
	line-height: 1.5;
	text-align: center;
}

#login .formBtns {
	padding: 15px 0 0 0;
}

#login .formBtns .btnLogin {
	width: 140px;
	padding: 10px 5px;
	background: #001655;
}

#login .formBtns .btnLogin:hover {
	filter: alpha(opacity=80);
	opacity: 0.80;
}

#login p.reset {
	padding: 15px 0 5px 0;
	font-size: 75%;
	line-height: 1.5;
	text-align: center;
}

#login p.reset a {
	padding: 0 0 0 10px;
	background: url(../../common/img/arw_r_01.png) no-repeat 0% 45%;
}


/* 新規登録 */

#login .signup {
	background: #fff url(../../img/login/rb_free.png) no-repeat 100% 0%;
}

#login .signup p.txt {
	color: #005f9e;
	font-size: 75%;
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
}

#login .signup p.btnSignup {
	padding: 15px 0 0 0;
	text-align: center;
}

#login .signup p.btnSignup a {
	display: block;
	width: 280px;
	margin: 0 auto;
	padding: 10px 5px;
	background: #00ade9;
	border: 0px;
	border-radius: 3px;
	overflow: hidden;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}

#login .signup p.btnSignup a:hover {
	filter: alpha(opacity=80);
	opacity: 0.80;
}



/* ------------------------------------
	パスワード　再発行メール送信
------------------------------------- */

#loginPwMail .formBody p.lead {
	padding: 25px 0 0 0;
	font-size: 87.5%;
	line-height: 1.5;
}

#loginPwMail .formBody p.note {
	padding: 25px 0 0 1em;
	text-indent: -1em;
	font-size: 75%;
	line-height: 1.5;
}

#loginPwMail .formBody .errMsgContainer {
	margin: 20px 0 0 0;
}


/* ------------------------------------
	パスワード　再発行
------------------------------------- */

#loginPwReset .formBody p.lead {
	padding: 25px 0 0 0;
	font-size: 87.5%;
	line-height: 1.5;
}

#loginPwReset .formBody .errMsgContainer {
	margin: 20px 0 0 0;
}