/* CSS Document */


/*------------------------------------------------------------
　reset
------------------------------------------------------------*/
*{padding:0;margin:0;list-style:none;}
img, table, td, th, hr, frame, iframe{border:none;}

/*------------------------------------------------------------
　global
------------------------------------------------------------*/
a{color:#006FBE;overflow:hidden;}

#loggedin a{color:#006FBE;overflow:hidden;}

#loggedin a:hover,
a:hover{color:#333366;}

em{color:#029700;font-style:normal;font-weight:bold;}

.arrowlink_box{background:url(../images/ic_arrow_square.gif) no-repeat left center;padding-left:15px;}
.externallink{background:url(../images/ic_externallink.gif) no-repeat left center;padding-left:18px;}
p.externallink{white-space:nowrap;border:1px solid #ccc;padding:8px 16px 8px 25px;background:url(../images/ic_externallink.gif) no-repeat 7px center #f6f6f6;float:left;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.block{display:block;}
.hidden{display:none;}

.indent10{padding-left:10px;}
.indent20{padding-left:20px;}
.indent40{padding-left:40px;}
.indent60{padding-left:60px;}
.indent80{padding-left:80px;}
.indent100{padding-left:100px;}
.indent140{padding-left:140px;}

.padding10{padding:10px;}

.margin_bottom{margin-bottom:10px;}
.margin_top{margin-top:10px;}
.margin_top20{margin-top:20px;}

.smaller{font-size:smaller;}
.larger{font-size:larger;}

.list_decimal{margin:0.8em 1em;}
.list_decimal li{list-style:decimal;margin-left:1em;line-height:150%;}

.border1{
border:1px solid #ccc;
}

/*------------------------------------------------------------
　layout
------------------------------------------------------------*/
body{color:#666;line-height:120%;font-size:0.8em;margin-bottom:25px;}
.wrap{
	width:900px;
	clear:left;
	margin-left:auto;
	margin-right:auto;
}

#head{background:url(../images/header.gif) repeat-x;height:72px;clear:both;}
#main{background:url(../images/main_bg.gif) repeat-x;clear:both;padding:25px 0 15px 0;}
#footer{background:#000;color:#fff;clear:both;}

/*------------------------------------------------------------
　header
------------------------------------------------------------*/
#logo{display:block;float:left;background:url(../images/logo.gif) no-repeat;width:342px;height:56px;text-indent:-9999px;background-position:left bottom;}
#hnav{float:right;display:block;}
#hnav li{float:left;border-right:1px dotted #ccc;padding:2px 10px;font-size:90%;}
#hnav li a{display:block;white-space:nowrap;}
#hnav li.lang {
	background-color: #0B6ECF;
}
#hnav li.lang a{
	color:#FFFFFF;
	font-weight:bold;
}

/*------------------------------------------------------------
　main
------------------------------------------------------------*/
#main #main_body{float:left;width:682px;padding-bottom:10px;}
#main #nav{float:right;width:200px;}

/*------------------------------------------------------------
　main nav
------------------------------------------------------------*/
h3#h_login{background-repeat:no-repeat;color:#fff;font-size:110%;font-weight:bold;height:36px;line-height:36px;padding-left:15px;margin:0;}
h3#h_login{background-image:url(../images/login_locked.gif);}
h3#h_login.unlocked,
.loggedin h3#h_login{background-image:url(../images/login_unlocked.gif);}

#login{border:1px solid #ccc;background:url(../images/bg_grade.gif) repeat-x left bottom;margin-bottom:3px;}
#login p{padding:5px 10px;font-size:85%;line-height:110%;}
#login p.unlocked{font-weight:bold;font-size:100%;padding:10px;}
#login .smaller{padding:0 10px;font-size:85%;}
#login .notification{color:#CC0000;font-weight:bold;line-height:1.2em;}
.loggedin #login a{background:url(../images/ic_arrow_large_green.gif) no-repeat left center;padding-left:18px;margin-left:12px;color:#029700;}
#login dl{padding:0 0 5px 10px;}
#login dl dt{font-weight:bold;color:#029700;padding-top:5px;line-height:100%;}
#login dl dd input{width:170px;}
#login_error{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:10px;
	font-weight: bold;
	color: #FF0000;
}
#button_login{margin-left:auto;margin-right:auto;text-align:center;padding:10px;}
.loggedin #button_login{border-top:1px solid #ccc;margin-top:5px;}

#taikai li{background:url(../images/contents_locked.gif) no-repeat;border:1px solid #ccc;margin:1px 0;padding:5px;height:28px;line-height:28px;}
#taikai.loggedin li{background:url(../images/contents_unlocked.gif) no-repeat;}
#taikai.loggedin li a{font-weight:bold;color:#029700;text-decoration:none;}


/*------------------------------------------------------------
　gnav
------------------------------------------------------------*/
#counter{text-align:center;background:url(../images/bg_right_r_bottom.gif) no-repeat left bottom;font-size:80%;color:#000;padding:5px;margin-bottom:8px;}
#counter .smaller{padding:0 5px 2px 0;text-align:right;}
#counter img{vertical-align:middle;border:solid #999;border-width:1px 0;}
#gnav{margin:10px 0;width:200px;}
#gnav ul li{background:url(../images/lnav_bg.gif) repeat-x;border:1px solid #ccc;padding:5px;margin-bottom:1px;vertical-align:middle;height:2.2em;line-height:1.1em;width:188px;
}
#gnav ul li a{display:table-cell;vertical-align:middle;height:2.2em;width:173px;margin:auto 0;padding-left:15px;text-decoration:none;background-image:url(../images/ic_arrow_large_blue.gif) ;background-repeat:no-repeat;background-position: left center;font-weight:bold;}
    /* IE 6 */
    * html #gnav ul li a{display:block;background-position:left top;background-position:0px 3px;}
 
    /* IE 7 */
    *:first-child+html #gnav ul li a{display:block;background-position:0px 3px;}
/*------------------------------------------------------------
　footer
------------------------------------------------------------*/
#footer #copy{margin-left:auto;margin-right:auto;text-align:center;font-size:90%;line-height:200%;}
.pagetop{white-space:nowrap;text-align:right;float:right;}
.pagetop a{color:#fff;display:block;text-decoration:none;line-height:200%;font-size:90%;background:url(../images/ic_totop.gif) no-repeat left center;padding:0 5px 0 12px;}
.pagetop a:hover{color:#9999cc;}
/*------------------------------------------------------------
　h
------------------------------------------------------------*/
h1{background:url(../images/h2.gif) no-repeat;font-weight:bold;color:#fff;font-size:110%;line-height:34px;padding-left:10px;}

h2{
	background:url(../images/line_dot.gif) repeat-x left bottom;
	border-top:#006FBE 2px solid;
	color:#333;
	font-size:100%;
	line-height:240%;
	padding-left:10px;
	clear: both;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
}

#attention h2{
	background:url(../images/ic_arrow_large_blue.gif) no-repeat
	scroll left center;
	margin-left:12px;
	padding-left:18px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: dotted;
	border-top-color: #FFFFFF;
	border-bottom-color: #006FBE;
}


h3{background:url(../images/h3.gif) no-repeat left center;padding-left:15px;font-size:100%;color:#0056B8;line-height:240%;margin:3px 0;}


h4{background:url(../images/h4.gif) no-repeat left center;padding-left:24px;font-size:100%;color:#666;line-height:200%;margin:3px 0;}

h5{
	padding-left:24px;
	font-size:1em;
	color:#000000;
	line-height:1.3em;
	background-image: url(../images/h5.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0;
}

/* clearfix */
div:after,
ul:after,
.clearfix:after { content: " "; display: block; height: 0; visibility: hidden; clear: both;line-height:0; }
div, ul, .clearfix {zoom:1; }