/*===== 共通設定 =====*/
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; }
body#body_stay { background: url(../images/bg_body_stay.gif) repeat-x top center;  }
body#bodySate { background: url(../images/bg_body_sate.gif) repeat-x top center;  }

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 { font-size: 100%; clear: both; }
h4, h5, h6 { font-size: 90%; clear: both; }
p, address, blockquote, table { font-size: 90%; line-height: 1.5em; }
ul, ol, dl  { font-size: 90%; line-height: 1.8em; }

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

a:link { color: #3466cc; }
a:visited { color: #3466cc;  }
a:hover { color: #3466cc; text-decoration: none; background: #dbe8f8; }
a:active { color: #3466cc; }
a img { border: none; }

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


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


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

#content_header_top { height: 10px; background: url(../images/bg_content_header_top.gif) no-repeat; }
* html #content_header_top { margin-bottom:-6px; }
#content_header { height: 30px; padding: 0 15px; background: url(../images/bg_content_header.gif) no-repeat; }
#content_header p { padding-top: 12px; font-size: 10px;  }
#content_header a { text-decoration: none; }
#content_header a:hover { text-decoration: underline; background: none; }
#content_header_stay { height: 30px; padding: 0 15px; background: url(../images/bg_content_header_stay.gif) no-repeat; }
#content_header_stay p { padding-top: 12px; font-size: 10px;  }
#content_header_stay a { text-decoration: none; }
#content_header_stay a:hover { text-decoration: underline; background: none; }
#content_headerSate { height: 30px; padding: 0 15px; background: url(../images/bg_content_header_sate.gif) no-repeat; }
#content_headerSate p { padding-top: 12px; font-size: 10px;  }
#content_headerSate a { text-decoration: none; }
#content_headerSate a:hover { text-decoration: underline; background: none; }

#content_body { height: 100%; padding: 5px 15px; background: url(../images/bg_content_body.gif) repeat-y; }
#content_body h2 { padding: 10px 5px; background: url(../images/bg_h2.gif) repeat-x; overflow: hidden; color: #036; border-top: 2px solid #CCC; border-bottom: 2px solid #CCC; }
#content_body h2.stay { background: url(../images/bg_h2_stay.gif) repeat-x; color: #007d7a; }
#content_body h2.sate { background: url(../images/bg_h2_sate.gif) repeat-x; color: #228B22; }
#content_body h3 { margin-top: 20px; padding: 5px; background: url(../images/bg_h3.gif) repeat-x #326db3; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; color: #FFF; }
#content_body h3.stay { background: url(../images/bg_h3_stay.gif) repeat-x; }
#content_body h3.sate { background: url(../images/bg_h3_sate.gif) repeat-x; }
*:first-child+html #content_body h3 { padding: 3px; }
*html #content_body h3 { padding: 3px; }
#content_body h4 { margin-top: 15px; padding: 2px 0; border-bottom:1px solid #CCC; color: #036; }
#content_body h4.stay { color: #007d7a; }
#content_body h4.sate { color: #006600; }
#content_body h5 { margin-top: 15px; padding: 2px 0; color: #36C; }
#content_body h5.stay { color: #007d7a; }
#content_body h5.sate  { color:#009900; }
#content_body h6 { margin-top: 10px; padding: 2px 0; }

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

#content_body p { margin-top: 10px; }
#content_body p.right { text-align: right; clear: both; }
#content_body p.attention { margin-left: 1em; text-indent: -1em; font-size: 80%; }

#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 address { margin-top: 10px; }
#content_body address.top { margin-bottom: 10px; padding-left: 65px; background: url(../images/univ_yamagata.gif) no-repeat; }

#content_body strong {  }

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

#content_body ul ul { margin-top:0px; font-size: 100%; }

#content_body ul.page_navi { border-top: 1px dotted #999; clear: both; }
#content_body ul.page_navi li { margin-top: 0px; padding-left: 0px; border-bottom: 1px dotted #999; line-height: 100%; background: none; }#content_body ul.page_navi li.off { padding: 7px 0px 7px 20px; display: block; background: url(../images/page_navi_off.gif) no-repeat 0 center; }
#content_body ul.page_navi li a { padding: 7px 0px 7px 20px; display: block; background: url(../images/page_navi_off.gif) no-repeat 0 center; }
#content_body ul.page_navi li a:hover { background: #dbe8f8 url(../images/page_navi_on.gif) no-repeat 0 center; }

#content_body ul.link li { margin-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #999; }

#content_body ul.lower { margin-top: 10px; }
#content_body ul.lower li { margin-top: 5px; margin-left: 25px; padding-left: 0; background: none; list-style-type: lower-alpha; }

#content_body ul.scheduleBtn { margin: 20px 0px 20px 60px; }
#content_body ul.scheduleBtn li { margin-right: 20px; padding: 0; background: none; float: left; text-indent: -9999px; }
#content_body ul.scheduleBtn li a { width: 200px; height: 40px; display: block; padding: 0; background: none; /*\*/overflow: hidden;/**/ }
#content_body ul.scheduleBtn li.left a { background: url(../images/btn_schedule.gif) no-repeat 0px 0px; }
#content_body ul.scheduleBtn li.left a:hover { background: url(../images/btn_schedule.gif) no-repeat -200px 0px; }
#content_body ul.scheduleBtn li.right a { background: url(../images/btn_schedule.gif) no-repeat 0px -40px; }
#content_body ul.scheduleBtn li.right a:hover { background: url(../images/btn_schedule.gif) no-repeat -200px -40px; }

#content_body ol { margin-top: 10px; }
#content_body ol li { margin-top: 5px; margin-left: 25px; }

#content_body dl.chairman { clear:both; }
#content_body dl.chairman dt { width: 3em; float: left; font-weight: bold; }
#content_body dl.chairman dd { margin-left: 3em; }


#content_body table { width: 540px; 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: #dbe8f8; }
#content_body table td.item { background: #dbe8f8; white-space: nowrap; }
#content_body table td.center { text-align: center; }

#content_body table.hotel { font-size: 80%; line-height: 100%; }
#content_body table.hotel th { background: #bce1df; white-space: nowrap; }

#content_body table.sate td.item { background: #F0FFF0; white-space: nowrap; }

#content_body table.news { margin-top: 10px; border-top: none; border-right: none; }
#content_body table.news td { padding: 5px; border-bottom: 1px dotted #999; border-left: none; }
#content_body table.news td.date { width: 6em; color: #36C; white-space: nowrap; }

#content_body img { margin-top: 10px; }
#content_body img.photo { margin: 25px 15px 5px 0; float: left; }
#content_body img.btn { margin: 15px 10px 0px 0px; float: left; }


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

#content_footer { height: 10px; background: url(../images/bg_content_footer.gif) no-repeat; }


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

div.up_btn_stay { margin: 5px 0 10px; float: right; clear: both; }
div.up_btn_stay p {  }
div.up_btn_stay p a { width: 90px; height: 30px; background: url(../images/up_btn_stay.gif) no-repeat 0 0; text-decoration: none; display: block; text-indent:-9999px; /*\*/overflow: hidden;/**/ }
div.up_btn_stay p a:hover { background: url(../images/up_btn_stay.gif) no-repeat 0 -30px; }

#content_body ul.btn { margin: 10px 0px 10px 140px; }
*:first-child+html #content_body ul.btn { margin: 10px auto; }
*html #content_body ul.btn { margin: 10px auto; }
#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: 270px; padding-right:0; display: block; background: url(../images/bg_btn.gif) repeat-x 0px 0px; border: 1px solid #06C; }
#content_body ul.btn li a:hover { background: url(../images/bg_btn.gif) repeat-x 0px -40px; }

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


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


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

#navi ul#local_navi { width: 220px; height: 520px; padding: 35px 5px 5px; background: url(../images/bg_local_navi.gif) 0px 0px; overflow: hidden; list-style: none; }
* html #navi ul#local_navi { position: absolute; top: 100px; }
#navi ul#local_navi li { text-indent: -9999px; }
#navi ul#local_navi li a { width: 220px; height: 40px; display: block; text-decoration: none; /*\*/overflow: hidden;/**/ }
#navi ul#local_navi li#outline a:hover,
#navi ul#local_navi li#outline a.now { background: url(../images/bg_local_navi.gif) -235px -35px; }
#navi ul#local_navi li#greeting a:hover,
#navi ul#local_navi li#greeting a.now { background: url(../images/bg_local_navi.gif) -235px -75px; }
#navi ul#local_navi li#program a:hover,
#navi ul#local_navi li#program a.now{ background: url(../images/bg_local_navi.gif) -235px -115px; }
#navi ul#local_navi li#theme a:hover,
#navi ul#local_navi li#theme a.now { background: url(../images/bg_local_navi.gif) -235px -155px; }
#navi ul#local_navi li#join a:hover,
#navi ul#local_navi li#join a.now { background: url(../images/bg_local_navi.gif) -235px -195px; }
#navi ul#local_navi li#guide a:hover,
#navi ul#local_navi li#guide a.now { background: url(../images/bg_local_navi.gif) -235px -235px; }
#navi ul#local_navi li#stay a:hover,
#navi ul#local_navi li#stay a.now { background: url(../images/bg_local_navi.gif) -235px -275px; }
#navi ul#local_navi li#nursery a:hover,
#navi ul#local_navi li#nursery a.now { background: url(../images/bg_local_navi.gif) -235px -315px; }
#navi ul#local_navi li#access a:hover,
#navi ul#local_navi li#access a.now { background: url(../images/bg_local_navi.gif) -235px -355px; }
#navi ul#local_navi li#lecture a:hover,
#navi ul#local_navi li#lecture a.now { background: url(../images/bg_local_navi.gif) -235px -395px; }
#navi ul#local_navi li#link a:hover,
#navi ul#local_navi li#link a.now { background: url(../images/bg_local_navi.gif) -235px -435px; }
#navi ul#local_navi li#contact a:hover,
#navi ul#local_navi li#contact a.now { background: url(../images/bg_local_navi.gif) -235px -475px; }
#navi ul#local_navi li#home a:hover,
#navi ul#local_navi li#home a.now { background: url(../images/bg_local_navi.gif) -235px -515px; }

#navi ul#stay_navi { width: 220px; height: 320px; padding: 35px 5px 5px; background: url(../images/bg_stay_navi.gif) 0px 0px; overflow: hidden; list-style: none; }
* html #navi ul#stay_navi { position: absolute; top: 100px; }
#navi ul#stay_navi li { text-indent: -9999px; }
#navi ul#stay_navi li a { width: 220px; height: 40px; display: block; text-decoration: none; /*\*/overflow: hidden;/**/ }
#navi ul#stay_navi li#stay_navi_01 a:hover { background: url(../images/bg_stay_navi.gif) -235px -35px; }
#navi ul#stay_navi li#stay_navi_02 a:hover { background: url(../images/bg_stay_navi.gif) -235px -75px; }
#navi ul#stay_navi li#stay_navi_03 a:hover { background: url(../images/bg_stay_navi.gif) -235px -115px; }
#navi ul#stay_navi li#stay_navi_04 a:hover { background: url(../images/bg_stay_navi.gif) -235px -155px; }
#navi ul#stay_navi li#stay_navi_05 a:hover { background: url(../images/bg_stay_navi.gif) -235px -195px; }
#navi ul#stay_navi li#stay_navi_06 a:hover { background: url(../images/bg_stay_navi.gif) -235px -235px; }
#navi ul#stay_navi li#stay_navi_07 a:hover,
#navi ul#stay_navi li#stay_navi_07 a.now { background: url(../images/bg_stay_navi.gif) -235px -275px; }
#navi ul#stay_navi li#stay_navi_08 a:hover,
#navi ul#stay_navi li#stay_navi_08 a.now { background: url(../images/bg_stay_navi.gif) -235px -315px; }

#navi ul#local_naviSate { width: 220px; height: 160x; padding: 35px 5px 5px; background: url(../images/bg_sate_navi.gif) 0px 0px; overflow: hidden; list-style: none; }
* html #navi ul#local_naviSate { position: absolute; top: 100px; }
#navi ul#local_naviSate li { text-indent: -9999px; }
#navi ul#local_naviSate li a { width: 220px; height: 40px; display: block; text-decoration: none; /*\*/overflow: hidden;/**/ }
#navi ul#local_naviSate li#sateGreeting a:hover,
#navi ul#local_naviSate li#sateGreeting a.now { background: url(../images/bg_sate_navi.gif) -235px -35px; }
#navi ul#local_naviSate li#sateOutline a:hover,
#navi ul#local_naviSate li#sateOutline a.now { background: url(../images/bg_sate_navi.gif) -235px -75px; }
#navi ul#local_naviSate li#sateProgram a:hover,
#navi ul#local_naviSate li#sateProgram a.now{ background: url(../images/bg_sate_navi.gif) -235px -115px; }
#navi ul#local_naviSate li#sateHome a:hover,
#navi ul#local_naviSate li#sateHome a.now { background: url(../images/bg_sate_navi.gif) -235px -155px; }

#navi ul#jalfs36 { width: 220px; height: 45px; padding: 5px 5px 5px; background: url(../images/to_jalfs36.gif) 0px 0px; overflow: hidden; list-style: none; }
* html #navi ul#jalfs36 { position: absolute; top: 720px; }
#navi ul#jalfs36 li { text-indent: -9999px; }
#navi ul#jalfs36 li a { width: 230px; height: 45px; display: block; text-decoration: none; /*\*/overflow: hidden;/**/ }
#navi ul#jalfs36 li#to_jalfs36 a:hover,
#navi ul#jalfs36 li#to_jalfs36 a.now { background: url(../images/to_jalfs36.gif) -235px -5px; }

#navi ul#satellite { width: 220px; height: 50px; padding: 5px 5px 5px; background: url(../images/to_satellite.gif) 0px 0px; overflow: hidden; list-style: none; }
* html #navi ul#satellite { position: absolute; top: 660px; }
#navi ul#satellite li { text-indent: -9999px; }
#navi ul#satellite li a { width: 230px; height: 50px; display: block; text-decoration: none; /*\*/overflow: hidden;/**/ }
#navi ul#satellite li#to_satellite a:hover,
#navi ul#satellite li#to_satellite a.now { background: url(../images/to_satellite.gif) -235px -5px; }

#navi ul#jhbps22 { width: 220px; height: 60px; padding: 5px 5px 5px; background: url(../images/to_jhbps22.gif) 0px 0px; overflow: hidden; list-style: none; }
* html #navi ul#jhbps22 { position: absolute; top: 775px; }
#navi ul#jhbps22 li { text-indent: -9999px; }
#navi ul#jhbps22 li a { width: 230px; height: 60px; display: block; text-decoration: none; /*\*/overflow: hidden;/**/ }
#navi ul#jhbps22 li#to_jhbps22 a:hover,
#navi ul#jhbps22 li#to_jhbps22 a.now { background: url(../images/to_jhbps22.gif) -235px -5px; }

#navi ul#mainPage { width: 220px; height: 45px; padding: 5px 5px 5px; background: url(../images/to_main_page.gif) 0px 0px; overflow: hidden; list-style: none; }
* html #navi ul#mainPage { position: absolute; top: 300px; }
#navi ul#mainPage li { text-indent: -9999px; }
#navi ul#mainPage li a { width: 230px; height: 45px; display: block; text-decoration: none; /*\*/overflow: hidden;/**/ }
#navi ul#mainPage li#to_mainPage a:hover,
#navi ul#mainPage li#to_mainPage a.now { background: url(../images/to_main_page.gif) -235px -5px; }


/*===== フッター設定 =====*/
#footer { width: 100%; height: 45px; background: url(../images/bg_footer.gif) repeat-x center bottom; clear: both; }
#footer_body { width: 800px; height: 45px; margin: 0 auto; }
#footer_body p { font-size: 12px; color: #FFF; }
#footer_body p.copyright { margin-top:22px; margin-left: 5px; float: left; }

#footer_stay { width: 100%; height: 45px; background: url(../images/bg_footer_stay.gif) repeat-x center bottom; clear: both; }

#footerSate { width: 100%; height: 45px; background: url(../images/bg_footer_sate.gif) repeat-x center bottom; clear: both; }

#up_btn_btm { margin-right: 15px; float: right; }
#up_btn_btm p { }
#up_btn_btm p a { width: 90px; height: 45px; background: url(../images/up_btn_btm.gif) no-repeat 0 0; text-decoration: none; display: block; text-indent:-9999px; /*\*/overflow: hidden;/**/ }
#up_btn_btm p a:hover { background: url(../images/up_btn_btm.gif) no-repeat 0 -45px; }

#up_btn_stay_btm { margin-right: 15px; float: right; }
#up_btn_stay_btm p { }
#up_btn_stay_btm p a { width: 90px; height: 45px; background: url(../images/up_btn_stay_btm.gif) no-repeat 0 0; text-decoration: none; display: block; text-indent:-9999px; /*\*/overflow: hidden;/**/ }
#up_btn_stay_btm p a:hover { background: url(../images/up_btn_stay_btm.gif) no-repeat 0 -45px; }

#up_btn_sate_btm { margin-right: 15px; float: right; }
#up_btn_sate_btm p { }
#up_btn_sate_btm p a { width: 90px; height: 45px; background: url(../images/up_btn_sate_btm.gif) no-repeat 0 0; text-decoration: none; display: block; text-indent:-9999px; /*\*/overflow: hidden;/**/ }
#up_btn_sate_btm p a:hover { background: url(../images/up_btn_sate_btm.gif) no-repeat 0 -45px; }

* html .ie6 { margin-top: 25px; }

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