@charset "utf-8";

@import url("base.css");

@import url("structure.css");

/*====================================================
------------------------------------------------------
	 MembersR.css : ID:MR
------------------------------------------------------
====================================================*/

/*================= contents menu ============

	1: pageTitle
	
	2: h3
	
	3: contents	

			
	
============================================== */

/*====================================================
	1: pageImg(h2)
====================================================*/

#areaC h2 { background: url(../img/h2_MemberR.gif) no-repeat;}


/*====================================================
	2: h3 
====================================================*/
h3 { display: block; width: 615px; height: 30px; background: url(../img/h3_MemberR.gif) no-repeat; margin: 0 0 0 25px; text-indent: -9876em;}


/*====================================================
	3: contents
====================================================*/
#areaD {padding-top: 30px;}

p { display: block; width: 750px; margin: 0 auto;}

.rule { width: 477px; height: 280px; background: url(../img/bgRule.jpg) no-repeat; margin: 50px auto 0 auto; padding-top: 60px;}
.ruleWin  { width: 400px; height: 200px; background: #fff; overflow-y:scroll; border: 1px solid #ccc; padding: 2px; margin: 0 auto;}
.btDownload p{text-align: center;}
.btDownload a { display: block; width: 284px; height: 30px; background: url(../img/btRegist.jpg) no-repeat; text-indent: -9876em; overflow:hidden; margin: 0 auto;}
/*\*//*/
 overflow:auto;
/**/

.add { display: block; width: 477px; margin: 80px auto 20px auto;}

.reader { width: 477px; margin: 10px auto; font-size: .765em; line-height: 170%;}
.reader:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
     .reader {
         display: inline-table;
     }
 /**/
 .reader img { display: block; float: left; width: 93px; height: 36px; margin: 0 1em 0 0;}



.LoginArea{
	margin: 50px 0px 0px;
	padding: 0px;
}

.login { width: 477px; height: 150px; background: url(../img/bgLogin.jpg) no-repeat; margin: 0px auto 0 auto; padding-top: 60px;}

.btLogin {
	text-align: center;
}

.login .form{
	margin: 0px;
	padding: 0px;
	width: 477px;
}

.login .text{
	margin: 0px;
	padding: 10px 0px 15px 30px;
	float: left;
	width: 120px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 120%;
}

.login .input{
	margin: 0px;
	padding: 10px 0px 15px 0px;
	float: left;
	width: 200px;
}

.login .input input{
	background: #FFFFFF;
}



.pass { width: 477px; height: 100px; background: url(../img/bgPass.jpg) no-repeat; margin: 0px auto 0 auto; padding-top: 60px;}

.pass .form{
	margin: 0px;
	padding: 0px;
	width: 477px;
}

.pass .text{
	margin: 0px;
	padding: 10px 0px 15px 30px;
	float: left;
	width: 120px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 120%;
}

.pass .input{
	margin: 0px;
	padding: 10px 0px 15px 0px;
	float: left;
	width: 200px;
}

.pass .input input{
	background: #FFFFFF;
}


.Clear{
	clear: both;
}


.btPass {
	width: 477px;
	text-align: right;
	margin: 0px auto;
	padding: 15px 0px 0px;
	font-size: 85%;
}
.LoginErr{
	color: #FF0000;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#passEnd{
	text-align: center;
	margin: 0px auto;
	padding: 50px 0px 10px;
	width: 477px;

}


.FormBody{
	margin: 0px auto;
	padding: 0px;
	width: 750px;	
}

.FormBody table{
	width: 100%;
	border: 1px solid #D9D9D9;
	border-collapse:collapse;
	margin: 20px 0px;
	padding: 0px;
}

.FormBody th{
	margin: 0px;
	padding: 3px 5px 3px 5px;
	border: 1px solid #D9D9D9;
	font-weight: normal;
	background: #F4F5F7;
	text-align: left;
	color: #333333;
}

.FormBody td{
	margin: 0px;
	padding: 3px 5px 3px 5px;
	border: 1px solid #D9D9D9;
	text-align: left;
}

.error_message{
	color: #FF0000;
}

.FormBody .submit{
	text-align: center;
	margin: 0px;
	padding: 5px 0px;
}