﻿/*基本設定*/
* {margin:0; padding:0; font-style: normal; font-weight:normal;}
.right{float:right; margin:0px 3px 0px 5px;}
.left{float:left; margin:0px 5px 0px 3px;}
.center{margin:0px auto 0px auto; text-align:center;}
.clear {clear: both;}
img, img a {border: 0px;}
strong{font-weight:normal;}
.strong{font-weight:bold;}
a,a:visited{text-decoration:none; color:#6fcf0e;}
a:hover{color:#ff8800; text-decoration:underline;}
ul {list-style:none;}
body {
	background-image: url(img/bg.jpg);
	background-repeat:repeat-y;
	background-position: center;
	background-color:a56536;
	color: #000000; 
	text-align : center;
	line-height:14px;
	letter-spacing:1px;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.image{margin-left:6px;}

.contents{width:812px; margin:0px auto 0px auto; padding:0px; text-align:left;
/*
background-image: url(img/bg-contents.gif); background-repeat:no-repeat; background-position:top center;
*/
}
.top {
width:800px; height:63px; text-align:left;
padding:0px; margin:0px auto 0px auto; color:#ffffff;
background-image: url(img/bg-top.jpg); background-repeat:no-repeat; background-position:bottom;
}
h1{width:800px; text-align:left; padding:0px 5px; margin:0px auto 0px auto; font-size:10px; color:#000000;}
h1 a,h1 a:visited,h1 a:hover{text-decoration:none; color:#ffffff;}
h2{font-size:12px; margin:0px;  float:left;
display:block; width:255px; height:45px; overflow:hidden;
background-image: url(img/logo.gif); background-repeat:no-repeat; background-position:8px 3px;
}
h2 a{margin-top:45px; display:block;}
h3{font-size:12px; margin:0px; line-height:12px;}
.plan{
display:block; width:250px; height:55px; float:right; text-align:center; padding:0px; margin:-10px 3px 0px 0px;
background-image: url(img/button-online.gif); background-repeat:no-repeat; background-position:top left; overflow:hidden;
}
.plan a{display:block; padding:250px; width:250px; height:55px;}


.top p{width:380px; height:20px; margin:2px 0px 0px 5px; font-size:11px; line-height:12px; letter-spacing:0px; float:left;}


.adress a,.adress a:visited{color:#000000;}
.adress{
width:335px; float:right;
padding:0px 0px 0px 0px; margin:0px auto 0px auto;
background-image: url(img/bg-adress.gif); background-repeat:no-repeat; background-position:bottom right;
}

.find{
width:560px; height:30px; font-size:16px; font-weight:bold; line-height:30px; color:#ffffff; padding:0px 0px 3px 3px;

background-image: url(img/bg-find.gif); background-repeat:no-repeat; background-position:center left; margin:10px 0px 0px 15px;
}


.main-image{margin:0px;}

/*上部メニュー*/
.menu {
background-image: url(img/bg-menu.gif); padding:0px; height:25px; clear:both;
background-repeat:repeat-x;
width:800px;  margin:0px auto 0px auto;
}
.menu ul {border:0px; margin:0px; padding:0px; text-align:center; list-style-type:none; width:800px;}
.menu ul li {display: block;float:left; text-align:center; padding:0px; margin:0px;}
.menu ul li a,.menu ul li a:active, .menu ul li a:visited{
display:block; width:113px; line-height:25px;
padding:0px 0px 0px 0px; margin:0px;
color:#ffffff; font-weight:normal; font-size:13px; letter-spacing:0px;
text-align: center; text-decoration: none;
background-image: url(img/bg-button.gif); background-position: 0px 0px;
}
.menu ul li a:hover {
color: #ff8800; text-decoration: none;
background-image: url(img/bg-button.gif); background-position: 0px 25px;
}
/*下部メニュー部分*/
.menu-bottom {margin:20px 5px 2px 5px; padding:0px; height:14px; width:790px;}
.menu-bottom ul {border:0px; margin:0px; padding:0px; text-align:left; list-style-type: none;}
.menu-bottom ul li {padding:0px; margin:0px 5px; float:left; border-right:1px solid #63543a; margin:0px;}
.menu-bottom ul li a, .menu-bottom ul li a:visited {
padding:0px; margin:0px 5px; text-decoration: none; line-height:13px;
color: #000000; font-weight:normal; font-size:12px; letter-spacing:1px;
}
.menu-bottom ul li a:hover { text-decoration: none;color: #ff8800;}

.bottom{width:800px; height:50px; text-align:left; padding:0px; margin:0px auto;}
.adress{margin-top:0px; padding:0px; width:400px; float:right;}
.copyright{
width:800px; color:#ffffff; font-size:10px; text-align:right; line-height:10px; clear:both; height:15px;
padding:0px; margin:0px auto 0px auto;
background-image:url(img/bg-copyright.gif); background-repeat:repeat-x;
}
.adress2{font-size:10px; margin:4px 0px 0px 0px; line-height:11px;}
.logo-s{margin:6px 5px 0px 3px; float: left;}

#main-index{
width:800px; height:423px; margin:0px auto; text-align:left; color:#305c06;
background-image: url(img/main-index.jpg); background-position:top center;
}
#main-index h4
{
font-size:20px; font-weight:bold; margin:0px 0px 0px 5px; display:block; overflow:hidden; line-height:20px;
background-repeat:no-repeat; background-position:center bottom; padding-top:360px;
}
#main-ryouri,#main-onsen,#main-kannai,#main-yujukuonsen,#main-sightseeing,#main-access,#main-news
{
width:800px; height:309px; margin:0px auto; text-align:left; color:#000000;
background-repeat:no-repeat; background-position: 0px 0px; overflow:hidden;
}

#main-ryouri{background-image: url(img/main-ryouri.jpg);}
#main-onsen{background-image: url(img/main-onsen.jpg);}
#main-kannai{background-image: url(img/main-kannai.jpg);}
#main-yujukuonsen{background-image: url(img/main-yujukuonsen.jpg);}
#main-sightseeing{background-image: url(img/main-sightseeing.jpg);}
#main-access{background-image: url(img/main-access.jpg);}
#main-news{background-image: url(img/main-news.jpg);}
#main-ryouri h3,#main-onsen h3,#main-kannai h3,#main-yujukuonsen h3,#main-sightseeing h3,#main-access h3,#main-news h3
{
font-size:10px; font-weight:bold; margin:0px 0px 0px -235px; display:block; overflow:hidden; line-height:20px;
background-repeat:no-repeat; background-position:center bottom; padding-top:27px; display:block;
}
#main-kannai h3{padding-top:57px;}
#main-ryouri p,#main-onsen p,#main-kannai p,#main-yujukuonsen p,#main-sightseeing p,#main-access p,#main-news p
{margin:0px 0px 7px 20px; width:237px;}


/*index*/
#index-flash{margin:0px 0px 8px 6px;}
.index-left{width:305px; float:left; margin:5px 0px 0px 10px;}
.index-left h3{font-size:14px; font-weight:bold; line-height:16px; margin:0px 0px 3px 0px;}
.index-left p{margin-bottom:5px;}
.index-left ul{
width:310px; height:130px; margin:0px 0px 0px 0px; padding:12px 0px 0px 15px;
background-image: url(img/bg-news.jpg); background-position:-10px 0px; background-repeat:no-repeat;
}
.index-left li{line-height:25px; border-bottom:1px dotted #70563b; width:273px;}
.index-left li a,.index-left li a:visited{color:#000000;}
.index-left li a:hover{color:#ff8800;}

.index-right{width:475px; float:right; margin:5px 0px 0px 0px;
background-image: url(img/index-banner-sub.gif); background-position:bottom; background-repeat:no-repeat;
}
.banner-gensen{
width:170px; height:215px; margin:0px 5px 5px 0px; float:left; overflow:hidden; color:#ffffff;
background-image: url(img/banner-gensen.jpg); background-position:0px; background-repeat:no-repeat;
}
.banner-gensen h4{margin-left:-140px; line-height:47px; font-size:12px;}
.banner-gensen img{float:right; width:57px; height:165px;}
.banner-gensen a,.banner-gensen a:visited{width:170px; height:165px; color:#ffffff; display:block; margin-left:5px;}
.banner-ryouri{
width:285px; height:105px; margin:0px 0px 5px 0px; float:left; overflow:hidden;
background-image: url(img/banner-ryouri.jpg); background-position:0px 0px; background-repeat:no-repeat;
}
.banner-ryouri h5,.banner-history h5{
line-height:22px; padding-left:22px; font-size:14px; color:#ffffff; margin:4px 0px 0px 0px;
}
.banner-ryouri img{float:right; width:138px; height:80px;}
.banner-history{
width:285px; height:105px; margin:0px 0px 5px 0px; float:left; overflow:hidden;
background-image: url(img/banner-history.jpg); background-position:0px 0px; background-repeat:no-repeat;
}
.banner-history a,.banner-history a:visited,.banner-ryouri a,.banner-ryouri a:visited{
width:285px; height:105px; color:#70563b; display:block; margin-left:10px;
}
.banner-history img{float:right; width:113px; height:80px;}
.banner-gensen a:hover,.banner-ryouri a:hover,.banner-history a:hover{color:#ff8800;}

.space{float:right; width:110px;}



/*料理*/
.ryouri-right{width:365px; float:right; margin:5px 10px 0px 0px;}
.ryouri-right p{margin-bottom:5px;}
#ryouri-left{float:left; margin:5px 0px 0px 10px;}
.banner-onsenryouri{
width:355px; height:155px; margin:5px 0px 5px 5px; float:left; overflow:hidden;
background-image: url(img/banner-onsenryouri.jpg); background-position:0px 0px; background-repeat:no-repeat;
}
.banner-onsenryouri h4{margin:0px 0px 0px -185px; width:155px; height:30px;}
.banner-onsenryouri p{margin:0px 0px 0px 5px; width:155px;}

/*温泉*/
.onsen-left{width:480px; float:left; margin:5px 0px 0px 10px;}
.onsen-left h4{font-size:14px; font-weight:bold;}
.onsen-button{
margin:0px 0px 2px 5px; width:116px; font-size:12px; text-align:center; line-height:18px; float:left;
background-image: url(img/button-onsen.gif); background-position:center; background-repeat:no-repeat;
}
.onsen-button a,.onsen-button a:visited{color:#ffffff; display:block; width:116px;}
.onsen-left p{margin:0px 0px 5px 5px;}
#onsen-right{float:right; margin:5px 10px 0px 0px;}
.leightbox h5{font-size:14px; font-weight:bold; margin-bottom:4px;}
.kounou dt{
background-color:#636128; color:#ffffff; float:left; width:110px; line-height:19px; font-size:13px; margin:0px 3px 1px 2px;
text-align:center;
}
.kounou dd{line-height:19px; font-size:13px; border-bottom:1px #636128 dotted;}

.green,.lightgreen-l,.lightgreen-c,.cell-l,.cell-c{
font-size:9pt; line-height:14pt; text-decoration:none; color:#000000; padding-left:3px;
}
.green{background-color:#999900; text-align:left; color:#ffffff;}
.lightgreen-l{background-color:#C9C97C; text-align:left;}
.lightgreen-c{background-color:#C9C97C; text-align:center;}
.cell-l{background-color:#FFFFFF; text-align:left;}
.cell-c{background-color:#FFFFFF; text-align:center;}
table{margin-bottom:10px;}
.double{height:38px; line-height:38px;}

.banner-kashikiri{
width:470px; height:156px; margin:10px 0px 5px 5px; float:left; overflow:hidden;
background-image: url(img/banner-kashikiri.jpg); background-position:0px 0px; background-repeat:no-repeat;
}
.banner-kashikiri h4{margin:0px 0px 0px -185px; width:155px; height:30px;}
.banner-kashikiri p{margin:0px 0px 5px 215px; width:255px;}
.banner-higaeri{
width:470px; height:165px; margin:0px 0px 5px 5px; clear:both; overflow:hidden; color:#ffffff;
background-image: url(img/bg-higaeri.gif); background-position:0px 0px; background-repeat:no-repeat;
}
.banner-higaeri h4{margin:5px 0px 0px 5px; width:300px; font-size:14px; padding:2px 0px 0px 17px;}
.banner-higaeri p{margin:0px 0px 5px 10px; width:100%;}
.banner-higaeri dl{margin:8px 0px 0px 10px;}
.banner-higaeri dt{margin:3px 0px 0px 5px; font-weight:bold;}
.banner-higaeri dd{margin:0px 0px 0px 10px; color:#70563b;}


/*施設*/
.kannai-left{width:315px; float:left; margin:5px 0px 0px 0px; padding-left:13px;}
.kannai-left h4{font-size:14px; font-weight:bold;}
.kannai-right{float:right; margin:5px 10px 0px 0px; width:468px;}
.kannai-right ul{
width:225px; height:130px; margin:0px 0px 0px 5px; padding:150px 0px 0px 0px; float:right;
background-image: url(img/bg-kannai.jpg); background-position:0px 0px; background-repeat:no-repeat;
}
.kannai-right li{line-height:18px; font-size:12px; border-bottom:1px dotted #70563b; width:215px;}
.kannai-right li a,.kannai-right li a,visited{color:#000000;}
.kannai-right li a:hover{color:#ff8800;}
.kannai-left p,.kannai-right p{
font-size:10px; margin:-2px 0px 2px 0px; padding-left:14px; line-height:15px;
background-image: url(img/point.gif); background-position:1px 3px; background-repeat:no-repeat;
}

/*湯宿温泉の歴史*/
.yujukuonsen-left{float:left; width:435px;}
.kaitousiki{margin:5px 0px 0px 10px; height:100px; width:435px;
background-image: url(img/banner-kaitousiki.jpg); background-position:0px 0px; background-repeat:no-repeat;
}
.kaitousiki h4,.yokujou h4{
line-height:22px; padding:4px 0px 0px 22px; font-size:14px; color:#ffffff; margin:0px 0px 0px 0px;
}
.kaitousiki p,.yokujou p{margin-left:5px; width:300px; color:#70563b; margin-left:10px; line-height:14px;}
.yokujou span{margin-left:13px;}
.yokujou{margin:10px 0px 0px 10px; height:100px; width:435px;
background-image: url(img/banner-yokujou.jpg); background-position:0px 0px; background-repeat:no-repeat;
}
.yokujou span{font-size:10px; color:#FF0000; clear:both;}
.sanada{float:right; margin:10px 10px 0px 10px; width:355px; padding:5px;
 height:240px; margin:0px 0px 0px 0px; padding:20px 0px 0px 15px;
background-image: url(img/bg-sanada.jpg); background-position:-10px 0px; background-repeat:no-repeat;
}
.sanada h4{font-size:14px; font-weight:bold; margin-bottom:3px;}
.sanada p{width:200px; margin:0px 0px 5px 5px;}


/*周辺観光*/
.sightseeing-menu {margin:0px 7px 0px 10px; padding:0px; height:14px; width:770px;}
.sightseeing-menu ul {border: 0px; margin: 0px; padding: 0px; text-align: left; list-style-type: none;}
.sightseeing-menu ul li {padding: 0px; margin: 0px 5px; float:left; border-right:1px solid #646028; margin:0px;}
.sightseeing-menu ul li a, .qa-menu ul li a:visited {
padding: 0px; margin: 0px 5px; text-decoration: none; line-height:13px;
color: #000000; font-weight:bold; font-size:12px; letter-spacing:1px;
}
.sightseeing-menu ul li a:hover { text-decoration:underline; color:#ffac2f;}
.sightseeing-desc{padding:0px 10px; font-size:10px; clear:both;}
#sightseeing1,#sightseeing2,#sightseeing3,#sightseeing4,#sightseeing5{margin:10px 0px 0px 20px;}
.sightseeing h4{font-size:14px; font-weight:bold; width:215px; float:right;}
.sightseeing dt{
border-bottom:1px solid #70563b; line-height:17px; padding-left:14px; font-weight:bold; width:745px; margin:7px 0px 3px 0px;
background-image: url(img/point.gif); background-position:left center; background-repeat:no-repeat;
}
.sightseeing dd{padding-left:14px;}
.sightseeing-dd{width:745px; padding-left:14px; margin:0px 0px 10px 0px; border-bottom:1px dotted #70563b;}
.sightseeing-no{width:745px; padding-left:14px; margin:0px 0px 0px 0px; border-bottom:1px dotted #70563b;}
#map-sightseeing{float:left; width:565px; height:575px; border:1px solid #70563b; margin:5px 0px 5px 0px;}
.sightseeing-right,.sightseeing-right2,.sightseeing-right3,.sightseeing-right4,.sightseeing-right5
{width:215px; padding:0px 0px 0px 0px; float:right; margin-bottom:10px;}
.sightseeing-right li{
border-bottom:1px dotted #70563b; padding:0px 0px 4px 14px; width:185px; line-height:17px; font-size:13px;
background-image: url(img/point.gif); background-position:left center; background-repeat:no-repeat;
}
.sightseeing-right2 li{
border-bottom:1px dotted #70563b; padding:0px 0px 4px 14px; width:185px; line-height:17px; font-size:13px;
background-image: url(img/point2.gif); background-position:left center; background-repeat:no-repeat;
}
.sightseeing-right3 li{
border-bottom:1px dotted #70563b; padding:0px 0px 4px 14px; width:185px; line-height:17px; font-size:13px;
background-image: url(img/point3.gif); background-position:left center; background-repeat:no-repeat;
}
.sightseeing-right4 li{
border-bottom:1px dotted #70563b; padding:0px 0px 4px 14px; width:185px; line-height:17px; font-size:13px;
background-image: url(img/point4.gif); background-position:left center; background-repeat:no-repeat;
}
.sightseeing-right5 li{
border-bottom:1px dotted #70563b; padding:0px 0px 4px 14px; width:185px; line-height:17px; font-size:13px;
background-image: url(img/point5.gif); background-position:left center; background-repeat:no-repeat;
}
.sightseeing ul li a,.sightseeing ul li a:visited,.sightseeing2 ul li a,.sightseeing2 ul li a:visited,
.sightseeing3 ul li a,.sightseeing3 ul li a:visited,.sightseeing4 ul li a,.sightseeing4 ul li a:visited,
.sightseeing5 ul li a,.sightseeing5 ul li a:visited
{color:#000000; text-decoration:none; display:block; width:180px;}
.sightseeing ul li a:hover,.sightseeing2 ul li a:hover,.sightseeing3 ul li a:hover,
.sightseeing4 ul li a:hover,.sightseeing5 ul li a:hover
{color:#de4b14; text-decoration:underline;}




/*交通*/
#main-access h4{font-weight:bold; font-size:14px; margin:0px 0px 1px 15px; line-height:16px;}
#main-access dl{margin:0px 0px 4px 15px; width:240px;}
#main-access dt{font-weight:bold; margin:0px 0px 1px 3px;}
#main-access dd{margin:0px 0px 5px 8px; font-size:12px;}
.access-menu {margin:0px 7px 0px 13px; padding:0px; height:13px;}
.access-menu ul {border: 0px; margin: 0px; padding: 0px; text-align: left; list-style-type: none;}
.access-menu ul li {padding: 0px; margin: 0px 3px; float:left; border-right:1px solid #646028; margin:0px;}
.access-menu ul li a, .access-menu ul li a:visited {
padding: 0px; margin: 0px 3px; text-decoration: none; line-height:13px;
color: #000000; font-weight:bold; font-size:12px; letter-spacing:1px;
}
.access-menu ul li a:hover {text-decoration:underline; color:#ffac2f;}
.access-intro{padding:0px; font-size:10px; clear:both; margin:0px 0px 8px 5px;}
#map{float:right; width:565px; height:490px; border:1px solid #70563b; margin:5px 13px 5px 0px;}
.access-left{width:200px; padding:0px 0px 0px 15px;}
.access-left li{
border-bottom:1px dotted #70563b; padding:0px 0px 4px 14px; width:185px; line-height:17px; font-size:13px;
background-image: url(img/point.gif); background-position:left center; background-repeat:no-repeat;
}
.access ul li a,.access ul li a:visited{color:#000000; text-decoration:none; display:block; width:180px;}
.access ul li a:hover{color:#de4b14; text-decoration:underline;}
.map-title{margin:25px 0px 0px 15px; font-size:12px; font-weight:bold;}
.map-s{margin:0px 0px 0px 15px;}
.map-s-title{margin:0px 0px 10px 15px; font-size:11px;}
.access-desc{font-size:10px; width:200px; margin:0px 0px 0px 15px;}



.syousai{width:570px !important; height:440px !important;}
.list{float:left; width:150px; height:380px;
border:1px solid #9fad3b; padding:2px; overflow:auto; margin:5px 0px 5px 13px;
}
.list li {color:#336633; font-size:11px; line-height:16px; margin:2px 0px 0px 0px; list-style:none; border-bottom:1px dotted #9fad3b;}
.none{display:none;}
.info-window{width:250px; font-size:12px; height:30px;}
.info-window img{width:150px; height:72px;}
.info-name {color:#000000; font-size:13px; font-weight:bold; line-height:13px; margin:2px 0px 2px 0px;}
.map-desc{font-size:12px; margin:0px 0px 0px 10px; clear:both;}
.desc img{margin-bottom:5px;}
.map-sousa{width:770px; margin:0px 0px 10px 15px; background-color:#efebe0; padding:3px;}

/*お知らせ*/
.news-find{
padding:0px 0px 0px 7px; font-size:14px; font-weight:bold; margin:5px 0px 3px 15px; line-height:30px; color:#ffffff;
background-image: url(/img/bg-news-find.gif); background-position:left center; background-repeat:no-repeat;
}
.news-desc{margin:0px 0px 20px 25px;}
.news-desc p{margin-bottom:5px;}
.news-left{float:left; width:590px; height:350px; padding:0px;}
.news-right{float:right; width:170px; margin:5px 20px 0px 0px;}
.news-right h4{
width:170px; line-height:16px; font-size:13px; background-color:#70563b; margin:5px 17px 2px 0px; padding:0px 2px;
color:#ffffff; 
}
.news-right li{
border-bottom:1px dotted #70563b; padding:0px 0px 4px 14px; width:160px; line-height:17px;
background-image: url(img/point.gif); background-position:left center; background-repeat:no-repeat;
}
.news-right ul li a,.news-right ul li a:visited{color:#000000; text-decoration:none; display:block; width:155px;}
.news-right ul li a:hover{color:#de4b14; text-decoration:underline;}
