﻿/*基本設定*/
* {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-x;
	background-position:center top;
	background-color:#ffffff;
	color: #000000; 
	text-align : center;
	line-height:14px;
	letter-spacing:1px;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#TOP {
width:800px; height:100px; text-align:left;
padding:0px; margin:0px auto 0px auto; color:#000000; overflow:hidden;
}
h1{width:350px; text-align:left; padding:0px; margin:0px 0px 0px -300px; font-size:10px; color:#ff8800; height:20px;}
.top-left{float:left; width:450px;
background-image: url(img/logo.gif); background-repeat:no-repeat; background-position:5px 15px;
}
#TOP h2{font-size:12px; margin:0px 0px 0px 160px; padding-top:0px; width:335px;}
#TOP p{width:330px; height:25px; margin:0px 0px 0px 165px; font-size:11px; line-height:12px; letter-spacing:0px;}
.plan{
display:block; width:290px; height:56px; float:right; text-align:center; padding:0px; margin:10px 5px 4px 0px;
background-image: url(img/button-online.gif); background-repeat:no-repeat; background-position:top left; overflow:hidden;
}

.contents{width:812px; margin:0px auto 0px auto; padding:0px; text-align:left;  overflow:hidden;
background-image: url(img/bg-contents.jpg); background-repeat:repeat-y; background-position:center;
}
.bottom{
width:812px; height:73px;
padding:10px 0px 0px 0px; margin:0px auto 0px auto; color:#000000;
background-image: url(img/bg-contents.jpg); background-repeat:repeat-y; background-position:center;
}
.bottom-left{float:left; width:315px; font-size:14px; margin:0px; display:block; height:40px;
overflow:hidden;
background-image: url(img/logo-s.gif); background-repeat:no-repeat; background-position:215px 5px;
}
.bottom-left p{display:block; width:300px; margin:0px 0px 0px 360px;}
.adress a,.adress a:visited{color:#ffffff;}
.adress{
width:485px; text-align:left; float:right;
padding:5px 0px 0px 0px; margin:2px 8px 0px 0px;
background-image: url(img/bg-adress.gif); background-repeat:no-repeat; background-position:bottom right;
}
.adress img{float:right; width:90px; height:25px; margin-right:2px;}


/*上部メニュー*/
.menu {
background-image: url(img/bg-menu.gif); padding:0px; height:30px; clear:both;
background-repeat:repeat-x;
width:800px;  margin:0px;
}
.menu ul {border:0px; margin:0px; padding:0px 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:100px; line-height:30px;
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 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 auto 2px auto; padding:0px; height:29px; width:800px;
background-image: url(img/bg-copyright.gif); background-repeat:no-repeat; background-position:bottom;
}
.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 #6d7b35; 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*/
#flash-index{margin:0px 0px 5px 6px; width:800px;}
.index-left{float:left; width:215px; margin:5px 0px 0px 10px; overflow:hidden;
background-image: url(img/find-index.gif); background-repeat:no-repeat; background-position:0px 0px; 
}
.index-left h3{
height:30px; width:200px; margin:0px 0px 0px 240px; display:block; color:#ffd9d9;
}
.index-left p{margin:0px 0px 4px 5px; width:200px;}
.index-left img{margin:2px 0px 2px 0px;}

.index-right{float:right; width:575px; margin-top:5px;}
.banner-ryouri{
width:279px; height:100px; float:left; margin-right:2px; display:block; overflow:hidden;
background-image: url(img/banner-ryouri.jpg); background-position: 0px 0px; background-repeat:no-repeat;
}
.banner-onsen{
width:279px; height:100px; float:left; margin-right:2px; display:block; overflow:hidden;
background-image: url(img/banner-onsen.jpg); background-position: 0px 0px; background-repeat:no-repeat;
}
.banner-okusyoin{
width:226px; height:175px; float:left; margin:2px 0px; display:block; overflow:hidden;
background-image: url(img/banner-okusyoin.jpg); background-position: 0px 0px; background-repeat:no-repeat;
}
.banner-itinokura{
width:167px; height:175px; float:left; margin:2px 1px; display:block; overflow:hidden;
background-image: url(img/banner-itinokura.jpg); background-position: 0px 0px; background-repeat:no-repeat;
}
.banner-ninokura{
width:165px; height:175px; float:left; margin:2px 0px; display:block; overflow:hidden;
background-image: url(img/banner-ninokura.jpg); background-position: 0px 0px; background-repeat:no-repeat;
}
.banner-ryouri h4,.banner-onsen h4,.banner-okusyoin h4,.banner-itinokura h4,.banner-ninokura h4
{margin:0px 0px 0px 279px; line-height:1px;}
.banner-ryouri a,.banner-ryouri a:visited
{display:block; padding:39px 170px 0px 10px; color:#ffffff; height:100%;}
.banner-onsen a,.banner-onsen a:visited
{display:block; padding:39px 130px 0px 12px; color:#000000; height:100%;}
.banner-okusyoin a,.banner-okusyoin a:visited
{display:block; padding:100px 5px 0px 5px; color:#000000; height:100%;}
.banner-itinokura a,.banner-itinokura a:visited,
.banner-ninokura a,.banner-ninokura a:visited
{display:block; padding:105px 5px 0px 5px; color:#000000; height:100%;}
.banner-ryouri a:hover,.banner-onsen a:hover,
.banner-okusyoin a:hover,.banner-itinokura a:hover,.banner-ninokura a:hover
{color:#ff8800;}

/*館内*/
.sisetsu-left{width:165px; float:left; margin:0px 0px 0px 0px; overflow:hidden; padding-left:10px;
background-image: url(img/find-sisetsu.gif); background-repeat:no-repeat; background-position:10px 0px; 
}
.sisetsu-left h4{margin:0px 0px 20px 170px; line-height:1px;}
.sisetsu-left p{width:155px; margin:2px 0px 3px 3px;}
.sisetsu-left img{margin:0px 0px 0px 5px;}

.sisetsu-box{
float:left; margin:0px 0px 0px 0px; width:125px; height:100px;
background-image: url(img/button-sisetsu.jpg); background-repeat:no-repeat; background-position:left bottom; 
}
.sisetsu-box img{margin:4px 0px 0px 5px;}
.sisetsu-box h3{font-size:12px; margin:-1px 0px 0px 7px; line-height:14px;}
.sisetsu-box a,.sisetsu-box a:visited{color:#000000; display:block; width:115px;}
.sisetsu-box a:hover{color:#ff8800;}

/*施設ご案内*/
.main-kannai{width:790px; height:376px; margin:0px 0px 3px 10px; overflow:hidden;
background-image: url(img/bg-itinokura.jpg); background-repeat:no-repeat; background-position:-1px 5px;
}
.main-kannai h3{
position:relative; width:210px; left:0px; top:0px; z-index:1; visibility:visible;
margin:28px 15px 13px 15px; color:#663a0b; line-height:20px; font-weight:bold; font-size:18px;
}
.main-kannai p{
position:relative; width:210px; left:0px; top:0px; z-index:1; visibility:visible;
margin:5px 15px 2px 18px; color:#663a0b;
}
#flash-kannai
{position:relative; width:540px; left:250px; z-index:0; visibility:visible; padding:0px; margin:0px; height:370px; top:-270px;}


/*壱の蔵*/
.main-itinokura{width:790px; height:366px; margin:0px 0px 3px 10px; overflow:hidden;
background-image: url(img/bg-itinokura.jpg); background-repeat:no-repeat; background-position:-1px 5px;
}
.main-itinokura h3{
position:relative; width:210px; left:0px; top:0px; z-index:1; visibility:visible;
margin:28px 15px 13px 15px; color:#663a0b; line-height:20px; font-weight:bold; font-size:18px;
}
.main-itinokura p{
position:relative; width:210px; left:0px; top:0px; z-index:1; visibility:visible;
margin:5px 15px 2px 18px; color:#663a0b;
}
#flash-itinokura
{position:relative; width:790px; left:0px; z-index:0; visibility:visible; padding:0px; margin:0px; height:356px; top:-193px;}

/*弐の蔵*/
.main-ninokura{width:790px; height:366px; margin:0px 0px 3px 10px; overflow:hidden;
background-image: url(img/bg-itinokura.jpg); background-repeat:no-repeat; background-position:-1px 5px;
}
.main-ninokura h3{
position:relative; width:210px; left:0px; top:0px; z-index:1; visibility:visible;
margin:28px 15px 12px 15px; color:#663a0b; line-height:20px; font-weight:bold; font-size:18px;
}
.main-ninokura p{
position:relative; width:210px; left:0px; top:0px; z-index:1; visibility:visible;
margin:5px 15px 2px 18px; color:#663a0b;
}
#flash-ninokura
{position:relative; width:790px; left:0px; z-index:0; visibility:visible; padding:0px; margin:0px; height:356px; top:-253px;}

/*奥書院*/
.main-okusyoin{width:790px; height:366px; margin:0px 0px 3px 10px; overflow:hidden;
background-image: url(img/bg-itinokura.jpg); background-repeat:no-repeat; background-position:-1px 5px;
}
.main-okusyoin h3{
position:relative; width:210px; left:0px; top:0px; z-index:1; visibility:visible;
margin:28px 15px 13px 15px; color:#663a0b; line-height:20px; font-weight:bold; font-size:18px;
}
.main-okusyoin p{
position:relative; width:210px; left:0px; top:0px; z-index:1; visibility:visible;
margin:5px 15px 2px 18px; color:#663a0b;
}
#flash-okusyoin
{position:relative; width:790px; left:0px; z-index:0; visibility:visible; padding:0px; margin:0px; height:356px; top:-226px;}

/*温泉・お風呂*/
.main-onsen{width:790px; height:366px; margin:0px 0px 3px 10px; overflow:hidden; padding-left:330px;
background-image: url(img/bg-onsen.jpg); background-repeat:no-repeat; background-position:-1px 5px;
}
.onsen-left{width:275px; height:180px; margin:0px 0px 0px 0px; float:left; overflow:hidden;
background-image: url(img/find-onsen.gif); background-repeat:no-repeat; background-position:-5px 8px; 
}
.onsen-left h3{margin:0px 0px 35px 280px; line-height:1px;}
.onsen-left p{margin:5px 15px 2px 10px;}
.sensitsu{margin:5px 0px 0px 0px; width:450px; height:170px; color:#663a0b; padding-top:28px; clear:both;
background-image: url(img/bg-onsen2.jpg); background-repeat:no-repeat; background-position:0px 0px;
}
.sensitsu h3{
width:330px;
margin:0px 15px 13px 20px; color:#663a0b; line-height:20px; font-weight:bold; font-size:18px;
}
.sensitsu dl{
width:400px; margin:5px 15px 2px 25px; color:#663a0b;
}
.sensitsu dt{margin:8px 0px 0px 0px; font-weight:bold; font-size:14px;}

/*料理*/
.main-ryouri{width:800px; height:440px; margin:0px 0px 3px 10px; overflow:hidden;
position:relative; left:0px; top:0px; z-index:1; visibility:visible; padding:10px 0px 0px 5px;
background-image: url(img/bg-ryouri.jpg); background-repeat:no-repeat; background-position:461px 0px;
}
.ryouri-desc{position:absolute; width:435px; height:140px; left:0px; top:305px; z-index:1; visibility:visible;
background-image: url(img/bg-ryouri2.jpg); background-repeat:no-repeat; background-position:0px 0px;
}
.ryouri-desc h3{
width:210px;margin:25px 15px 13px 15px; color:#663a0b; line-height:20px; font-weight:bold; font-size:18px;
}
.ryouri-desc p{width:405px; margin:5px 0px 2px 18px; color:#663a0b;}
#flash-ryouori
{position:absolute; width:780px; left:10px; z-index:0; visibility:visible; padding:0px; margin:0px; height:440px;}



/*交通*/
.find-access{
height:35px; width:800px; overflow:hidden; margin:6px 0px 0px -190px; display:block; color:#ffd9d9;
background-image: url(img/find-access.gif); background-repeat:no-repeat; background-position: 203px 0px;
font-size:8px;
}
.find-access-car{
height:25px; width:400px; overflow:hidden; margin:6px 0px -7px -110px; display:block; color:#000000;
background-image: url(img/find-access-car.gif); background-repeat:no-repeat; background-position: 110px 0px;
font-size:8px;
}
.find-access-train{
height:25px; width:400px; overflow:hidden; margin:20px 0px -7px -110px; display:block; color:#000000;
background-image: url(img/find-access-train.gif); background-repeat:no-repeat; background-position: 110px 0px;
font-size:8px;
}
.find-access-picture{
height:25px; width:400px; overflow:hidden; margin:6px 0px 0px -110px; display:block; color:#000000;
background-image: url(img/find-access-picture.gif); background-repeat:no-repeat; background-position: 110px 0px;
font-size:8px;
}

.find-access-sub{
height:14px; width:285px; overflow:hidden; margin:5px 0px 0px 2px; display:block;
padding:1px 0px 0px 0px; font-size:14px; font-weight:bold;
}
.find-access-sub2{
height:18px; width:285px; overflow:hidden; margin:10px 0px 2px 2px; line-height:18px;
padding:0px 0px 0px 3px; font-size:12px; background-color:#6d7b35; color:#ffffff;
}
.access-left{width:300px; float:left; margin:0px 0px 0px 10px; padding-left:5px; line-height:14px; overflow:hidden;}
.access-left p{margin:0px 0px 3px 3px;}
#map-access{width:780px; height:400px; border:1px solid #6d7b35; margin:5px 0px 5px 16px;}
.access-right{float:right; width:470px; margin:0px 10px 0px 0px; overflow:hidden;}

.access-box{padding:1px; width:205px; height:160px; float:left; margin:3px 0px 0px 0px;
background-image: url(img/bg-access-box.jpg); background-position:center; background-repeat:no-repeat;
}
.access-box h5{
margin:-3px 0px 2px 5px; padding:1px 0px 0px 14px; 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; margin:6px 0px 0px 6px;}
.access-box a,.access-box a:visited{color:#ffffff;}
.access-box a:hover{color:#ff8800;}
.access-button{
margin:0px -6px 1px 9px; padding-top:3px; font-size:12px; display:block; width:82px; height:20px; text-align:center;
background-image: url(img/button-access.gif); background-position:center; background-repeat:no-repeat; float:left;
}
/*
.access-box{padding:1px; width:143px; height:97px; float:left; margin:0px 0px 0px 0px;
background-image: url(img/bg-access-box.jpg); background-position:center; background-repeat:no-repeat;
}
.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:126px; height:62px; margin:5px 0px 0px 5px;}
.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;
}
*/


.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;}

/*お問い合わせ*/
.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;}
