﻿/*基本設定*/
* {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:#ffac2f; text-decoration:underline;}
ul {list-style:none;}
body {

	background-image: url(img/bg2.gif);
	background-repeat:repeat-x;
	background-position: 0px 0px;
	background-color:fcedbb;
	color: #000000; 
	text-align : center;
	line-height:14px;
	letter-spacing:1px;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
h1{width:800px; text-align:left; padding:0px; margin:0px auto 0px auto; font-size:10px;}
h1 a,h1 a:visited,h1 a:hover{text-decoration:none; color:#000000;}
.top {
width:800px; height:95px; text-align:left;
padding:0px; margin:0px auto 0px auto;
background-image: url(img/love2.gif); background-repeat:no-repeat; background-position:right top;
}
.top img{width:300px; height:95px; float:left; }
.top h2{font-size:12px; margin:0px; padding-top:0px;}
.top p{width:365px; height:26px; margin:0px 0px 0px 3px; font-size:11px; line-height:12px; letter-spacing:0px; float:left;}
.plan{
display:block; width:190px; height:50px; float:right; text-align:center; padding:0px; margin:0px 170px 0px 0px;
background-image: url(img/button-online2.gif); background-repeat:no-repeat; background-position:top left; overflow:hidden;
}
.plan a{display:block; padding:190px; width:190px; height:50px;}
.top ul{float:left; margin-left:10px;}
.top li{
display:block; width:80px; height:19px; line-height:19px; float:left; text-align:center; padding:3px 0px 0px 0px; margin:33px 1px 0px 0px;
background-image: url(img/button-sub2.gif); background-repeat:no-repeat; background-position:bottom;
}
.top li a{display:block; width:80px; height:19px;}
.main-koe,.main-odekake,.main-outdoor,.main-access,.main-qa{
height:130px; width:790px; margin:6px 0px 3px 5px; padding:20px 0px 0px 10px;
background-repeat:no-repeat; background-position: 0px 0px; 
}
.page-title{color:#000000; font-weight:bold; font-size:16px; margin:0px; font-family:ＭＳ 明朝,serif;}
.page-comment{color:#000000; font-size:13px; margin:3px 0px 0px 0px; width:240px; line-height:15px;}
.contents{width:800px; margin:0px auto 0px auto; padding:5px 0px; text-align:left; background-color:#ffffff;}
.find{
width:240px; margin:0px 0px 0px 0px; padding:2px 5px; font-size:12px; font-weight:bold; line-height:18px;
background-image: url(img/point2.gif); background-position:left center; background-repeat:no-repeat;
}
.bottom{
width:100%; height:60px; text-align:center;
padding:0px; margin:0px; color:#c9da85;
background-image: url(img/bg-bottom.gif); background-repeat:repeat-x;
}
.adress a,.adress a:visited{color:#c9da85;}
.adress{
width:800px; text-align:left;
padding:10px 0px 0px 0px; margin:0px auto 0px auto;
background-image: url(img/bg-adress.gif); background-repeat:no-repeat; background-position:bottom right;
}
.adress img{float:left; width:145px; height:50px;}
/*上部メニュー*/
.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:1px 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:98px; line-height:23px;
padding:0px 0px 0px 0px; margin:0px; border-right:1px solid #ffffff;
color:#ffffff; font-weight:normal; font-size:13px; letter-spacing:-1px;
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-color:#fdec13;
background-image: url(img/bg-button.gif); background-position: 0px 23px;
}
.menu ul li.menu-long a,.menu ul li.menu-long a:active, .menu ul li.menu-long a:visited{
display: block; width:100px; line-height:23px;
padding: 0px 0px 0px 0px; margin: 0px; border-right:1px solid #ffffff;
color:#ffffff; font-weight:normal; font-size:13px; letter-spacing:0px;
text-align: center; text-decoration: none;
background-image: url(img/bg-button2.gif); background-position: 0px 0px;
}
.menu ul li.menu-long a:hover {
color: #ff8800; text-decoration: none;
background-image: url(img/bg-button2.gif); background-position: 0px 23px;
}

/*下部メニュー部分*/
.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 #366804; 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: #de4b14;}






/*index*/
.index-flash{margin:0px 5px 10px 5px;}
.index-right{width:585px; float:right; margin-right:7px;
background-image: url(img/index-banner-sub.gif); background-position:bottom; background-repeat:no-repeat;
}
.index-banner1 a,.index-banner1 a:hover,.index-banner1 a:visited,
.index-banner2 a,.index-banner2 a:hover,.index-banner2 a:visited{text-decoration:none;}
.index-banner1{
width:290px; height:114px; margin:0px 0px 5px 0px; float:left;
background-image: url(img/index-banner1.jpg); background-position:0px;
}
.index-banner1 h2{width:290px; height:20px; overflow:hidden; font-weight:bold;}
.index-banner1 h2 a,.index-banner1 h2 a:visited{
display:block; width:290px; height:20px; margin:0px; padding:7px 0px 0px 187px; color:#000000;
font-weight:bold; font-size:14px;
}
.index-banner1 p{width:290px; height:90px; overflow:hidden; font-weight:bold;}
.index-banner1 p a,.index-banner1 p a:visited{
display:block; width:290px; height:90px; margin:0px; padding:62px 0px 0px 9px; color:#000000;
font-size:12px; letter-spacing:0px;
}
.index-banner2{
width:290px; height:114px; margin:0px 0px 5px 0px; float:right;
background-image: url(img/index-banner2.jpg); background-position:0px;
}
.index-banner2 h2{width:290px; height:20px; overflow:hidden; font-weight:bold;}
.index-banner2 h2 a,.index-banner2 h2 a:visited,.index-banner2 h2 a:hover{
display:block; width:290px; height:20px; margin:0px; padding:7px 0px 0px 7px; color:#ffffff;
font-weight:bold; font-size:14px;
}
.index-banner2 p{width:290px; height:90px; overflow:hidden; font-weight:bold;}
.index-banner2 p a,.index-banner2 p a:visited,.index-banner2 p a:hover{
display:block; width:290px; height:90px; margin:0px; padding:2px 0px 0px 7px; color:#ffffff;
font-size:12px; letter-spacing:0px;
}
.index-banner2 img{float:right; width:150px; height:90px;}
.index-banner3{
width:192px; height:155px; margin:0px 3px 0px 0px; float:left;
background-image: url(img/index-banner3.jpg); background-position:3px 0px; background-repeat:no-repeat;
}
.index-banner4{
width:192px; height:155px; margin:0px 3px 0px 0px; float:left;
background-image: url(img/index-banner4.jpg); background-position:4px 0px; background-repeat:no-repeat;
}
.index-banner5{
width:192px; height:155px; margin:0px; float:left;
background-image: url(img/index-banner5.jpg); background-position:5px 0px; background-repeat:no-repeat;
}
.index-banner3 h3,.index-banner4 h3,.index-banner5 h3{width:190px; height:110px; overflow:hidden; font-size:14px;}
.index-banner3 h3 a,.index-banner4 h3 a,.index-banner5 h3 a{
display:block; width:190px; height:110px; margin:0px; padding:94px 0px 0px 13px; color:#000000; font-weight:bold;
}
.index-banner3 h3 a:hover,.index-banner4 h3 a:hover,.index-banner5 h3 a:hover,
.index-banner3 h3 a:visited,.index-banner4 h3 a:visited,.index-banner5 h3 a:visited{color:#000000; text-decoration:none;}
.index-banner3 p,.index-banner4 p,.index-banner5 p{width:190px; height:41px;}
.index-banner3 p a,.index-banner4 p a,.index-banner5 p a,
.index-banner3 p a:visited,.index-banner4 p a:visited,.index-banner5 p a:visited{
display:block; width:190px; height:41px; margin:0px; padding:0px 0px 0px 7px; color:#000000;
}
.index-banner3 p a:hover,.index-banner4 p a:hover,.index-banner5 p a:hover{color:#de4b14; text-decoration:underline;}
.index-left{width:190px; float:left; margin-left:7px;}
.index-left h2{
width:185px; line-height:16px; font-size:14px; background-color:#65c605; margin:0px 0px 2px 0px; padding:0px 2px;
color:#ffffff; 
}
.index-left dl{width:190px; overflow:hidden;}
.index-left dt{border-bottom:1px dotted #65c605; padding-bottom:4px; width:188px;}
.index-left dd{
border-bottom:1px dotted #65c605; line-height:21px; width:188px; padding-left:14px;
background-image: url(img/point.gif); background-position:left center; background-repeat:no-repeat;
}
.index-left dd a,.index-left dd a:visited{color:#000000; text-decoration:none; display:block; width:175px;}
.index-left dd a:hover{color:#de4b14; text-decoration:underline;}
.index-left img{width:190px; height:65px; margin-top:3px;}

/*お知らせ*/
.news-left{float:left; width:570px; height:350px; padding:5px 0px 0px 10px;}
.news-left h4{
padding-left:14px; font-size:12px; font-weight:bold; border-bottom:1px dotted #65c605;
background-image: url(img/point.gif); background-position:left center; background-repeat:no-repeat;
}
.archive-desc{margin:3px 0px 0px 10px;}

.news-body{margin:0px 0px 10px 5px;}
.news-body p,.news-body dl{margin:0px 0px 5px 0px;}
.news-body dl{margin:10px 10px;}
.news-body dt{font-weight:bold;}
.news-right{float:right; width:190px; margin:5px 10px 0px 0px;}
.news-right h4{
width:190px; line-height:16px; font-size:13px; background-color:#65c605; margin:5px 7px 2px 0px; padding:0px 2px;
color:#ffffff; 
}
.news-right li{
border-bottom:1px dotted #65c605; padding-bottom:4px; width:188px;
border-bottom:1px dotted #65c605; line-height:17px; width:188px; padding-left:14px;
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:175px;}
.news-right ul li a:hover{color:#de4b14; text-decoration:underline;}


/*ペットの施設*/
.pet-right{float:right; width:265px; margin:5px 5px 0px 0px;}
.pet-box1,.pet-box2,.pet-box3,.pet-box4,.pet-box5{
width:265px; height:70px; border:1px solid #99cc00; margin-bottom:5px;
background-position:center; background-repeat:no-repeat;
}
.pet-box1{background-image:url(img/bg-pet1.jpg);}
.pet-box2{background-image:url(img/bg-pet2.jpg);}
.pet-box3{background-image:url(img/bg-pet3.jpg);}
.pet-box4{background-image:url(img/bg-pet4.jpg);}
.pet-box5{background-image:url(img/bg-pet5.jpg);}
.pet-right h3 a{font-size:14px; margin:3px 0px 5px 3px; font-weight:bold;}
.pet-right p{margin:0px 0px 0px 4px;}
.pet-right img{float:right; width:106px; height:45px;}
.pet-right a,.pet-right a:visited{display:block; width:100%; color:#000000;}
.pet-right h3 a:hover{color:#000000; text-decoration:none;}
.pet-right p a{height:46px; background-image:url(img/bg-pet.gif); background-position:300px 300px; background-repeat:no-repeat;}
.pet-right p a:hover{color:#ff8800; text-decoration:none; background-image:url(img/bg-pet.gif); background-position:right bottom;}
.pet-left{float:left; width:515px; height:435px; margin:5px 0px 0px 7px; overflow:hidden;}
.pet-left2{float:left; width:515px; height:405px; margin:5px 0px 0px 7px; overflow:hidden;}
.red{color:#FF0000; margin:3px 0px 0px 0px; width:330px;}
.pet-left h3,.pet-left2 h3{font-size:16px; font-weight:bold; margin-bottom:3px; line-height:16px;}
.pet-desc1{position:relative; width:330px; left:0px; top:0px; z-index:1; visibility:visible; margin-bottom:3px;}
.pet-desc2{position:relative; width:210px; left:0px; top:0px; z-index:1; visibility:visible; margin-bottom:3px;}
#pet1,#pet2,#pet3,#pet4,#pet5
{position:relative; width:510px; left:0px; z-index:0; visibility:visible; padding:0px; margin:0px;}
#pet1{height:410px; top:-105px;}
#pet2{height:380px; top:-130px;}
#pet3{height:360px; top:-50px;}
#pet4{height:380px; top:-195px;}
#pet5{height:360px; top:-50px;}
.banner-ryouri{margin-top:5px;}

/*温泉、お風呂*/
.onsen-left{float:left; width:265px; margin:5px 0px 0px 7px;}
.onsen-left h3{font-size:16px; font-weight:bold; margin-bottom:3px; line-height:16px;}
.onsen-left p{margin-bottom:3px;}
.touki{color:#ff0000; font-size:10px;}
.onsen-left dl{border:1px solid #98cc00; padding:2px;}
.onsen-left dt{font-size:12px; font-weight:bold; margin:4px 0px 2px 0px; line-height:14px; border-bottom:1px dotted #98cc00;}
#onsen{float:right; width:510px; height:315px; margin:7px 7px 0px 0px;}

/*お料理*/
.syokuji{margin:5px 0px 0px 7px; height:335px; overflow:hidden;}
.syokuji h3{font-size:16px; font-weight:bold; margin-bottom:3px; line-height:16px;}
.syokuji-desc{position:relative; width:230px; left:0px; top:0px; z-index:1; visibility:visible; margin-bottom:3px;}
#syokuji-flash{height:330px; width:775px; position:relative; top:-90px; left:7px; z-index:0; visibility:visible; padding:0px; margin:0px;}

/*お客様の声*/
.main-koe{background-image:url(img/main-koe.jpg);}
.koe{padding:0px 8px;}

/*ペットとお出かけ*/
.main-odekake{background-image:url(img/main-odekake.jpg);}
.odekake-right{float:right; margin:7px 7px 0px 0px; width:578px;}
.odekake-right img{float:right; width:280px; height:187px; margin-right:7px;}
.odekake-right div{float:left; width:280px; margin:1px 0px 0px 3px;}
.pet-adress{
width:270px; font-size:10px; padding-left:20px; margin:12px 0px 2px 8px; line-height:10px;
background-image:url(img/icon-zip.gif); background-repeat:no-repeat;
}
.pet-tel{
width:270px; font-size:10px; padding-left:20px; margin:4px 0px 2px 8px; line-height:10px;
background-image:url(img/icon-tel.gif); background-repeat:no-repeat;
}
.pet-url{
width:270px; font-size:10px; padding-left:24px; margin:4px 0px 5px 8px; line-height:10px;
background-image:url(img/icon-url.gif); background-repeat:no-repeat;
}
.odekake-right h2{font-size:14px; font-weight:bold;}
.odekake-right h3{clear:both; font-size:14px; font-weight:bold;}
.odekake-list{width:190px; float:left; margin-left:7px;}
.pet-list h5{
width:190px; line-height:16px; font-size:13px; background-color:#65c605; margin:5px 0px 2px 7px; padding:0px 2px;
color:#ffffff; 
}
.pet-list ul{width:190px; margin-left:7px;}
.pet-list li{
border-bottom:1px dotted #65c605; padding-bottom:4px; width:188px;
border-bottom:1px dotted #65c605; line-height:17px; width:188px; padding-left:14px;
background-image: url(img/point.gif); background-position:left center; background-repeat:no-repeat;
}
.pet-list ul li a,.pet-list ul li a:visited{color:#000000; text-decoration:none; display:block; width:175px;}
.pet-list ul li a:hover{color:#de4b14; text-decoration:underline;}
.pet-list p{
background-color:#f7ffee; padding:2px; border:1px solid #65c605;
width:190px; margin:5px 0px 0px 7px; font-size:10px; line-height:12px;
}

/*アウトドア*/
.main-outdoor{background-image:url(img/main-outdoor.jpg);}
.raft{float:left; width:465px; padding:0px 5px 0px 15px;}
.raft h4{
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;
}
.raft-img{width:300px; height:170px;}
.outdoor{margin-left:10px;}
.outdoor-box1{float:left; width:250px; height:240px; margin:5px 5px 0px 0px;}
.outdoor-box{
float:left; width:250px; height:240px; margin:5px 5px 0px 0px;
background-image: url(img/bg-outdoor-box.gif); background-position:left center; background-repeat:no-repeat;
}
.outdoor-box1 img,.outdoor-box img{width:250px; height:141px; margin:0px 0px 0px 5px;}
.outdoor-box1 h4,.outdoor-box h4{
width:200px; margin:0px 0px 0px 8px; padding:2px 5px; font-size:12px; font-weight:bold; line-height:18px;
background-image: url(img/point2.gif); background-position:left center; background-repeat:no-repeat;
}
.outdoor-box1 p,.outdoor-box p{width:235px; margin:0px 0px 0px 12px;}

/*アクセス*/
.main-access{background-image:url(img/main-access.jpg);}
.access-left{width:510px; float:left; margin:0px; padding-left:15px;}
.access-left{line-height:14px;}
.access-box{border:1px solid #96d40e; padding:2px; width:242px; float:left; margin:5px 5px 0px 0px;}
.access-box h6{
border-bottom:1px dotted #96d40e; margin:0px 0px 2px 0px; padding:0px 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:235px; height:125px;}
.access-desc{font-size:10px; line-height:15px; padding:0px 0px 5px 2px;}
.access-right{width:260px; height:549px; float:right; margin:0px 15px 0px 0px;}

/*よくあるご質問*/
.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 #366804; 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{margin:10px 0px 0px 20px;}
.qa dt{
border-bottom:1px solid #65c605; 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{width:745px; padding-left:14px; margin:0px 0px 10px 0px; border-bottom:1px dotted #65c605;}
.qa-no{width:745px; padding-left:14px; margin:0px 0px 0px 0px; border-bottom:1px dotted #65c605;}


/*お問い合わせ*/
.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 #bece38; 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;}