﻿@charset "utf-8";
/*  Layout
-----------------------------------------------------------------------------*/
/* Body */
body {
	font-size: 12px;
	line-height: 160%;
	margin: 0;
	background:#FFFFFF;
}


/*  Wrapper
-----------------------------------------------------------------------------*/

#wrapper {
	margin: 0 auto;  
}

/*  Header
-----------------------------------------------------------------------------*/

#header { background:url(../../img/header_wrp_bg.png) 0px 2px repeat-x;}
#header_wrp{ background:url(../../img/header_bg.png) top center no-repeat; z-index:2;  position:relative;}
#header_box{ width:980px; height:138px; margin:0 auto; position:relative;}

#header_box #header_word{font-size:10px; font-weight:normal; color:#CCC;}
#header_box .header_sidebtn01{position: absolute; top:0px; left:752px; width:110px; height:29px; z-index:1; }
#header_box .header_sidebtn02{position: absolute; top:0px; left:876px; width:104px; height:29px; z-index:1; }
#header_box .navi-out-01{position: absolute; top:50px; left:0px; width:144px; height:48px; z-index:1; }
#header_box .navi-out-02{position: absolute; top:50px; left:144px; width:130px; height:48px; z-index:1; }
#header_box .navi-out-03{position: absolute; top:50px; left:274px; width:141px; height:48px; z-index:1; }
#header_box .navi-out-04{position: absolute; top:50px; left:567px; width:134px; height:48px; z-index:1; }
#header_box .navi-out-05{position: absolute; top:50px; left:701px; width:168px; height:48px; z-index:1; }
#header_box .navi-out-06{position: absolute; top:50px; left:869px; width:111px; height:48px; z-index:1; }
#header_box .logo{position: absolute; top:0px; left:421px; width:139px; height:138px; z-index:1; }



/*  mainimg
-----------------------------------------------------------------------------*/
#mainimg{background:url(../../img/in_bg.jpg) 0 -30px repeat-x; margin-top:-39px; }
#mainimg_box{ background:url(../../img/in_main_bg.jpg) no-repeat 50% 0px; height:220px;}
#mainimg_box_in{width:980px; margin:0 auto; position:relative;  height:220px;}
#mainimg_box_in #main_tit{position:absolute; top:60px; left:15px; height:49px;}
#mainimg_box_in #pan{position:absolute; bottom:11px; left:0px;}
#mainimg_box_in #main_img{position:absolute; top:10px; right:30px; width:265px; height:209px;}



/*  Footer
-----------------------------------------------------------------------------*/

#footer { clear:both; background:url(../../img/footer_bg.gif) 0 30px repeat-x; margin-top:15px; padding-top:15px;}
#footer .page_top{width:980px; margin:0 auto; text-align:right; padding-bottom:8px;}
#footer #footer_wrp{width:980px; margin:0 auto; text-align:center;}
#footer #footer_wrp #footer_navi{padding:7px 0 15px 0;}
#footer #footer_wrp #footer_copy{padding:15px 0;}


/*  Contents
-----------------------------------------------------------------------------*/

#contents { width:980px; margin:0 auto; overflow:inherit !important;}
#contents #main{ width:675px; float:left;}
#top #contents #side{ width:280px; float:right; position: relative; z-index:3; margin-top:-125px;}
#contents #side{ width:280px; float:right; position: relative; z-index:3;}
#contents #side #side_wrp{ padding:16px 14px; background:url(../../img/side_bgheader.gif) top left no-repeat;}
#side_banner li{padding-bottom:15px;}

#contents #side .side_navi{border:#E8E8E8 1px solid; margin-bottom:15px;}
#contents #side .side_navi dt{background:#216CBA url(../../img/sub_s_tit.gif) no-repeat 10px 8px; font-weight:bold; color:#FFF; font-size:14px; padding:6px 4px 6px 23px; }
#contents #side .side_navi dd ul li a,
#contents #side .side_navi dd ul li a:hover{background:url(../../img/sitemap_f.gif) no-repeat 10px 12px; padding:9px 4px 11px 23px; display:block; line-height:105%; border-top:#E8E8E8 1px solid;}
#contents #side .side_navi dd ul li a:hover{ background-color:#F6F6F6;}
