/*基本設定*/
* {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:#ffac2f;}
a:hover{color:#ff8800; text-decoration:underline;}
ul {list-style:none;}
body {
	background-image: url(img/bg-body.jpg);
	background-repeat:repeat-y;
	background-position:center top;
	background-color:#ecfcc5;
	color: #000000; 
	text-align : center;
	line-height:14px;
	letter-spacing:1px;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.top {
width:800px; height:103px; text-align:left; position:relative; top:0px; z-index:1; visibility:visible;
padding:0px; margin:0px auto 0px auto; color:#000000; overflow:hidden;
background-image: url(img/bg-top.jpg); background-repeat:no-repeat; background-position:left top;
}
h1{width:350px; text-align:left; padding:0px; margin:0px 0px 0px -300px; font-size:10px; color:#ff8800; height:30px;}
.top-left{float:left; width:300px;}
.top h2{font-size:12px; margin:0px 0px 0px 110px; padding-top:0px; width:350px;}
.top p{width:370px; height:25px; margin:0px 0px 0px 115px; font-size:11px; line-height:12px; letter-spacing:0px;}
.plan{
display:block; width:290px; height:56px; float:right; text-align:center; padding:0px; margin:8px 5px 8px 0px;
background-image: url(img/button-online.gif); background-repeat:no-repeat; background-position:top left; overflow:hidden;
}
.contents{width:800px; margin:0px auto 0px auto; padding:0px 0px; text-align:left;
position:relative; left:0px; z-index:2; visibility:visible; top:-103px;
}
.bottom{
width:800px; height:73px; position:relative; left:0px; z-index:2; visibility:visible; top:-30px;
padding:0px; margin:0px auto 0px auto; color:#000000;
background-image: url(img/bg-bottom.gif); background-repeat:no-repeat; background-position:bottom center;
}
.name{float:left; font-size:14px; margin:19px 0px 0px 155px;}
.adress a,.adress a:visited{color:#ffffff;}
.adress{
width:450px; text-align:left; float:right;
padding:10px 0px 0px 0px; margin:2px 0px 0px 0px;
background-image: url(img/bg-adress.gif); background-repeat:no-repeat; background-position:bottom right;
}
.adress img{float:right; width:140px; height:25px;}

#onsen-flash,#flash-facility,#flash-spa,#flash-dish,#flash-room,#flash-sightseeing,#flash-no
{position:relative; width:800px; left:0px; z-index:0; visibility:visible; padding:0px; margin:0px;  top:-103px;}
#onsen-flash{height:460px;}
#flash-facility{height:560px;}
#flash-spa{height:708px;}
#flash-dish{height:560px;}
#flash-room{height:708px;}
#flash-sightseeing{height:355px;}
#flash-no{height:135px;}


/*上部メニュー*/
.menu {
background-image: url(img/bg-menu.gif); padding:0px; height:30px; clear:both;
background-repeat:repeat-x;
width:700px;  margin:0px 0px 0px 100px;
}
.menu ul {border:0px; margin:0px; padding:1px 0px; text-align:center; list-style-type:none; width:700px;}
.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:87px; line-height:30px;
padding:0px 0px 0px 0px; margin:0px;
color:#000000; 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 30px;
}
.menu ul li a:hover {
color: #ff8800; text-decoration: none;
background-image: url(img/bg-button.gif); background-position: 0px 0px;
}
/*下部メニュー部分*/
.menu-bottom {margin:0px 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 #99cc33; 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;}

/*index*/
.index-right{float:right; width:550px; margin-top:5px;}
.box-spa{
width:313px; height:279px; float:left; margin-right:2px; display:block; overflow:hidden;
background-image: url(img/bg-spa.jpg); background-position: 0px 0px;
}
.box-spa h3{margin:0px 0px 0px 313px; line-height:1px;}
.box-spa a,.box-spa a:visited
{display:block; padding:195px 0px 0px 4px; color:#000000; height:100%;}
.box-spa a:hover{color:#ff8800;}

.box-dish,.box-facility{
width:227px; height:140px; float:left; margin-left:3px; display:block; overflow:hidden;
background-position:left top; background-repeat:no-repeat;
}
.box-dish h3,.box-facility h3{margin:0px 0px 0px 300px; line-height:1px;}
.box-dish a,.box-dish a:visited,.box-facility a,.box-facility a:visited
{display:block; padding:105px 0px 0px 2px; color:#000000;}
.box-dish a:hover,.box-facility a:hover{color:#ff8800;}
.box-dish{background-image: url(img/bg-dish.jpg);}
.box-facility{background-image: url(img/bg-facility.jpg);}

.index-left{width:240px; margin-top:3px;}
.news{
width:240px; height:155px; float:left; margin-left:3px; display:block; overflow:hidden;
background-image: url(img/bg-news.jpg); background-position:left top; background-repeat:no-repeat;
}
.box-news{margin:44px 0px 0px 21px;}
.box-news li{
border-bottom:1px dotted #99cc33; padding:0px 0px 4px 14px; width:190px; line-height:17px;
background-image: url(img/point.gif); background-position:left center; background-repeat:no-repeat;
}
.box-news ul li a,.box-news ul li a:visited{color:#000000; text-decoration:none; display:block; width:190px;}
.box-news ul li a:hover{color:#de4b14; text-decoration:underline;}
.index-left img{margin:2px 0px 0px 15px;}


/*館内*/
.facility-contents{width:800px; margin:0px 0px 5px 8px; padding:0px 0px; text-align:left;
z-index:2; overflow:hidden; visibility:visible; position:relative; float:left; height:330px;
background-image: url(img/bg-facility-contents.jpg); background-position:560px 0px; background-repeat:no-repeat;
}
.facility-contents p{width:450px; margin:0px 0px 5px 2px;}
.find-facility{
line-height:35px; margin:0px 0px 0px -300px;
background-image: url(img/find-facility.gif); background-repeat:no-repeat; background-position:300px 0px; overflow:hidden;
}
.facility-right{width:380px; float:right; margin:15px 265px 0px 0px; border:1px solid #99cc33; padding:0px; font-size:12px;}
.facility-find{width:110px; text-align:center; background-color:#99cc33; color:#ffffff; padding:3px; font-size:13px;}
.facility-desc{padding:5px 3px; border-bottom:1px dotted #99cc33; }

/*
.facility-contents{width:350px; margin:0px 0px 5px 8px; padding:0px 0px; text-align:left;
z-index:2; overflow:hidden; visibility:visible; position:relative; float:left;
}
.facility-contents p{width:310px; margin:0px 0px 5px 2px;}
.find-facility{
line-height:35px; margin:0px 0px 0px -300px;
background-image: url(img/find-facility.gif); background-repeat:no-repeat; background-position:300px 0px; overflow:hidden;
}
.facility-right{width:370px; float:right; margin:10px 10px 0px 0px; border:1px solid #99cc33; padding:0px; font-size:12px;}
.facility-find{width:110px; text-align:center; background-color:#99cc33; color:#ffffff; padding:3px; font-size:13px;}
.facility-desc{padding:5px 3px; border-bottom:1px dotted #99cc33; }
*/


/*お風呂*/
.spa-contents{width:310px; margin:-145px 0px 5px 8px; padding:0px 0px; text-align:left;
z-index:2; overflow:hidden; visibility:visible; position:relative; float:left;
}
.find-spa{
line-height:35px; margin:0px 0px 0px -300px;
background-image: url(img/find-spa.gif); background-repeat:no-repeat; background-position:300px 0px; overflow:hidden;
}
.spa-contents p{width:310px; margin:0px 0px 5px 2px;}
.spa-right{width:460px; float:right; margin:-25px 0px 0px 0px;}
.spa-box{
width:220px; margin:0px 3px 0px 0px; float:left;
z-index:2; overflow:hidden; visibility:visible; position:relative; float:left;
}
.spa-box h3{margin:0px 0px 0px -200px;}
.spa-box p{margin:0px 0px 0px 8px;}



/*料理*/
.dish-contents{width:770px; margin:-97px 0px 5px 8px; padding:0px 0px; text-align:left;
z-index:2; overflow:hidden; visibility:visible; position:relative;
}
.find-dish{
line-height:35px; margin:0px 0px 0px -450px;
background-image: url(img/find-dish.gif); background-repeat:no-repeat; background-position:445px 0px; overflow:hidden;
}
.dish-contents p{width:320px; margin:0px 0px 5px 2px;}

/*お部屋*/
.room-contents{width:770px; margin:-145px 0px 5px 8px; padding:0px 0px; text-align:left;
z-index:2; overflow:hidden; visibility:visible; position:relative;
}
.find-room{
line-height:35px; margin:0px 0px 0px -300px;
background-image: url(img/find-room.gif); background-repeat:no-repeat; background-position:295px 0px; overflow:hidden;
}
.room-contents p{width:310px; margin:0px 0px 5px 2px;}


/*お知らせ*/
.find-news{
height:20px; width:570px; overflow:hidden; margin:3px 0px 0px 3px; display:block;
padding:1px 0px 0px 13px; font-size:14px; font-weight:bold;
background-image: url(img/bg-find.gif); background-repeat:no-repeat; background-position:5px 0px;
}
.news-desc,.news-left p{margin:0px 0px 10px 18px;}
.news-desc a,.news-desc a:visited{text-decoration:none; color:#000000;}
.news-desc a:hover{color:#ff8800; text-decoration:underline;}

.news-left{float:left; width:570px; height:350px; padding:0px;}
.news-right{float:right; width:190px; margin:5px 20px 0px 0px;}
.news-right h4{
width:170px; line-height:16px; font-size:13px; background-color:#99cc33; margin:5px 17px 2px 0px; padding:0px 2px;
color:#ffffff; 
}
.news-right li{
border-bottom:1px dotted #99cc33; 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;}
.news-dl{margin:20px 0px 0px 30px;}
.news-dl dt{margin:7px 0px 0px 0px; font-weight:bold;}
.news-dl dd{margin:1px 0px 0px 7px;}

/*周辺観光*/
#map{float:left; width:560px; height:474px; border:1px solid #99cc33; margin:5px 0px 5px 13px;}
.list{float:right; width:201px;
 padding:2px; overflow:auto; margin:5px 13px 5px 0px;
}
.list li {
color:#336633; font-size:12px; line-height:18px; margin:2px 0px 0px 0px; list-style:none; border-bottom:1px dotted #99cc33;
padding:0px 0px 4px 14px; background-image: url(img/point.gif); background-position:left center; background-repeat:no-repeat;
}
.list li a,.list li a:visited
{color:#000000; text-decoration:none;}
.list li a:hover{color:#ff8800; text-decoration:underline;}

.none{display:none;}
.info-window{width:300px; font-size:12px;}
.info-name { font-size:13px; font-weight:bold; line-height:13px; margin:2px 0px 2px 0px;}
.sightseeing-desc{padding:0px 20px; font-size:10px; clear:both;}

/*交通*/
.find-access{
height:20px; width:265px; overflow:hidden; margin:3px 0px 0px 0px; display:block;
padding:1px 0px 0px 13px; font-size:14px; font-weight:bold;
background-image: url(img/bg-find.gif); background-repeat:no-repeat; background-position:5px 0px;
}
.find-access-sub{
height:14px; width:285px; overflow:hidden; margin:5px 0px -14px 2px; display:block;
padding:1px 0px 0px 0px; font-size:14px; font-weight:bold;
}
.find-access-sub2{
height:18px; width:285px; overflow:hidden; margin:17px 0px 0px 2px; line-height:18px;
padding:0px 0px 0px 3px; font-size:12px; background-color:#99cc33; color:#ffffff;
}
.access-left{width:300px; float:left; margin:0px; padding-left:5px; line-height:14px;}
.access-left p{margin:0px 0px 7px 3px;}
#map-access{float:right; width:480px; height:370px; border:1px solid #99cc33; margin:5px 13px 5px 0px;}
.access-bottom{clear:both; padding-left:15px;}
.access-box{border:1px solid #99cc33; padding:1px; width:185px; float:left; margin:5px 5px 0px 0px;}
.access-box h5{
border-bottom:1px dotted #99cc33; margin:-3px 0px 2px 0px; padding:0px 0px 2px 13px; font-size:12px; font-weight:bold;
background-image: url(img/point.gif); background-position:left center; background-repeat:no-repeat;
}
.access-box img{width:185px; height:101px;}
.access-box a,.access-box a:visited{color:#000000;}
.access-box a:hover{color:#ff8800;}
.access-button{
color:#000000; margin:1px 1px 1px 2px; padding-top:3px; font-size:12px; display:block; width:82px; height:20px;
background-image: url(img/button-access.gif); background-position:center; background-repeat:no-repeat; float:left; text-align:center;
}


/*お問い合わせ*/
.form{padding-left:15px;}
.form h2{
padding:5px; font-size:12px; font-weight:bold; line-height:14px;
background-image: url(img/point2.gif); background-position:left center; background-repeat:no-repeat;
}
#cf_sample_form{margin:5px 0px 0px 20px; width:600px; padding:3px;}
.require {color:#cc3333;}
#cf_sample_form table {border-collapse: collapse; width:690px;}
#cf_sample_form td, #cf_sample_form th {padding:5px; border:1px solid #cccccc;}
#cf_sample_form th { font-size:12px; font-weight: bold; vertical-align:top; text-align:left; border-right:1px dashed #cccccc; white-space:nowrap; width:160px;}
#cf_sample_form th .require {padding-right:2px;}
#cf_sample_form td {margin-bottom:16px; font-size:12px;}
#cf_sample_form .note {color:#666; font-size:10px;}
#cf_sample_form li {list-style-type: none;}
#cf_sample_form fieldset {border:1px solid #8d2626; margin-top:10px; padding:10px; border-width:2px 0px 0px 0px;}
#cf_sample_form legend {color:#000000; font-weight:bold;}
#cf_sample_form .invalid {border:1px solid #d4aa00; background:#fffbea;}
#cf_sample_form .buttons {margin:10px 0px; text-align:center;}
.error {color:#cc0000; padding:3px 5px; margin:5px 0px; background:#ffefef;}


/*よくあるご質問*/
.main-qa{background-image:url(img/main-qa.jpg);}

.qa-menu {margin:0px 7px 0px 10px; padding:0px; height:14px; width:770px;}
.qa-menu ul {border: 0px; margin: 0px; padding: 0px; text-align: left; list-style-type: none;}
.qa-menu ul li {padding: 0px; margin: 0px 5px; float:left; border-right:1px solid #99cc33; margin:0px;}
.qa-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;
}
.qa-menu ul li a:hover { text-decoration:underline; color:#ffac2f;}
.qa-desc{padding:0px 10px; font-size:10px; clear:both;}
#qa1,#qa2,#qa3,#qa4,#qa5,#qa6,#qa7{margin:10px 0px 30px 20px; height:350px;}
.qa dt{
border-bottom:1px solid #99cc33; 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;
}
.qa dd{padding-left:14px;}
.qa-dd{width:745px; padding-left:14px; margin:0px 0px 10px 0px; border-bottom:1px dotted #99cc33;}
.qa-no{width:745px; padding-left:14px; margin:0px 0px 0px 0px; border-bottom:1px dotted #99cc33;}