/*===== 共通設定 =====*/
html { margin: 0; padding: 0; }
body { width: 100%; margin: 0; padding: 0; color: #000000; background: url(../images/bg_body.gif) repeat-x top center; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, address, img, hr, div { margin: 0; padding: 0; font-style: normal; font-size: 100%; }
h2, h3, h4, h5 { font-size: 90%; clear: both; }
h6 { font-size: 80%; clear: both; }
p, address, blockquote, table { font-size: 80%; line-height: 1.5em; }
ul, ol, dl  { font-size: 80%; line-height: 1.8em; }

img { display: block; }
hr { clear: both; visibility: hidden; }

a:link { color: #387638; }
a:visited { color: #387638;  }
a:hover { color: #387638; text-decoration: none; }
a:active { color: #387638; }
a img { border: none; }

#container { width:800px; margin:0 auto; }



/*===== ヘッダー設定 =====*/
#header { width: 800px; height: 85px; padding:0; overflow: hidden; }

#header h1 { margin: 10px 0 0 5px; float: left; }
#header h1 a:hover { background: none; }

#header_navi { width: 209px; height: 45px; float: right; background: url(../images/bg_header_navi.gif) no-repeat 0 0;  }
#header_navi ul { list-style: none; }
#header_navi li { float: left; text-indent: -9999px; }
#header_navi li a { height: 45px; display: block; text-decoration: none; }
#header_navi li#home a { width: 54px; }
#header_navi li#home a:hover { background: url(../images/bg_header_navi.gif) no-repeat 0px -45px; }
#header_navi li#sitemap a { width: 65px; }
#header_navi li#sitemap a:hover { background: url(../images/bg_header_navi.gif) no-repeat -54px -45px; }
#header_navi li#japanese a { width: 90px; }
#header_navi li#japanese a:hover { background: url(../images/bg_header_navi.gif) no-repeat -119px -45px; }

#search { margin-top: 10px; padding-right: 5px; float: right; }
#box { width:140px; }


/*===== ビジュアル設定 =====*/
#visual {  }



/*===== メイン設定 =====*/
#wrapper { width: 800px; margin: 0; padding: 0; background: url(../images/bg_wrapper.gif) repeat-y; }
#content {  width: 580px; float:right; }

#content_body { width: 580px; margin-top: 15px; }
#content_body h2 { padding: 10px; background: url(../images/bg_h2.gif) no-repeat; overflow: hidden; color: #666; border: 1px solid #d0c8a2; }
#content_body h2.blue { background: url(../images/bg_h2_b.gif) no-repeat; }
#content_body h2.red { background: url(../images/bg_h2_r.gif) no-repeat; }
#content_body h2.green { background: url(../images/bg_h2_g.gif) no-repeat; }
#content_body h2.orange { background: url(../images/bg_h2_o.gif) no-repeat; }
#content_body h2 a { color:#666; }
#content_body h3 { margin-top: 20px; padding: 5px 10px; background: url(../images/bg_h3.gif) no-repeat; color: #666; border: 1px solid #d0c8a2; }
#content_body h3 a { color: #666; }
#content_body h4 { margin-top: 15px; padding: 2px 0; border-bottom:1px dotted #666; }
#content_body h4 a { color: #000; }
#content_body h5 { margin-top: 15px; padding: 2px 0; color: #6ab31b; }
#content_body h6 { margin-top: 10px; padding: 2px 0; }

#content_body p { margin-top: 10px; text-align: justify; }
#content_body p.right { text-align: right; clear: both; }

#content_body h3, #content_body h4, #content_body h5, #content_body h6 { clear: both; }
#content_body p+p { margin-top: 10px; } 
#content_body h2+h3, #content_body h3+h4, #content_body h4+h5, #content_body h5+h6 { margin-top: 10px; } 
#content_body h5+p, #content_body h6+p { margin-top: 0; } 
#content_body h5+ul, #content_body h6+ul { margin-top: 0; } 
#content_body h5+ol, #content_body h6+ol { margin-top: 0; } 
#content_body h5+table, #content_body h6+table { margin-top: 0; } 

#content_body strong { color: #ff9900; }

#content_body ul { margin-top: 10px; text-align: justify; }
#content_body ul li { margin-top:5px; padding-left: 18px; list-style:none; background: url(../images/bg_ul_li.gif) no-repeat 0 3px; }

#content_body ul.child { margin: 5px 0 10px; font-size: 100%; }
#content_body ul.child li { margin-top: 2px; padding-left: 13px;  background: url(../images/bg_ul_li_child.gif) no-repeat 0 3px; }

#content_body ol { margin-top: 10px; text-align: justify; }
#content_body ol li { padding-left: 18px; list-style:none; }
#content_body ol li.no_01 { background: url(../images/bg_ol_li_01.gif) no-repeat 0 3px; }
#content_body ol li.no_02 { background: url(../images/bg_ol_li_02.gif) no-repeat 0 3px; }
#content_body ol li.no_03 { background: url(../images/bg_ol_li_03.gif) no-repeat 0 3px; }
#content_body ol li.no_04 { background: url(../images/bg_ol_li_04.gif) no-repeat 0 3px; }
#content_body ol li.no_05 { background: url(../images/bg_ol_li_05.gif) no-repeat 0 3px; }
#content_body ol li.no_06 { background: url(../images/bg_ol_li_06.gif) no-repeat 0 3px; }
#content_body ol li.no_07 { background: url(../images/bg_ol_li_07.gif) no-repeat 0 3px; }
#content_body ol li.no_08 { background: url(../images/bg_ol_li_08.gif) no-repeat 0 3px; }
#content_body ol li.no_09 { background: url(../images/bg_ol_li_09.gif) no-repeat 0 3px; }
#content_body ol li.no_10 { background: url(../images/bg_ol_li_10.gif) no-repeat 0 3px; }
#content_body ol li.no_11 { background: url(../images/bg_ol_li_11.gif) no-repeat 0 3px; }
#content_body ol li.no_12 { background: url(../images/bg_ol_li_12.gif) no-repeat 0 3px; }
#content_body ol li.no_13 { background: url(../images/bg_ol_li_13.gif) no-repeat 0 3px; }
#content_body ol li.no_14 { background: url(../images/bg_ol_li_14.gif) no-repeat 0 3px; }
#content_body ol li.no_15 { background: url(../images/bg_ol_li_15.gif) no-repeat 0 3px; }
#content_body ol li.no_16 { background: url(../images/bg_ol_li_16.gif) no-repeat 0 3px; }
#content_body ol li.no_17 { background: url(../images/bg_ol_li_17.gif) no-repeat 0 3px; }
#content_body ol li.no_18 { background: url(../images/bg_ol_li_18.gif) no-repeat 0 3px; }
#content_body ol li.no_19 { background: url(../images/bg_ol_li_19.gif) no-repeat 0 3px; }
#content_body ol li.no_20 { background: url(../images/bg_ol_li_20.gif) no-repeat 0 3px; }

#content_body table { width: 580px; margin-top: 15px; border-top: 1px solid #999; border-right: 1px solid #999; }
#content_body table th, #content_body table td { padding: 5px; border-bottom: 1px solid #999; border-left: 1px solid #999; }
#content_body table th { background: #e3dbb6; }
#content_body table td.item { background: #e3dbb6; }

#content_body table table { margin-top: 0;  width: auto; border: none; }
#content_body table table th, #content_body table table td { padding: 0; border: none; }

#image { margin: 15px 0 0; text-align: center; }
#image img { margin: 0 auto; text-align: center; }
#image p { margin: 0; }

#topics { width: 280px; float: left; }
#news { width: 280px; float: right; }
#topics iframe, #news iframe { margin: 10px 0; border: 1px solid #d0c8a2; }

#submit { margin: 15px 0 0; text-align: center; }
#submit p { margin: 0; }

#profile { margin: 10px 0 20px; clear: both; }
#profile img { float: left; }
#profile p { margin-left: 135px; }
#profile p.name { font-weight: bold; }
#profile p.career { padding: 5px; border: 1px solid #363; background: #e3f4a1; }



/*===== グローバルナビゲーション設定 =====*/
#global_navi { width: 800px; height: 60px; background: url(../images/bg_gbl_navi.gif) no-repeat 0 0; overflow: hidden; }
#global_navi ul { list-style: none; }
#global_navi li { float: left; text-indent: -9999px; }
#global_navi li a { width: 200px; height: 60px; display: block; text-decoration: none; }

#global_navi li#resident a:hover,
#global_navi li#resident_now,
#global_navi li#resident_now a:hover { background: url(../images/bg_gbl_navi.gif) no-repeat 0 -60px; }
#global_navi li#business a:hover,
#global_navi li#business_now,
#global_navi li#business_now a:hover { background: url(../images/bg_gbl_navi.gif) no-repeat -200px -60px; }
#global_navi li#government a:hover,
#global_navi li#government_now,
#global_navi li#government_now a:hover { background: url(../images/bg_gbl_navi.gif) no-repeat -400px -60px; }
#global_navi li#research a:hover,
#global_navi li#research_now,
#global_navi li#research_now a:hover { background: url(../images/bg_gbl_navi.gif) no-repeat -600px -60px; }


/*===== ナビゲーション設定 =====*/
#navi { width: 180px; padding: 15px 10px; }

#navi ul#local_navi { width: 180px; height: 120px; background: url(../images/bg_local_navi.gif) no-repeat 0 0; overflow: hidden; list-style: none; }
#navi ul#local_navi li { text-indent:-9999px; }
#navi ul#local_navi li a { width: 180px; height: 40px; display: block; text-decoration: none; }
#navi ul#local_navi li#about a:hover,
#navi ul#local_navi li#about_now,
#navi ul#local_navi li#about_now a:hover { background: url(../images/bg_local_navi.gif) no-repeat -180px 0; }
#navi ul#local_navi li#system a:hover,
#navi ul#local_navi li#system_now,
#navi ul#local_navi li#system_now a:hover { background: url(../images/bg_local_navi.gif) no-repeat -180px -40px; }
#navi ul#local_navi li#history a:hover,
#navi ul#local_navi li#history_now,
#navi ul#local_navi li#history_now a:hover { background: url(../images/bg_local_navi.gif) no-repeat -180px -80px; }

#navi address { margin-top: 15px; }

#navi p { margin-top: 10px; padding-left: 12px; background: url(../images/bg_dl_li_info.gif) no-repeat left center; }



/*===== ページナビゲーション設定 =====*/
#page_navi { margin-bottom: 30px; }
#page_navi dt { margin-top: 15px; padding: 3px 25px; background: url(../images/bg_page_navi.gif) no-repeat 0px 0px; border: 1px solid #d0c8a2; }
#page_navi dt a { text-decoration: underline; }
#page_navi dt a:hover { background: none; text-decoration: none; }
#page_navi dd { margin-top: 5px; padding-left: 25px; line-height: 1.5em; color: #666; }

#page_navi dl.keyword dd { margin-left: 3em; text-indent: -3em; }



/*===== タブナビゲーション設定 =====*/
#tab_navi { margin: 5px 5px 0; }
#tab_navi ul { margin-top: 0; }
#tab_navi ul li { margin: 5px 0 0; padding: 0; background: none; float: left; text-align:center; font-size: 11px; }
#tab_navi ul li a { width: 184px; height: 24px; padding: 3px; display: block; background: url(../images/tab_navi_li.gif) no-repeat 0 0; }
#tab_navi ul li a:hover { background: url(../images/tab_navi_li.gif) no-repeat 0 -30px; }
#tab_navi ul li.now a { background: url(../images/tab_navi_li.gif) no-repeat 0 -30px; text-decoration: none; }


/*===== ボタン設定 =====*/
#up_btn { margin: 5px 0 10px; float: right; clear: both; }
#up_btn p {  }
#up_btn p a { width: 86px; height: 23px; background: url(../images/up_btn.gif) no-repeat 0 0; text-decoration: none; display: block; text-indent:-9999px; }
#up_btn p a:hover { background: url(../images/up_btn.gif) no-repeat 0 -23px; }

#btn_btm { margin: 20px 0; float: right; clear: both; }

#up_btn_btm { float: left; }
#up_btn_btm p { }
#up_btn_btm p a { width: 86px; height: 23px; background: url(../images/up_btn.gif) no-repeat 0 0; text-decoration: none; display: block; text-indent:-9999px; }
#up_btn_btm p a:hover { background: url(../images/up_btn.gif) no-repeat 0 -23px; }

#prev_btn { float: left; }
#prev_btn p { }
#prev_btn p a { width: 86px; height: 23px; background: url(../images/prev_btn.gif) no-repeat 0 0; text-decoration: none; display: block; text-indent:-9999px; }
#prev_btn p a:hover { background: url(../images/prev_btn.gif) no-repeat 0 -23px; }

#next_btn { float: left; }
#next_btn p { }
#next_btn p a { width: 86px; height: 23px; background: url(../images/next_btn.gif) no-repeat 0 0; text-decoration: none; display: block; text-indent:-9999px; }
#next_btn p a:hover { background: url(../images/next_btn.gif) no-repeat 0 -23px; }



/*===== フッター設定 =====*/
#footer { width: 100%; height: 100px; background: url(../images/bg_footer.gif) repeat-x center bottom; clear: both; }
#footer_body { width: 760px; height: 25px; margin: 0 auto; padding:65px 20px 0; background: url(../images/bg_footer_body.gif) no-repeat; }
#footer_body p { font-size: 10px; color: #FFF; }
#footer_body p.copyright { float: left; }
#footer_body p.entrust { float: left; }


/*===== floatバグ対策 =====*/
.clearfix:after { height: 0; display: block; clear: both; visibility: hidden; overflow: hidden; content:"."; }

/*= win IE v5/v6> =*/
@media all { * html .clearfix { height:1%; } }

/*= win IE7 =*/
*:first-child+html .clearfix { overflow: hidden; }

/*= mac IE v5> =*/
* html>body .clearfix { display: inline-block; }



/*===== ファイルアイコン表示設定 =====*/
a[href $='.pdf'] { padding-right: 16px; background: url(../images/icon_pdf.gif) no-repeat center right; }
a[href $='.doc'] { padding-right: 16px; background: url(../images/icon_doc.gif) no-repeat center right; }
a[href $='.xls'] { padding-right: 16px; background: url(../images/icon_xls.gif) no-repeat center right; }

* html a.icon_pdf { /* IE-expression (attr-selector) */
background: url(../images/icon_pdf.gif) no-repeat right center; padding-right: 16px; }

* html a.icon_doc { /* IE-expression (attr-selector) */
background: url(../images/icon_doc.gif) no-repeat right center; padding-right: 16px; }

* html a.icon_xls { /* IE-expression (attr-selector) */
background: url(../images/icon_xls.gif) no-repeat right center; padding-right: 16px; }

* html a{ /* IE-expression (attr-selector) */
behavior: expression(
this.className += (this.getAttribute("href").match(".pdf")) ? " icon_pdf" : "",
this.className += (this.getAttribute("href").match(".doc")) ? " icon_doc" : "",
this.className += (this.getAttribute("href").match(".xls")) ? " icon_xls" : "",
this.style.behavior = "none"
);
}



/*===== Light Box設定 =====*/
#lightbox_body { margin: 10px 0 10px 15px; padding-bottom: 21px; background: url(../images/zoom_btm.gif) bottom right no-repeat; float: right; clear: both; }

#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img { border: none; }

#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0;}
#hoverNav a { outline: none;}

#prevLink, #nextLink { width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% }

#imageData { padding:0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose { width: 66px; float: right;  padding-bottom: 0.7em; }

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 900px; background-color: #cbc8b2; }