/*===== 共通設定 =====*/
html { margin: 0; padding: 0; }
body { width: 100%; margin: 0; padding: 0; color: #000000; background: #ddeab3; 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: #589853; }
a:visited { color: #589853; }
a:hover { color: #589853; text-decoration: none; }
a:active { color: #589853; }
a img { border: none; }

#container { width: 840px; margin: 0 auto; padding: 0 20px; background: url(../images/bg_container.gif) repeat-y; }
#container_top { width: 840px; margin :0 auto; padding: 0 20px; background: url(../images/bg_container_top.gif) repeat-y; }


/*===== ヘッダー設定 =====*/
#header_top { width: 840px; height: 367px; background: url(../images/bg_header_top.jpg) no-repeat; }
#header_top h1 { text-indent: -9999px; float: left; }

#header { width: 840px; height: 90px; padding: 0; overflow: hidden; background:url(../images/bg_header.gif) no-repeat; }
#header h1 { text-indent: -9999px; float: left; }
#header h1 a { width: 625px; height: 90px; display: block; }

#header_navi { width: 176px; height: 40px; margin-right: 5px; float: right; background: url(../images/bg_header_navi.gif) no-repeat; }
#header_navi ul { list-style: none; }
#header_navi li { float: left; text-indent: -9999px; }
#header_navi li a { width: 88px; height: 40px; display: block; text-decoration: none; /*\*/overflow: hidden;/**/ }
#header_navi li#home a { width: 88px; }
#header_navi li#home a:hover { background: url(../images/bg_header_navi.gif) no-repeat 0px -40px; }
#header_navi li#contact a { width: 88px; }
#header_navi li#contact a:hover { background: url(../images/bg_header_navi.gif) no-repeat -88px -40px; }



/*===== メイン設定 =====*/
#wrapper { width: 840px; margin: 0; padding: 0; }
#content {  width: 800px; margin: 0 auto; }

#content_body { width: 800px; margin-top: 20px; }
#content_body h2 {  }
#content_body h3 { margin-top: 20px; padding: 5px; border-bottom: 1px dotted #86c057; border-left: 5px solid #86c057; background: #e7efbe; }
#content_body h4 { margin-top: 15px; padding: 5px; background: #EEEEEE; }
#content_body h5 { margin-top: 15px; padding: 2px 0; color: #6ab31b; border-bottom:1px dotted #666; }
#content_body h6 { margin-top: 10px; padding: 2px 0; }

#content_body h3 span.title { float: left; }
#content_body h3 span.time { float: right; }

#content_body p { margin-top: 10px; }
#content_body p.right { text-align: right; clear: both; }
#content_body p.attention { margin: 15px; padding: 5px; border: 1px dotted #999; clear: both;  }

#content_body address { margin-top: 10px; }

#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: 5px; } 
#content_body h5+ul, #content_body h6+ul { margin-top: 5px; } 
#content_body h5+ol, #content_body h6+ol { margin-top: 5px; } 
#content_body h5+table, #content_body h6+table { margin-top: 5px; } 

#content_body strong {  }

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

#content_body ul.btn { margin-left: 224px; }
*:first-child+html #content_body ul.btn { margin: 10px auto 0; }
*html #content_body ul.btn { margin: 10px auto 0; }
#content_body ul.btn li { padding-left: 0; text-align: center; line-height: 40px; font-weight: bold; background: none; }
#content_body ul.btn li a { width: 350px; height: 40px; display: block; background: url(../images/bg_btn.gif) repeat-x 0px 0px; border: 1px solid green; }
#content_body ul.btn li a:hover { background: url(../images/bg_btn.gif) repeat-x 0px -40px; }

#content_body ul.btn_small { margin-left: 200px;  clear: both; }
#content_body ul.btn_small li { padding-left: 0; text-align: center; line-height: 40px; font-weight: bold; background: none; float: left; }
#content_body ul.btn_small li.r { margin-right: 10px; }
#content_body ul.btn_small a { width: 195px; height: 40px; display: block; background: url(../images/bg_btn.gif) repeat-x 0px 0px; border: 1px solid green; }
#content_body ul.btn_small a:hover { background: url(../images/bg_btn.gif) repeat-x 0px -40px; }

#content_body ul.link { padding-top: 5px; border-top: 1px solid #C0C0C0; }
#content_body ul.link li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #C0C0C0; line-height: 1.5em; }

#content_body ol { margin-top: 10px; }
#content_body ol li { margin-left: 20px; }
*:first-child+html #content_body ol li { margin-left: 25px; }
*html #content_body ol li { margin-left: 25px; }

#content_body dl { margin-top: 10px; }

#content_body dl.info { line-height: 150%; }
#content_body dl.info dt { width: 5em; font-weight: bold; float: left; clear: both; }
#content_body dl.info dd {  }

#content_body dl.program { line-height:150%; }
#content_body dl.program dt { width:3em; float:left; clear:both; }
#content_body dl.program dd { margin-left:3em; }

#content_body dl.program2 { line-height:150%; }
#content_body dl.program2 dt { width:8em; float:left; clear:both; }
#content_body dl.program2 dd { margin-left:8em; }

#content_body table { width: 800px; 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: #EEEEEE; }
#content_body table td.item { background: #EEEEEE; white-space:nowrap; }

#content_body table.program { width:100%; margin-bottom:10px; font-size:80%; line-height:120%; border: none; }
#content_body table.program td { width:50%; padding:0 10px; vertical-align:top; font-family:monospace; border: none; }

#content_body div.greeting img { margin: 5px 20px 0 0; float: left; }
*:first-child+html #content_body div.greeting img { margin: 15px 20px 0 0; float: left; }
*html #content_body div.greeting img { margin: 15px 20px 0 0; float: left; }
#content_body div.greeting p { margin-left: 170px; }

#content_body_left { width: 380px; float: left; }
#content_body_left dl { margin: 0 10px 10px; line-height: 1.5em; }
#content_body_left dt { padding-top: 5px; font-weight: bold; }
#content_body_left dd { padding-bottom: 5px; border-bottom: 1px dotted green; }
#content_body_right { width: 380px; float: right; }
#content_body_right address { margin: 5px 10px 10px; }

#content_body .external { padding-right: 16px; background: url(../images/icon/icon_external.gif) no-repeat center right; }


/*===== グローバルナビゲーション設定 =====*/
#global_navi { width: 840px; height: 40px; background: url(../images/bg_global_navi.gif) 0px 0px; overflow: hidden; }
#global_navi ul { list-style: none; }
#global_navi li { float: left; text-align: center; text-indent: -9999px; }
#global_navi li a { width: 140px; height: 40px; display: block; text-decoration: none; /*\*/overflow: hidden;/**/ }

#global_navi li#greeting a:hover,
#global_navi li#greeting a.now { background: url(../images/bg_global_navi.gif) 0px -40px; }
#global_navi li#outline a:hover,
#global_navi li#outline a.now { background: url(../images/bg_global_navi.gif) -140px -40px; }
#global_navi li#program a:hover,
#global_navi li#program  a.now { background: url(../images/bg_global_navi.gif) -280px -40px; }
#global_navi li#held a:hover,
#global_navi li#held  a.now { background: url(../images/bg_global_navi.gif) -420px -40px; }
#global_navi li#access a:hover,
#global_navi li#access  a.now { background: url(../images/bg_global_navi.gif) -560px -40px; }
#global_navi li#link a:hover,
#global_navi li#link  a.now { background: url(../images/bg_global_navi.gif) -700px -40px; }


/*===== ボタン設定 =====*/
div.up_btn { margin: 5px 0 10px; text-align: right; clear: both; }



/*===== フッター設定 =====*/
#footer { width: 840px; height: 25px; background: url(../images/bg_footer.gif) repeat-x center bottom; clear: both; }
#footer p.copyright { padding: 5px; font-size: 12px; line-height: 12px; color: #FFF; text-align: center; }



/*===== 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; }