@charset "utf-8";
/* CSS Document */



/* common
=============================== */
body {
font-family:"MS PGOTHIC", "Osaka", "qMmpS Pro W3";
font-size:0.8em;
line-height:1.6em;
text-align:left;
margin:0;
padding:0;
color:#333333;
}
#wrapper{
width:950px;
margin:0 auto;
text-align:left;
}


a:link { color:#0037A5; text-decoration:none;}
a:visited { color:#0037A5; text-decoration:none;}
a:hover { color:#0037A5; text-decoration:underline; }
a:active { color:#0037A5; text-decoration:underline; }
a.arrow{
background-image:url(../images/arrow.gif);
background-repeat:no-repeat;
background-position:0 3px;
padding:0 0 0 10px;
}


p{
margin:0;
}
a.btnB{
display:block;
border:solid;
border-color:#002175;
border-width:1px;
background-image:url(../images/btn_b.gif);
background-repeat:repeat-x;
background-position:bottom;
zoom:100%;
font-weight:bold;
text-align:center;
line-height:1em;
padding:5px 0 7px 0;
}
a.btnB img{
margin-right:5px;
}
a.btnB:link { color:#FFFFFF; text-decoration:none;}
a.btnB:visited { color:#FFFFFF; text-decoration:none;}
a.btnB:hover { color:#FFFFFF; text-decoration:underline; }
a.btnB:active { color:#FFFFFF; text-decoration:underline; }
a.btnW{
display:block;
border:solid;
border-color:#CCCCCC;
border-width:1px;
background-image:url(../images/btn_w.gif);
background-repeat:repeat-x;
background-position:bottom;
zoom:100%;
font-weight:bold;
text-align:center;
line-height:1em;
padding:5px 0 7px 0;
}
a.btnW img{
margin-right:5px;
}
a.btnW:link { color:#333333; text-decoration:none;}
a.btnW:visited { color:#333333; text-decoration:none;}
a.btnW:hover { color:#333333; text-decoration:underline; }
a.btnW:active { color:#333333; text-decoration:underline; }


img{
border:none;
}
ul{
margin:0;
padding:0;
}
ul li{
list-style-type:none;
}


h1{
}
h2{
}
h3{
}
h4{
}


.left{
float:left;
}
.right{
text-align:right;
}
.clr{
clear:both;
font-size:0;
line-height:0;
}


.fs{
font-size:85%;
line-height:1.4em;
}



/* header
=============================== */

#header{
margin:0 0 30px 0;
}

#header .headerBody{
width:970px;
margin:0 auto;
}

#header h1{
float:left;
width:159px;
margin:9px 0 0 0;
}


#header .langage{
float:right;
padding:26px 0 0 20px;
}


#header .search{
float:right;
}
#header .search form{
margin:25px 0 0 0;
}
#header .search form .txt{
float:left;
width:187px;
height:23px;
margin:0 5px 0 0;
padding:0;
color:#999999;
}
#header .search form .btn{
float:left;
margin:0;
padding:0;
}


#header .siteroot{
clear:both;
/*
width:950px;
*/
height:24px;
background-image:url(../images/hd_siteroot_bg.gif);
background-repeat:repeat-x;
background-position:bottom;
font-size:85%;
color:#666666;
}
#header .siteroot p{
margin:2px 0 0 10px;
}


#header ul{
width:auto;
height:41px;
background-image:url(../images/hd_mn_bg.gif);
background-repeat:repeat-x;
padding:0 0 0 10px;
}
#header ul li{
float:left;
margin:0 10px 0 0;
}


#header .head-line{
width:auto;
height:33px;
background-image:url(../images/hd_hdln_bg.gif);
background-repeat:repeat-x;
padding:0 10px;
}
#header .head-line p{
padding:6px 0 0 0;
}



/* left-menu
=============================== */

#left-menu{
float:left;
width:200px;
margin:0 10px 30px 0;
}


#left-menu .login{
background-image:url(../images/lmn_lgn_bg.gif);
background-repeat:no-repeat;
margin:0 0 10px 0;
color:#FFFFFF;
}
#left-menu .login .btm{
background-image:url(../images/lmn_lgn_btm.gif);
background-repeat:no-repeat;
background-position:bottom;
zoom:100%;
padding:10px;
}
#left-menu .login p.name{
font-size:120%;
font-weight:bold;
margin:7px 0 16px 25px;
}
#left-menu .login p.day{
background-image:url(../images/lmn_lgn_ln.gif);
background-repeat:repeat-x;
padding:8px 0 6px 0;
}
#left-menu .login p.time{
background-color:#3d76c0;
text-align:center;
padding:3px;
}
#left-menu .login p.time span{
font-size:85%;
}


#left-menu .login-before{
background-image:url(../images/lmn_lgnb_bg.gif);
background-repeat:no-repeat;
margin:0 0 10px 0;
color:#FFFFFF;
}
#left-menu .login-before .btm{
background-image:url(../images/lmn_lgnb_btm.gif);
background-repeat:no-repeat;
background-position:bottom;
zoom:100%;
padding:0 10px 15px 10px;
}
#left-menu .login-before p{
margin:0 0 10px 0;
}
#left-menu .login-before .input-text{
width:100px;
}
#left-menu .login-before p.fs{
margin:0;
}
#left-menu .login-before a{
color:#FFFFFF;
}


#left-menu .entry{
color:#0037A5;
margin:0 0 10px 0;
}


#left-menu .login-menu{
background-color:#002175;
padding:1px;
margin:0 0 10px 0;
}
#left-menu .login-menu p.title{
background-image:url(../images/lmn_ttl_b.gif);
background-repeat:no-repeat;
padding:2px 6px;
font-weight:bold;
margin:0 0 1px 0;
color:#FFFFFF;
}
#left-menu .login-menu ul{
background-image:url(../images/lmn_main_dln.gif);
background-repeat:repeat-x;
background-position:bottom;
zoom:100%;
background-color:#FFFFFF;
margin:0;
}
#left-menu .login-menu ul li.category{
background-image:url(../images/lmn_main_sttl.gif);
background-repeat:repeat-x;
background-position:0;
padding:4px 0 5px 3px;
margin:0 0 9px 0;
font-weight:bold;
}
#left-menu .login-menu ul li.category a{
color:#0037A5;
}
#left-menu .login-menu ul li.category img{
margin-right:3px;
}
#left-menu .login-menu ul li{
background-image:url(../images/arrow.gif);
background-repeat:no-repeat;
background-position:0 4px;
padding:0 0 8px 10px;
margin:0 10px;
line-height:1em;
}
#left-menu .login-menu ul li a{
color:#333333;
}


#left-menu .main-menu{
background-color:#002175;
padding:1px;
margin:0 0 10px 0;
}
#left-menu .main-menu p.title{
background-image:url(../images/lmn_ttl_b.gif);
background-repeat:no-repeat;
padding:2px 6px;
font-weight:bold;
margin:0 0 1px 0;
color:#FFFFFF;
}
#left-menu .main-menu ul{
background-color:#FFFFFF;
padding:10px;
}
#left-menu .main-menu ul li{
background-image:url(../images/arrow.gif);
background-repeat:no-repeat;
background-position:0 4px;
padding:0 0 8px 10px;
line-height:1em;
}
#left-menu .main-menu ul li a{
color:#333333;
}


#left-menu .sub-menu{
background-color:#CCCCCC;
padding:1px;
margin:0 0 10px 0;
}
#left-menu .sub-menu ul{
background-color:#FFFFFF;
background-image:url(../images/lmn_sub_bg.gif);
background-repeat:no-repeat;
background-position:bottom;
zoom:100%;
padding:5px 10px;
}
#left-menu .sub-menu ul li{
background-image:url(../images/arrow.gif);
background-repeat:no-repeat;
background-position:0 6px;
padding:0 0 0 10px;
}


#left-menu .bunner p{
margin:0 0 10px 0;
}

/* body */
#body {
margin:0 auto;
padding:0 0 20px;
width:970px

}

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

#contents{}


#contents h2{
border-bottom:solid;
border-bottom-color:#0037A5;
border-bottom-width:3px;
font-size:140%;
color:#FFFFFF;
margin:0 0 15px 0;
}
#contents h2 span{
background-image:url(../images/h2.gif);
background-repeat:repeat-x;
padding:10px 10px 9px 10px;
border-top:solid;
border-top-color:#0037A5;
border-top-width:1px;
border-left:solid;
border-left-color:#0037A5;
border-left-width:1px;
border-right:solid;
border-right-color:#0037A5;
border-right-width:1px;
}


#contents h3{
background-image:url(../images/h3.gif);
background-repeat:repeat-x;
/**************
border:solid;
border-color:#CCCCCC;
border-width:1px;
font-size:140%;
padding:6px 10px 8px 10px;
margin:0 0 15px 0;
**************/
}


#contents h4{
background-image:url(../images/h4.gif);
background-repeat:no-repeat;
background-position:0 4px;
border-bottom:solid;
border-bottom-color:#0037A5;
border-bottom-width:1px;
color:#002259;
font-size:120%;
padding:0 0 5px 10px;
margin:0 0 15px 0;
}


#contents .set{
margin:0 0 35px 20px;
}
#contents p{
margin:0 0 11px 0;
}
#contents p.page-top{
text-align:right;
}


span.btnB{
border:solid;
border-color:#002175;
border-width:1px;
background-image:url(../images/btn_b.gif);
background-repeat:repeat-x;
background-position:bottom;
zoom:100%;
text-align:center;
padding:4px 10px 6px 10px;
}
span.btnB img{
margin-right:5px;
}
span.btnB a:link { color:#FFFFFF; text-decoration:none;}
span.btnB a:visited { color:#FFFFFF; text-decoration:none;}
span.btnB a:hover { color:#FFFFFF; text-decoration:underline; }
span.btnB a:active { color:#FFFFFF; text-decoration:underline; }
span.btnW{
border:solid;
border-color:#CCCCCC;
border-width:1px;
background-image:url(../images/btn_w.gif);
background-repeat:repeat-x;
background-position:bottom;
zoom:100%;
text-align:center;
padding:4px 10px 6px 10px;
}
span.btnW img{
margin-right:5px;
}
span.btnW a:link { color:#333333; text-decoration:none;}
span.btnW a:visited { color:#333333; text-decoration:none;}
span.btnW a:hover { color:#333333; text-decoration:underline; }
span.btnW a:active { color:#333333; text-decoration:underline; }


#contents .frame1{
background-color:#EAF7F9;
border:solid;
border-color:#0037A5;
border-width:1px;
padding:7px 10px;
}
#contents .frame2{
background-color:#FFFFFF;
border:solid;
border-color:#DDDDDD;
border-width:1px;
padding:7px 10px;
}
#contents .frame3{
background-color:#EDEDED;
border:solid;
border-color:#DDDDDD;
border-width:1px;
padding:5px 10px;
font-size:85%;
}



/* footer
=============================== */
#footer{
width:970px;
margin:0 auto;
padding-bottom:30px;
clear:both;
}
#footer .footerBody{
height:40px;
border:solid;
border-color:#CCCCCC;
border-width:1px;
padding:0 15px;
}
#footer p.copyright{
float:left;
font-size:11px;
}
#footer p.pagetop{
float:right;
margin:10px 0;
background-image:url(../images/arrow_top.gif);
background-repeat:no-repeat;
background-position:0 7px;
padding-left:10px;
}