@charset "utf-8";

@import url('tokusen_style.css');

/* common base
==================================*/
html{ color: #000; font-size: 14px;}

#wrapper{ background: #FFFFFF; width: 100%; line-height:1.5em;}

body.small{ font-size: 85.7%;}
body.middle{ font-size: 100%;}
body.large{ font-size: 112%;}


/* header */
header{ width: 1000px; margin: 0px auto 0px;}
header .lbox{ float: left;}
header .logo{ display:inline-block;}
header .rbox{ width: 200px; float: right; margin-top: 24px;}
header .font_size{ }
header .font_size p{ float: left; margin: 8px 10px 0 0;}
header .font_size li{ float: left; width: 30px; height: 30px; background: #cccccc; color: #fff; text-align:center; line-height: 30px; font-size: 120%; font-weight: bold; margin-right: 1px;}
header .font_size li.current,
header .font_size li:hover{ background: #999; cursor:pointer; text-decoration: none; }



/* contents */
#contents{ width: 1000px; margin: 0px auto;}


/* aside */
aside { width: 300px; padding:20px; color:#FFFFFF;background:#18477A; float:left;}
aside .box { background:#EFEFEF; color:#444444; font-size:100%; } 
aside .box .box-in { border-top:1px solid #CCCCCC; background:#FFFFFF; padding:20px 30px; } 
aside .box h2 { padding:12px 20px 8px; font-size:120%; line-height:1.5em;} 
aside .box ul { border-bottom:1px dashed #CCCCCC; margin-bottom:10px; } 
aside .box ul li { background:url(../images/icon01.gif) no-repeat 0px 5px; font-size:110%; float:left; width:100px; padding-left:10px; padding-bottom:5px; } 
aside .box .etc { text-align:right;} 
aside .box .etc a {background:url(../images/icon06.png) no-repeat 0px 10px; padding:5px 10px; } 

aside .box .bt {} 
aside .box .bt a { color:#FFFFFF; padding:4px 10px 2px 25px; background:#444444 url(../images/icon02.png) no-repeat 5px 6px; display:inline-block; width:100%;} 
aside .box .bt a:hover { background:#666666 url(../images/icon02.png) no-repeat 5px 6px; text-decoration:none;}
aside .box dl.seinen dt { background:url(../images/icon01.gif)  no-repeat 0px 5px; padding-left:10px; color:#18477A; font-size:115%;} 
aside .box dl.seinen dd { margin-left:15px;} 
aside .box dl.seinen dd a { background:#18477A url(../images/icon03.png)  no-repeat 5px 6px; margin-left:20px; width:150px; } 
aside .box dl.seinen dd a:hover { background:#2A669B url(../images/icon03.png)  no-repeat 5px 6px; margin-left:20px; } 
aside .box dl.josei dt { background:url(../images/icon01.gif)  no-repeat 0px 5px; padding-left:10px; color:#FF6666; font-size:115%;} 
aside .box dl.josei dd { margin-left:15px;} 
aside .box dl.josei dd a { background:#FF6666 url(../images/icon04.png)  no-repeat 5px 6px; margin-left:20px; width:150px; } 
aside .box dl.josei dd a:hover { background:#F49292 url(../images/icon04.png)  no-repeat 5px 6px; margin-left:20px; } 
 


/* main_content */
#main_content{ width: 660px; float: right; }
#main_content_max{ width: 1000px; clear:both; }


/* footer */
footer{ background:#EFEFEF; padding:20px;}
footer ul { width:800px; margin:0px auto;}
footer ul li { float:left; margin:10px; width:172px; height:60px;}

small{ display:block; text-align:center; padding: 18px 0;}



/*  */
.page_top{ clear:both; text-align:right; padding-top: 50px;}
.page_top02{ clear:both; text-align:right; padding-top: 100px;}