@charset "utf-8";
/* CSS Document */
html {
  margin: 0px;
  padding: 0px;
	}
body {
	margin:0;
	padding:0;
	text-align:center;
	font-family: Verdana;
}
#page{
	width:975px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#navsp{
	width:929px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	color: #2f80da;
	font: normal 90%/120% Verdana, Arial, Helvetica, sans-serif;
	padding-top:10px;
	padding-bottom:10px;
}
#navsp a{
	color: #2f80da;
	font: normal 90%/100% Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
#navsp a:hover{
	color: #2f80da;
	font: bold normal 90%/100% Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
#loginform{
	width: 929px;
	margin-left: auto;
	margin-right: auto;
	border: 4px solid #E2EDFA;
	margin-bottom: 30px;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../login/gb.png);
	background-repeat: no-repeat;
	background-position: 20px 30px;
}
#logoutform {
	width: 929px;
	margin-left: auto;
	margin-right: auto;
	border: 4px solid #E2EDFA;
	margin-bottom: 30px;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../login/gb2.png);
	background-repeat: no-repeat;
	background-position: 20px 30px;
}


.field{
	width:100%;
	height:26px;
	background-color: #c7d7e9;
	color: #484848;
	border: 1px solid #c7d7e9;
	vertical-align: text-top;
	font: 13px/20px Verdana, Geneva, sans-serif;
}
.field:hover{
	background-color: #ffffff;
}



.formsp{
	width: 100%;
	text-align: right;
}
.niceform{
width:100%;
text-align:right;
}

fieldset {
	border: none;
	padding-top: 50px;
	padding-right: 30px;
}

label {
	color:#8a8a8a;
	background: #FFFFFF;
	padding:3px;
	font: bold normal 16px/20px Verdana, Arial, Helvetica, sans-serif;
}


dl {clear:both; width:100%; float:right; margin-top:5px;}


dt.tah {
	float:right;
	text-align:left;
	width:180px;
	margin:0px 10px 3px 0px;
	background: url(../login/arrow.png) no-repeat scroll right center;
	font: bold normal 16px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #8a8a8a;
}
dd.tainfo {
	float:right;
	width:245px;
	height:30px;
	margin:0px 0px 3px 0px;
	font: 13px/22px Verdana, Geneva, sans-serif;
	color: #999898;
	text-align:left;
}
dd.tainfo a:link, dd.tainfo a:visited{
	text-decoration:none;
	color: #19a7d6;
}
dd.tainfo a:hover, dd.tainfo a:active{
	text-decoration:underline;
	color: #19a7d6;
}


dd.tainfo img {
	float:left;
	border:0;
}

dl.submit {
	width: 100%;
	text-align: right;
}
dl.submit input{
	width:121px;
	height:38px;
	text-align:center;
	background: url(../login/buttun.png) no-repeat scroll center top;
	font: bold 12px/18px Verdana, Geneva, sans-serif;
	color: #fff;
	border:0;
}
dl.submit input:hover{
	width:121px;
	height:38px;
	text-align:center;
	background: url(../login/buttun.png) no-repeat scroll center -38px;
	color: #fff;
	border:0;
}
dl.byebye {
	width:90%;
	height:260px;
	text-align:right;
	padding:0;
	padding-right:10%;
	background: url(../login/byebye.png) no-repeat scroll 480px center;
	font: 13px/22px Verdana, Geneva, sans-serif;
	color: #999898;
	text-align:left;
}
dl.byebyeinfo {
	width:40%;
	text-align:center;
	padding:0;
	padding-right:10%;
	font: normal 13px/26px Verdana, Arial, Helvetica, sans-serif;
	color: #575757;
}
dl.byebyeinfo a:link, dl.byebyeinfo a:visited{
	text-decoration:none;
	color: #575757;
	border-bottom: 2px dotted #19a7d6;
}
dl.byebyeinfo a:hover, dl.byebyeinfo a:active{
	text-decoration:none;
	color: #19a7d6;
	border-bottom: 2px solid #19a7d6;
}
.footer {
	width: 100%;
	text-align: center;
	padding-top: 5px;
	padding-left: 16px;
	padding-right: 16px;
	font: normal 13px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #989898;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-bottom: 0;
}

#newsarea{
	width:901px;
	margin-left:auto;
	margin-right:auto;
	background: #dbdbdb url(../login/dn.png) no-repeat scroll center bottom;
	padding-bottom:20px;
	padding-top:30px;
	margin-bottom:20px;
}

.newsinfo{
	width:725px;
	background: #FFFFFF;
	margin: 0px auto 20px;
	padding: 20px 20px;
	font: normal 13px/26px Verdana, Arial, Helvetica, sans-serif;
	color: #575757;
	text-align:left;
}
.newsinfo a:link, .newsinfo a:visited{
	text-decoration:none;
	color: #575757;
	border-bottom: 2px dotted #19a7d6;
}
.newsinfo a:hover, .newsinfo a:active{
	text-decoration:underline;
	color: #19a7d6;
	border-bottom: 2px solid #19a7d6;
}
.newsinfo h1{
	font: bold normal 16px/28px Verdana, Arial, Helvetica, sans-serif;
	color: #19a7d6;
}
.newsinfo h2{
	font: bold normal 13px/24px Verdana, Arial, Helvetica, sans-serif;
	color: #ff7200;
}

.recode{
	width:32px;
	height:42px;
	float:left;
	border:0px;
	display:block;
	background: url(../icons/recode.png) no-repeat scroll center top;
}

.recode:hover{
	background: url(../icons/recode.png) no-repeat scroll center -42px;
}