@charset "UTF-8";







/* INDEX



-------------------------------------------



1. main layout



2. navigation



3. link style



4. common parts



-------------------------------------------*/











/* 1. main layout



-------------------------------------------*/



body{



color:#444;



font-size:80%;



line-height:1.5;

background:#1b2e63 url(../imgs/bg_basara.gif) 50% 0 repeat-y;



}



#wrapper{



margin:0 auto;



padding:12px 0px 0px;



width:860px;



}







#contents{



margin:0px;



padding:15px 30px 0px;



width:800px;



background:url(../imgs/bg_content.gif) 0 0 repeat;



}







#maincol{



position:relative;



margin:0px;



padding:13px 5px 30px 0px;



width:795px;



background:url(../imgs/bg_main.gif) 0 0 repeat;



}



#main{



float:right;



width:569px;



}



#sidebar{



float:left;



padding:8px 0px 0px;



width:212px;



}



#footer{



clear:both;



margin:0px;



padding:0px;



width:800px;



background:#2a2a2a;



color:#fff;



}



#footer p{



padding:34px 5px 35px 0px;



text-align:right;



}



/* 2. navigation



-------------------------------------------*/



.navi_foot{



margin:0px 0px 0px -4px;



padding:0px 0px 42px;



width:212px;



background:url(../imgs/bg_sidebar_foot.gif) 0 100% no-repeat;



z-index:999;



}



.navi_head{



margin:0px 0px 0px 18px;



padding:41px 0px 0px;



width:176px;



background:url(../imgs/bg_sidebar_head.gif) 0 0 no-repeat;



}



.navi_body{



background:url(../imgs/bg_sidebar_body.gif) 0 0 repeat-y;



text-align:center;



}



.navi_body ul{



padding:23px 0px 133px;



}



.navi_body ul li{



margin:0px 0px 32px;



vertical-align:bottom;



font-size:0px;



line-height:1.0;



}











/* 3. link style



-------------------------------------------*/



a{



overflow:hidden;



}







a:link{



color:#222;



text-decoration:underline;



}







a:visited{



color:#777;



text-decoration:underline;



}







a:hover{



color:#444;



text-decoration:none;



}







a:active{



color:#666;



text-decoration:none;



}







/* 4. common parts



-------------------------------------------*/

.red{

color:#c00;

}



/* 4.1 of header



-------------------------------------------*/







/* 4.2 of content



-------------------------------------------*/



.bnrlist{



margin:45px 0px 0px;



}



.bnrlist li{



margin:0px 0px 17px;



text-align:center;



}







.info_foot{



margin:3px auto 0px;



padding:0px 0px 4px;



width:520px;



background:url(../imgs/bg_info_foot.gif) 0 100% no-repeat;



}



.info_head{



padding:4px 0px 0px;



background:url(../imgs/bg_info_head.gif) 0 0 no-repeat;



}



.info_body{



padding:10px 0px 0px 18px;



background:url(../imgs/bg_info_body.gif) 0 0 repeat-y;



}







.info_list{



overflow:auto;



padding:5px 0px 10px;



width:100%;



height:100px;



}



.info_list li{



margin:0px 0px 3px;



}



.info_list .date{



float:left;



width:76px;



}



.info_list .cont{



float:left;



width:400px;



}







.outline_foot{



margin:17px auto 0px;



padding:0px 0px 8px;



width:520px;



background:url(../imgs/bg_outline_foot.gif) 0 100% no-repeat;



}



.outline_head{



padding:14px 0px 0px;



background:url(../imgs/bg_outline_head.gif) 0 0 no-repeat;



}



.outline_body{



padding:30px 0px 120px 46px;



background:url(../imgs/bg_outline_body.gif) 0 0 repeat-y;



}







.outline{



margin:27px 0px 0px 7px;



}



.outline p{



margin:0px 0px 1em;



}



.outline p.time{



margin:0px 0px 1em 20px;



}



.outline p.appearance{



float:left;



width:40px;



}



.outline ul{



float:left;



padding:0px 0px 15px;



width:420px;



}



.outline p.clrboth{



clear:both;



}



.basebox_body p span{

color:#3638a9;

font-weight:bold;

}





/* 4.3 of footer



-------------------------------------------*/