/*===== 共通設定 =====*/
html { margin: 0; padding: 0; }
body { width: 100%; margin: 0; padding: 0; color: #000000; background:#caeaf4 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: 90%; line-height: 1.8em; }

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

a { text-decoration:none;}
a:link { color:#1DA2DA; border-bottom:1px dotted #1DA2DA; }
a:visited { color:#1DA2DA;  border-bottom:1px dotted #1DA2DA; }
a:hover { color:#FF6600; border-bottom:1px dotted #FF6600; }
a:active { color:#1DA2DA;  border-bottom:1px dotted #1DA2DA;}
a img { border: none; }

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



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

#header h1 { margin: 0; }
#header h1 a:hover { background: none; }

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

/*===== メイン設定 =====*/
#wrapper { width:820px; margin: 0 auto; padding: 0; background:url(../images/bg_wrapper.gif) repeat-y; }
#content {  width: 820px; background:url(../images/bg_contents.gif) no-repeat 0 0; }

#content_body h4,
#content_body h5,
#content_body h6,
#content_body p,
#content_body ul,
#content_body dl,
#content_body ol,
#content_body table {margin-left:20px;}
#content_body { width: 750px; margin-top:0; padding:20px 35px; }
#content_body h2 { overflow: hidden; background:url(../images/bg_h2.gif) no-repeat 0 0; widht:750px; line-height:32px; height:32px; display:block; padding-left:20px; color:#333; font-size:105%;}

#content_body h2 a {  }
#content_body h3 { margin-top: 20px; padding: 5px 10px 5px 0; vertical-align:middle; border-bottom:1px dotted #CCCCCC; }
#content_body h3 a {}
#content_body h4 { margin-top: 15px; padding: 2px 0; border-bottom:1px dotted #ccc; }
#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; }
#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, #content_body p+h2, #content_body ul+h2 { 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 h3 span { background:#333333; color:#fff; margin:0 10px 0 0; padding:3px; font-size:10pt;}
#content_body h3 span.new { background:#FF3366 url(../images/bg_news.gif) no-repeat right center; padding-right:25px;margin-right:10px;} 

#content_body strong { color:#0066CC; }

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

#content_body ul#link li {background:none; padding-left:0;}
#content_body ul#link li a {background: url(../../images/icon/icon_html.gif) no-repeat right center; padding-right: 16px; padding-left:0;height:20px; line-height:20px;}

#content_body table { margin-top: 15px; border: 1px solid #999; border-collapse:collapse; }
#content_body table th, #content_body table td { padding: 5px; border-bottom: 1px solid #999; }
#content_body table th { background:#FFFFCC; border-right: 1px solid #999; border-left: 1px solid #999; }
#content_body table tbody th { white-space:nowrap; text-align:left; }
#content_body table tbody tr td { border-right:1px solid #999;}
#content_body table#sche tr td { border-right:none;}
#content_body table td.item { background: #e3dbb6; white-space:nowrap; }

#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; white-space:nowrap; }



/*===== グローバルナビゲーション設定 =====*/

#global_navi { width: 900px; height: 40px; background:url(../images/bg_global_navi.gif) 0px 0px; overflow: hidden; margin:0; }
#global_navi ul { list-style: none; }
#global_navi li { float: left; text-align: center; text-indent: -9999px; }
#global_navi li a {  height: 40px; display: block; text-decoration: none; }

#global_navi li#global_navi01 a { width: 120px; margin-left:50px;}
#global_navi li#global_navi02 a { width: 200px;}
#global_navi li#global_navi03 a { width: 120px;}
#global_navi li#global_navi04 a { width: 130px;}
#global_navi li#global_navi05 a { width: 110px;}
#global_navi li#global_navi06 a { width: 120px;}

#global_navi li#global_navi01 a:hover,
#global_navi li#global_navi01 a.now{ background: url(../images/bg_global_navi.gif) -50px -40px; }
#global_navi li#global_navi02 a:hover,
#global_navi li#global_navi02 a.now { background: url(../images/bg_global_navi.gif) -170px -40px; }
#global_navi li#global_navi03 a:hover,
#global_navi li#global_navi03 a.now{ background: url(../images/bg_global_navi.gif) -370px -40px; }
#global_navi li#global_navi04 a:hover,
#global_navi li#global_navi04 a.now{ background: url(../images/bg_global_navi.gif) -490px -40px; }
#global_navi li#global_navi05 a:hover,
#global_navi li#global_navi05 a.now{ background: url(../images/bg_global_navi.gif) -620px -40px; }
#global_navi li#global_navi06 a:hover,
#global_navi li#global_navi06 a.now{ background: url(../images/bg_global_navi.gif) -730px -40px; }


/*===== ボタン設定 =====*/
#up_btn  { margin: 0 0 10px; float: right; clear: both; }

#btn_btm { margin: 0 30px 10px; float: right; clear: both; }
* html #btn_btm { margin: 0 20px 10px; }

#up_btn_btm { float: left; }
#up_btn_btm p { }
#up_btn_btm p a,#up_btn a{ padding:3px; border:1px dotted #1DA2DA;}
#up_btn_btm p a:hover,#up_btn a:hover { background:#1DA2DA; color:#FFFFFF; }


/*===== タブナビゲーション設定 =====*/
#tab_navi { margin: 5px 5px 30px 0; }
#tab_navi ul { margin-top: 0; }
#tab_navi ul li { margin: 5px 5px 0 0; padding: 0; background: none; float: left; text-align:center;}
#tab_navi ul li a { width: 130px; height: 24px; line-height: 24px;  display: block; background: url(../images/bg_tabnavi.gif) no-repeat 0 0; border:1px solid #ccc;color:#000;  }
#tab_navi ul li a:hover { background: url(../images/bg_tabnavi.gif) no-repeat 0 -30px; color:#000; }

/*===== フッター設定 =====*/

#footer { width: 100%; height: 50px; clear: both; }
#footer_body { width:780px; height: 50px; margin: 0 auto; padding:0 60px; background: url(../images/bg_footer.gif) no-repeat center 0; }
#footer_body p { font-size: 12px; color:#FFFFFF }
#footer_body p.copyright { float: left; }
#footer_body p.entrust { float: right; }
#footer_body p a { color:#FFCC00; border:none;}


/*===== 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/icon_pdf.gif) no-repeat center right; }
a[href $='.doc'] { padding-right: 16px; background: url(../images/icon/icon_doc.gif) no-repeat center right; }
a[href $='.xls'] { padding-right: 16px; background: url(../images/icon/icon_xls.gif) no-repeat center right; }

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

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

* html a.icon_xls { /* IE-expression (attr-selector) */
background: url(../images/icon/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"
);
}


/*===== ポップアップヘルプ設定 =====*/

a.popup { }
a.popup span { display: none; }
a.popup:hover { display: inline; position:relative; }
a.popup:hover span { width:10em; background: #d6e5bd; color: #000; display: block; border: 3px solid #FFF; text-decoration: none; line-height:120%; position: absolute; top: 2.5em; left: 0; padding: 5px; z-index: 100; }

