@charset "utf-8";

/* LAYOUT ********************************************/
body{margin:0; padding:0; color:#111; background:#f4f3ea url(img/bg.gif) repeat-x top; line-height:165%; font-family:Verdana, "ＭＳ Ｐゴシック", Hiragino Kaku Gothic Pro, Osaka; font-size:85%; text-align:center;}
body{behavior:url("csshover.htc");} 
#container{margin:0 auto; padding:0; width:980px; background:url(img/bg_container.gif) repeat-y;}
#container_inner{padding:0 10px; background:url(img/bg_container_in.gif) no-repeat top; min-height:1000px; _height:1000px; text-align:left;}
#header{height:150px; position:relative; background:url(img/header.gif) repeat-x;}
#article{padding:0 0 0 15px;}
#contents{margin:0; padding:0 0 10px; float:right; width:715px;}
#navi_left{float:left; width:215px; color:#fff; font-size:91%;}
#footer{padding:15px 20px; background:url(img/footer.gif) repeat-x top; clear:both; font-size:91%;}

/* BASE ********************************************/
a{color: #03c;}
a:hover{color:#39f;}
img{border: none;}
h2{margin:0 0 20px; padding:2px 0 11px 25px; clear:both; background:url(img/h2.gif) no-repeat bottom left; line-height:130%;}
h2 span{clear:none; font-size:0.8em; font-weight:300; line-height:100%;}
.pagetop, .pagetop_bottom{clear:both; text-align:right;}
.pagetop img, .pagetop_bottom img{vertical-align:bottom;}
.pagetop img{margin:0 0 5px;}
.pagetop{margin:0 25px 20px 0; padding:0 0 10px; background:url(img/pagetop_bg.gif) no-repeat bottom;}
.pagetop_bottom{margin-top:10px; margin-right:25px; margin-bottom:10px; margin-left:0;}
.clr{clear: both;}

/* --- GET HIGHT --- */
.hght{display:block; min-height:0;}
.hght:after{content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
* html .hght{display:inline-block;}
/* exclude ie mac \*/
* html .hght{height:1%;}
#article{text-align:justify; text-justify:inter-ideograph;}
/* all brouser */

/* --- PRINT --- */
@media print {
body {_zoom:0.8;}
#navi_top2{overflow:hidden;}
}

/* header ********************************************/
#header span{display:none;}
#header img{vertical-align:bottom;}
#header ul{margin:0; padding:0; list-style-type:none;}
#header li{margin:0; padding:0; float:left;}
#logo{margin:0; position:absolute; top:0; left:15px; width:730px; height:142px;}
#navi_top{position:absolute; left:760px; width:185px;}
#navi_top img{ margin: 0 0 5px;}

/* --- 「サイトの使い方」へのボタンの有無 --- */
.navi_top_0{ top: 35px; height: 83px;}/*なし*/
.navi_top_1{ top: 15px; height: 123px;}/*有*/
.navi_top_0 #navi_sml{ background: url(img/btn_head_sml_0.gif);}
.navi_top_1 #navi_sml{ background: url(img/btn_head_sml_1.gif);}

#navi_sml{padding:6px 0 0 95px; height:35px; _height:40px; clear:both;}
#navi_sml li{margin:0 5px 0 0;}
#navi_sml li, #navi_sml li a{width:23px; height:23px; display:block;}

/* navi_left ********************************************/
#naibulink { margin-bottom:5px;}
#navi_left img{vertical-align:bottom;}
#navi_left h3{margin:0; padding:0; background:none;}
#navi_left_1 h3 img, #navi_left_2 h3 img{margin:0;}
#navi_left a{color:#fff; text-decoration:none;}
#navi_left a:hover{text-decoration:underline;}
#navi_left #search{background:url(img/navi_search.gif) no-repeat top; height:110px;	_height:105px;}
#navi_left #search input.search{margin:34px 15px 0 10px; width:185px; height:18px; border:solid 1px #a9a89c;}
#navi_left #search input.btn{margin:4px 56px; border:0px; width:98px; height:30px; background:none; cursor:pointer;}
#navi_left #search input.btn:hover{background:url(img/navi_search_btn_r.gif) no-repeat;}
#navi_left .inner_1{margin:0 0 5px; background:url(img/navi_bg_1.gif);}
#navi_left .inner_2{padding:0 0 16px; background:url(img/navi_bg_2.gif) no-repeat bottom;}
#navi_left ul{margin:0 10px; padding:0; list-style:none;}
#navi_left ul ul{margin:0;}
#navi_left li{margin:0; display:block; width:190px; height:auto; line-height:135%; overflow:visible;}
#navi_left li a{display:block; width:185px; height:auto;}
#navi_left li.sub2start a{width:165px;}
#navi_left li.sub2 a, #navi_left li.sub2last a{width:150px;}
#navi_left li.sub0,
#navi_left li.sub1{padding:0;}
#navi_left li.sub2start{padding:4px 0 4px 20px; width:170px;}
#navi_left li.sub2,
#navi_left li.sub2last{padding:4px 0 4px 35px; width:155px;}
#navi_left li.sub2start a{_width:170px;}
#navi_left li.sub2 a, #navi_left li.sub2last a{_width:155px;}
#navi_left_1 img, #navi_left_2 img{margin:0 5px 0 0; vertical-align:middle;}
#navi_left_1 li.sub0{background:url(img/navi1_start.gif) no-repeat top left #232a90;}
#navi_left_1 li.sub1{background:url(img/navi1.gif) no-repeat top left #232a90;}
#navi_left_1 li.sub2{background:url(img/navi1_s.gif) no-repeat top left #109ef1;}
#navi_left_1 li.sub2start{background:url(img/navi1_s_start.gif) no-repeat left top #007bf4;}
#navi_left_1 li.sub2last{background:url(img/navi1_s_last.gif) no-repeat top left #109ef1;}
#navi_left_2 li.sub0{background:url(img/navi2_start.gif) no-repeat left top #1a8d19;}
#navi_left_2 li.sub1{background:url(img/navi2.gif) no-repeat left top #1a8d19;}
#navi_left_2 li.sub2{background:url(img/navi2_s.gif) no-repeat left top #38c93d;}
#navi_left_2 li.sub2start{background:url(img/navi2_s_start.gif) no-repeat left top #1fb723;}
#navi_left_2 li.sub2last{background:url(img/navi2_s_last.gif) no-repeat left top #38c93d;}
#navi_left .folder{margin:0; cursor:pointer;}
#navi_left .folder span:hover{text-decoration:underline;}
#navi_left .sub_pane {display:none;}

/* footer ********************************************/
#footer_navi{margin:0 0 5px; text-align:center;}
#footer_navi ul{margin:0; padding:0; list-style:none;}
#footer_navi li{margin:0 10px 0 0; padding:0 10px 0 0; display:inline; border-right:solid 1px #a9a89c;}
#footer_navi li.last{border-right:none;}
#footer_navi li a{text-decoration:none;}
#footer_navi li a:hover{text-decoration:underline;}
#footer_logo{margin:0; float:left; width:auto;}
#footer_logo img{margin:0 8px 0 0; vertical-align:text-bottom;}
#copy{margin:0; float:right; width:auto; text-align:right; font-size:80%;}