/* -- main layout -- */

* {
	margin:0;
	padding:0;
}

body {
	background-image:url("./img/main/background.jpg");
	background-repeat:repeat-x;
	height:100%;
	text-align:center;
}

#wrapper {
	width:706px;
	height:100%;
	margin:0 auto;
	text-align:left;
	position:relative;

}

#content {
	width:680px;
	_width:706px;
	border:1px solid #CCCCCC;
	background-image:none;
	background-color:white;
	margin:0;
	padding:12px 12px;
}

#content h2 {
	border-bottom:1px solid #c3c3c3;
	font-size:1.3em;
	margin-bottom:12px;
}

#upperMenu{
	width:706px;
	margin-bottom:10px;
}

#upperMenu .menu{
	float:right;
	margin-right:30px;
	line-height:107px;
}

#logo{
	background-image:url("./img/logo_big.gif");
	width:212px;
	height:107px;
	float:left;
}

/* --- footer style --- */
#footer{
	width:706px;
	height:43px;
	margin-top:11px;
	background-image:url("./img/main/footer_middle.gif");
	background-repeat:repeat-x;
	text-align:center;
}

#footer_left {
	width:6px;
	height:43px;
	background-image:url("./img/main/footer_left.gif");
	background-repeat:no-repeat;
	float:left;
}

#copyright {
	color:white;
	height:43px;
	line-height:43px;
}
#copyright a{
	color:white;
	text-decoration: none;
}
#copyright a:hover{
	text-decoration: underline;
}
#footer_right {
	width:6px;
	height:43px;
	background-image:url("./img/main/footer_right.gif");
	background-repeat:no-repeat;
	float:right;
}

/* --- footer style end --- */

/* IndexPage.html */
.register_form{
}

.register_form h3{
	 margin-top:10px;
	 margin-bottom:5px;
}

.register_form dl{
	margin: 15px;
}
.register_form dl dt{
	font-weight: bold;
	margin-top: 10px;
}
.register_form dl dd{
	margin-bottom: 15px;
}
.register_form dl dd ul{
	margin-top: 10px;
	margin-left: 20px;
}

.login_form{
	float:right;
	border:solid 1px black;
	width:40%;
	margin-left: 1ex;
}
.login_form .field{
	margin:5px 0 15px 10px;
}
.login_form .sub{
	font-size:0.8em;
}
.login_form input{
	width:95%;
	font-size:120%;
	padding: 1px;
	
	border:solid 1px black;
	vertical-align:bottom;
}

.login_form button{
	padding:3px;
}

.login_form .forget_password{
	font-size:0.8em;
}

.login_failed{
	margin:5px;
	color:red;
}
/* end IndexPage.html */

/* NewAccountPage.html */
.account_form{
	width:98%;
}

.error{
	color:red;
	display:block;
}

.account_form th{
	padding:4px;
	font-weight:normal;
	background-color:#F4E6A8;
	text-align:left;
	width:20%;
}

.account_form td{
	width:30%;
}

.account_form .field{
	margin:5px 0 15px 10px;
}

.account_form require{
	color:orange;
}

.account_form .field h4{
	width:100%;
	background-color:#DDDDDD;
	height:30px;
	line-height:30px;
	padding-left:10px;
}

.account_form .button{
	text-align:center;
}

.account_form .button input{
	margin:10px;
	padding:3px;
}

/* end NewAccountPage.html */

/* ConfirmPage.html */
.confirm_page{
	width:80%;
	margin-right:auto;
	margin-left:auto;
}

.confirm_page th{
	padding:4px;
	font-weight:normal;
	background-color:#F4E6A8;
	text-align:left;
	width:50%;
}

.confirm_page td{
	width:50%;
}

.confirm_page .function{
	margin-left:25%;
}

.confirm_page .function *{
	margin:10px;
}

/* end ConfirmPage.html */

/* RegistCompletePage.html */
.register_code_form{
	width:50%;
	border:solid 1px black;
	margin-top:20px;
	margin-right:auto;
	margin-left:auto;
}
.register_code_form h4{
	margin:0;
	padding:0;
	background-color:#DDDDDD;
	font-weight:normal;
	line-height:30px;
	text-align:center;
	
	border-bottom:solid 1px black;
}

.register_code_form .field{
	margin:5px 0 15px 10px;
}
.register_code_form .sub{
	font-size:0.8em;
}
.register_code_form input{
	width:95%;
	height:2em;
	font-size:13px;
	
	border:solid 1px black;
	vertical-align:bottom;
}
/* end RegistCompletePage.html */

/* RegistCodePage.html */
.invalid_regist_code_message{
	margin-right:auto;
	margin-left:auto;
	border:solid 2px red;
	text-align:center;
}
/* end RegistCodePage.html */

/* PasswordRemindPage.html */
.remind_form{}
.remind_form .section{ 	width:100%; margin-left:5px; height:30px; }
.remind_form .section *{vertical-align:middle;margin-left:5px;}

.remind_form .section input{width:50%;padding:2px 0;}
.remind_form .section button{padding:1px 0;margin-top:-1px;}


/* end PasswordRemindPage.html */