@charset "UTF-8";

.clear { clear:both }

/*▼リンク▼*/
a { outline-style:none; text-decoration:none; }
a:link { color: #539202; text-decoration:underline; }
a:visited { color: #539202; text-decoration:underline;}
a:hover { color: #539202; text-decoration:none;  }


/* body, html
====================================================================================================================================== */
html { overflow-y:scroll; }
body { text-align:center; background:url(../images/all_bg.png); color:#444444;  }


/* all
====================================================================================================================================== */
#all { }


/* container
====================================================================================================================================== */
#container { margin:auto; text-align:left; width:960px; background-color:#fff; }


/* header
====================================================================================================================================== */
#header { position:relative; zoom:1; }

/*▼サイトタイトル▼*/
#header h1#siteTitle { margin-left:20px; }

/*▼Description▼*/
#header #description { position:absolute; top:25px; left:300px; }

/*▼ヘッダーナビ▼*/
#header ul#headerNavi { width:188px; position:absolute; right:20px; top:15px; }
#header ul#headerNavi li.item01 { float:left; margin-top:5px;}
#header ul#headerNavi li.item02 { float:right; }

/*▼検索▼*/
#header #search { width:215px; position:absolute; right:224px; top:20px;  }
#header #search p input#btn { position:absolute; right:0; top:0; width:56px; zoom:1; }
#header #search p input#text { width:159px; background:none; border:none; outline:none; font-size:12px; line-height:1; padding:6px 0; margin-left:10px; }

#header #search p.text_bg { background:url(../images/he_search_bg.gif) no-repeat; height:25px; }

/*▽IEの互換モードで、テキスト入力欄のpaddingが適応されない問題を解決▽*/
* html #header #search p input#text { height:25px; }


/* main_visual
====================================================================================================================================== */
#mainVisual { height:703px; margin-left:20px; position: relative; zoom:1; width:926px; z-index:0; background-color:#000; }
#mainVisual #frame { width:926px; height:703px; position:relative; z-index:2; zoom:1; }
#mainVisual #photo { width:810px; position:absolute; top:55px; left:55px; z-index:1; background-color:#000; zoom:1; }
#mainVisual ul#text { width:810px; position:absolute; bottom:73px; left:55px; z-index:3; background-color:#000; color:#CCC; line-height:14px; padding:10px 0; zoom:1;   }
#mainVisual ul#text li { padding:0 10px; }
#mainVisual ul#text li.item01 { font-size:16px; float:left; color:#fff;}
#mainVisual ul#text li.item01 a { background:url(../images/ma_icon.gif) no-repeat left center; padding:10px 10px 10px 25px; color:#fff; }
#mainVisual ul#text li.item01 a:hover { background:url(../images/ma_icon_over.gif) no-repeat left center; color:#fff; }
#mainVisual ul#text li.item02 { float:right; font-size:14px;}
#mainVisual ul#text li.item03 { float:right; font-size:14px;}
#mainVisual p#btn { position:absolute; left:728px; top:644px; zoom:1; z-index:4; overflow:hidden; }
#mainVisual ul#daisen_box { position:absolute; zoom:1; z-index:60;  top:0; left:0; width:926px; }
#mainVisual ul#daisen_box li.item01 { position:absolute; zoom:1; left: 233px; top: -300px; z-index:70; }
#mainVisual ul#daisen_box li.item02 { position:absolute; zoom:1; left: 26px;  top: -300px; z-index:70; }
#mainVisual ul#daisen_box li.item03 { position:absolute; zoom:1; left: 149px; top: -300px; z-index:70; }
#mainVisual ul#daisen_box li.item04 { position:absolute; zoom:1; left: 416px; top: -300px; z-index:70; }
#mainVisual ul#daisen_box li.item05 { position:absolute; zoom:1; left: 697px; top: -300px; z-index:70; }
#mainVisual ul#daisen_box li.item06 { position:absolute; zoom:1; left: 737px; top: -300px; z-index:70; }
#mainVisual ul#daisen_box li.item07 { position:absolute; zoom:1; left: 514px; top: -300px; z-index:70; }
#mainVisual ul#daisen_box li.item08 { position:absolute; zoom:1; left: 191px; top: -300px; z-index:65; }
#mainVisual ul#daisen_box li.item09 { position:absolute; zoom:1; left: 610px; top: 55px; }


/* globalnavi
====================================================================================================================================== */
ul#globalnavi { position: relative; margin-left:-2px; margin-bottom:20px; width:704px; line-height:0; }
ul#globalnavi li { float:left; display:inline; width:100px; }
ul#globalnavi li.item01 { width:102px; }
ul#globalnavi li.item01 img { vertical-align:bottom;}


/* wrapper
====================================================================================================================================== */
#wrapper { }


/* main
====================================================================================================================================== */
#main { padding:15px 20px 20px; background-color:#fff;}


/* content
====================================================================================================================================== */
#contents { width:700px; float:right; line-height:1.6; }
#contents .section { margin-bottom:20px; }

/*▼LIVEカメラ▼*/
#contents .section h2#live { float:left; }

/*▼天気情報▼*/
#contents .section dl#weather { font-size:14px; line-height:1; width:340px; float:right; background:url(../images/co_weather_bg_bottom.gif) no-repeat left bottom; min-height:100px; height:auto !important; height:100px; }
#contents .section dl#weather img{ vertical-align:bottom; }
#contents .section dl#weather dd.api { padding-left:10px; background:url(../images/co_weather_bg_top.gif) no-repeat left top;  }

#contents .section dl#weather dd ul { width:220px; float:right; margin-top:10px; margin-bottom:4px; }
#contents .section dl#weather dd ul li { display: inline; float: left;	width: 100px; padding: 3px 3px 0; text-align: center; }
#contents .section dl#weather dd ul li.first { border-right: 1px solid #CDCDCD; }
#contents .section dl#weather dd ul li p { margin-bottom:5px; }
#contents .section dl#weather dd ul li p.left { float:left; display:inline; padding:9px 0 0 15px;}
#contents .section dl#weather dd ul li p right { float:right; }
#contents .section dl#weather dd ul li span.high { color:#fc0f0f; }
#contents .section dl#weather dd ul li span.min { color:#003698; }

#contents .section dl#weather #weather_copylight { text-align:left; line-height: 1.2; font-size:12px; clear:both; }
#contents .section dl#weather dd h2.image { float:left; width:97px; margin-top:20px; display:inline; }
#contents .section dl#weather .temp { line-height:1.3; }
#contents .section dl#weather .high, .min { font-size:12px; }

/*▼スタッフ通信（ブログ）▼*/
#contents #blog_box { margin-bottom:20px; position:relative; zoom:1; }
#contents #blog_box h2 { margin-bottom:10px;}
#contents #blog_box h3.blogTitle { margin-bottom:10px; padding-top:5px; }
#contents #blog_box h3.blogTitle a { font-size:1.6em; line-height:1.2; background:url(../images/co_top_01_icon.png) no-repeat left center; padding-left:20px; color:#bf186b; }
#contents #blog_box h3.blogTitle a:hover { background:url(../images/all_icon_link_over.png) no-repeat left center; color:#a19f00; }
#contents #blog_box .text_box { overflow:hidden; zoom:1; padding-right:10px; }
#contents #blog_box p.text { font-size:1.4em; line-height:1.5; }
#contents #blog_box p.navi { position:absolute; right:15px; top:10px; width:93px; }
#contents #blog_box p.photo { background:url(../images/co_top_01_photo_bg.jpg) no-repeat; padding:7px 8px 9px 7px; float:left; margin-right:15px; margin-left:15px;}


/*▼新着情報（じげ風呂へ）▼*/
#contents #zige_box { position:relative; zoom:1;}
#contents #zige_box a { color:#1290ba; }
#contents #zige_box a:hover { color:#1290ba; }
#contents #zige_box h2 { margin-bottom:20px; }
#contents #zige_box p.navi { position:absolute; right:15px; top:10px; width:93px; }
#contents #zige_box ul.list_box { font-size:1.2em; line-height:1.5; zoom:1; margin-left:15px;}
#contents #zige_box ul.list_box li { width:70px;  text-align:center; float:left; display:inline; margin:0 5px 10px 0;}
#contents #zige_box ul.list_box li img{ margin-bottom:5px; display:block; margin:auto; }

/*▼news▼*/
#contents #news_box { margin-bottom:25px; position:relative; zoom:1;}
#contents #news_box h2 { margin-bottom:10px; }
#contents #news_box p.navi { position:absolute; right:15px; top:10px; width:93px; }

#contents #news_box table { width:670px; margin-left:15px; font-size:100%; }
#contents #news_box table tr { width:100%; }
#contents #news_box table tr th { text-align:left; font-weight:normal; font-size:1.4em; line-height:1.5; padding:5px 10px 5px 0; vertical-align:top; white-space:nowrap; color:#444444; border-bottom:1px #c1c1c1 dotted; } 
#contents #news_box table tr td { text-align:left; font-weight:normal; font-size:1.4em; line-height:1.5; padding:5px 0 5px 0; vertical-align:top; width:100%; border-bottom:1px #c1c1c1 dotted; } 
#contents #news_box table tr td a{ color:#5f3b00; text-decoration:none; }
#contents #news_box table tr td a:hover{ color:#a19f00; text-decoration:underline; }
#contents #news_box table tr td img{ vertical-align:top; margin-right:3px; margin-top:3px; }

#contents hr.dot_line { border-bottom:dotted 1px #ccc; background:none; height:0; overflow:hidden; }

/*▼大山開山1300年祭▼*/
#daisen1300_box { font-size:1.4em; padding-top:25px; overflow:hidden; }
#daisen1300_box img { float:left; margin-right:20px; }
#daisen1300_box a:hover img { opacity:0.8; }
#daisen1300_box .text_box { display:block; overflow:hidden; }
#daisen1300_box h3 { display:block; color:#7b6737; border-bottom:solid 1px #7b6737; margin:0 0 0.8em; padding:0 0 0.4em; line-height:1.45; }
#daisen1300_box .read { }
#daisen1300_box .font_la { font-size:1.45em; }
#daisen1300_box li { margin-bottom:0.3em; }
#daisen1300_box li:before { content:"●"; margin-right:0.5em; font-size:0.75em; }
#daisen1300_box .text_right { text-align:right; font-size:0.8em; }


/* sidebar
====================================================================================================================================== */
#sidebar { width:200px; float:left; /*margin-top:-45px;*/ display:inline; zoom:1; }
#sidebar img { vertical-align:bottom; }
#sidebar ul#web_box { margin:0 0 10px 0; position:relative; zoom:1; left:-10px; }
#sidebar ul#web_box li.btn01 { position:absolute; top:186px; left:21px; }
#sidebar ul#web_box li.btn02 { position:absolute; top:232px; left:59px; }

#sidebar dl#bnr_box { }
#sidebar dl#bnr_box dd.item01 { padding-top:4px; }
#sidebar dl#bnr_box dt { margin-bottom:10px; position:relative; left:-3px;}
#sidebar dl#bnr_box dd img { margin-bottom:10px;}

#sidebar #bnr_box_tokusyu { overflow:hidden; margin-bottom:5px; }
#sidebar #bnr_box_tokusyu a { display:block; margin-bottom:15px; }


/* footer
====================================================================================================================================== */
#footer01 { padding:0 20px 20px; }
#footer01 ul#footerNavi { width:920px; border-bottom:1px #ababab solid; padding-bottom:5px; margin-bottom:10px;  }
#footer01 ul#footerNavi li { float:left; display:inline; font-size:14px; line-height: 1.3; white-space: nowrap; margin-left:10px; padding-left:10px; border-left:1px #bbb solid; color:#bbb; }
#footer01 ul#footerNavi li.item01 { margin-left:0; padding-left:0; border-left: none; }
#footer01 ul#footerNavi li.item02 { border:none; float:right; }
#footer01 ul#footerNavi li a { text-decoration:none; }
#footer01 ul#footerNavi li a:hover { text-decoration:underline; }

#footer01 address { font-size:1.2em; line-height:1.3; }
#footer01 address span.siteTitle { font-size:1.8em; margin-right:10px; margin-right:10px; }
#footer01 address span.tel { color:#3f9fbf; font-weight:bold; }
#footer01 address span.telNumber { font-size:1.8em; color:#3f9fbf; margin-right:10px; font-weight:bold; }
#footer01 address span.fax { color:#3f9fbf; font-weight:bold; }
#footer01 address span.faxNumber { font-size:1.8em; color:#3f9fbf; margin-right:10px; font-weight:bold; }

#footer02 { margin-top:-20px; }
#footer02 #bg01 { background:url(../images/fo_bg_kusa_top.png) no-repeat top center;  padding-top:10px; }
#footer02 #bg01 #footer_box01 { padding:20px 20px 5px; line-height:1.2; width:920px; margin:auto; text-align:left; }
#footer02 #bg01 #footer_box01 .link { float:left;  }
#footer02 #bg01 #footer_box01 .link a { font-size:1.4em; background:url(../images/all_icon_link.png) no-repeat left center; padding:10px 10px 10px 25px; color:#fff; }
#footer02 #bg01 #footer_box01 .link a:hover { background:url(../images/all_icon_link_over.png) no-repeat left center; color:#fff; }
#footer02 #bg01 #footer_box01 address { float:right; font-size:1em; margin-top:3px; color:#fff;}

#footer02 #bg02 { background:url(../images/fo_bg_tuti_repeat.png) repeat-y; }
#footer02 #bg02 #bg_inner02 { background:url(../images/fo_bg_tuti_top.png) no-repeat top center; text-align:center; }
#footer02 #bg02 #bg_inner02 #footer_box02 { width:924px; margin:auto; text-align:left; }
#footer02 #bg02 #bg_inner02 #footer_box02 ul { zoom:1; width:920px; margin-left:4px; padding:20px 0 11px; }
#footer02 #bg02 #bg_inner02 #footer_box02 ul li { float:left; width:88px; height:31px; display:inline; margin:0 4px 4px 0; }
#footer02 #bg02 #bg_inner02 #footer_box02 ul li { float:left; width:88px; height:31px; display:inline; margin:0 4px 4px 0; }