@charset "utf-8";
/* CSS Document */

/* ---------------------------------------- /
/
/ ヘッダー
/
/ ---------------------------------------- */
h1{
	color:#73925a;}
.header_wp{
	width:100%;
	height:181px;
	background:url(../img/base/header_bg.png) repeat-x center;
}
.gNavi{
	width:1002px;
	height:37px;
	margin:0 auto;
}
.gNavi ul{
	margin-top:20px;}
.gNavi ul li{
	float:left;
}

/* ---------------------------------------- /
/
/ メインイメージ
/
/ ---------------------------------------- */
.mainImage{
	width:1020px;
	height:257px;
	margin: 0 auto;
	padding:15px 0 40px 0;}
/* ---------------------------------------- /
/
/ ナビゲーション
/
/ ---------------------------------------- */
#top .gNavi_wp{
	width:100%;
	height:139px;
	background:url(../img/top/gnavi_bg.jpg) repeat-x top center;
}
#top .gNavi{
	width:1006px;
	height:128px;
	margin: 0 auto;
}
#top .gNavi ul{
	margin-top:6px;}
#top .gNavi ul li{
	float:left;
}
/* ---------------------------------------- /
/
/ コンテンツ
/
/ ---------------------------------------- */
.container .mainContents .box01{
	width:734px;
	margin-bottom:70px;
}
.container .mainContents .box01 h2{
	padding:0 0 30px 0;
}
.container .mainContents .box01 p{
	margin:0 0 1em 0;}
.container .mainContents .box01 .text_box{
	margin-left:1.5em;
}
.container .mainContents .box02{
	margin-bottom:70px;}
	
/* テーブル */
.example table {
	width:100%;
border: 0px #000000 none;
border-collapse: collapse;
}

.example td {
border: 0px #000000 solid;
text-align: center;
vertical-align: middle;
padding:0.5em 0;
}

.example th {

border: 0px #000000 solid;
background-color: #28371d;
text-align: center;
vertical-align: middle;
color:#fff;
padding:0.3em 0;
}


	
/* ---------------------------------------- /
/
/ Dog’s Rest Place
/
/ ---------------------------------------- */
.container .mainContents .box01 .text_box{
	width:330px;
	float:left;}
.container .mainContents .box01 .slide01{
	width:370px;
	height:245px;
	float:right;}

.container .mainContents .box02 .kanban{
	width:734px;
	height:160px;
	background:url(../img/dogsrest/kanban_bg.jpg) no-repeat top center;
	margin-bottom:20px;
	}
.container .mainContents .box02 .kanban .title{
	padding:20px 0 15px 445px;}
.container .mainContents .box02 .kanban .text{
	margin-left:275px;}
.container .mainContents .box02 .m_box{
	width:223px;
	height:319px;
	float:left;
	margin-right:20px;
	cursor:default;
}
.container .mainContents .box02 .m_box img:hover,
.container .mainContents .box02 .m_box2 img:hover{
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity = 100);
	-webkit-transition: all 0.3s linear 0.2s;
	-o-transition: all 0.3s linear 0.2s;
	transition: all 0.3s linear 0.2s;
	
}
.container .mainContents .box02 .m_box2{
	width:229px;
	height:319px;
	float:left;
}
.container .mainContents .box02 .wanko1{
		width:229px;
	background:url(../img/dogsrest/rin2.jpg) no-repeat center left;}
.container .mainContents .box02 .wanko2{
		width:229px;
	background:url(../img/dogsrest/ally_on.jpg) no-repeat center left;}
.container .mainContents .box02 .wanko3{
		width:229px;
	background:url(../img/dogsrest/pino_on.jpg) no-repeat center left;}
.container .mainContents .box03 .m_box{
	margin-bottom:20px;
}
.container .mainContents .box03 .photo{
	float:left;
	margin-right:10px;}
.container .mainContents .box03 dl{
	width:520px;
	margin-top:25px;
	float:left;
}
/* ---------------------------------------- /
/
/ 料理
/
/ ---------------------------------------- */
#cuisine #movie{
	width:410px;
	height:262px;
	float:left;
}
#cuisine .text_box{
	width:313px;
	float:right;
	margin-left:10px;}
#cuisine .l_box{
	height:462px;
	background:url(../img/cuisine/left_bg.png) no-repeat top center;
}
#cuisine .l_box .title{
	text-align:right;
	margin:10px 15px 27px 0;}
#cuisine .l_box .title02{
	float:left;
	margin: 0 60px 0 35px;
}
#cuisine .l_box .text{
	width:579px;
	float:left;
}
#cuisine .r_box{
	height:462px;
	background:url(../img/cuisine/right_bg.png) no-repeat top center;
}
#cuisine .r_box .title{
	margin:10px 0 27px 15px;}
#cuisine .r_box .title02{
	float:right;
	margin: 0 35px 0 60px;
}
#cuisine .r_box .text{
	width:555px;
	float:left;
	margin-left:15px;
}
#cuisine .r_box .full_content3,
#cuisine .r_box .full_content5{
	float:right;
	width:579px;
	height:238px;
	position:relative;
	margin-bottom:10px;}
#cuisine .l_box .full_content2,
#cuisine .l_box .full_content4{
	width:579px;
	height:238px;
	position:relative;
	float:left;
	margin-bottom:10px;
}

#cuisine .l_box .menu2,
#cuisine .r_box .menu3,
#cuisine .l_box .menu4,
#cuisine .r_box .menu5{
	width:229px;
	height:48px;
	list-style:none;
	text-align:center;
	display:block;
	cursor: pointer;
	margin-left:350px;
	color:#FFF;
	z-index:50;
}

#cuisine .l_box .menu2:hover,
#cuisine .r_box .menu3:hover,
#cuisine .l_box .menu4:hover,
#cuisine .r_box .menu5:hover{
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity = 70);
	-webkit-transition: all 0.3s linear 0.0s;
	-o-transition: all 0.3s linear 0.0s;
	transition: all 0.3s linear 0.0s;
}

#cuisine .l_box .content2,
#cuisine .r_box .content3,
#cuisine .l_box .content4,
#cuisine .r_box .content5{
	width: 347px;
	height: 238px;
	border: none;
	background: #FFF;
	top: 0;
	left:0;
	position: absolute;
}
/* ---------------------------------------- /
/
/ 温泉
/
/ ---------------------------------------- */
#onsen .container .mainContents .box01{
	margin-bottom:30px;}
#onsen .container .mainContents .box01 .slide01{
	width:369px;
	height:248px;
	float:right;}
#onsen .movie{
	float:left;
	margin-left:1.5em;}
#onsen .example{
	width:325px;
	float:right;}
	/* ---------------------------------------- /
/
/ 客室
/
/ ---------------------------------------- */
#room .photo{
	width:385px;
	float:left;
	margin-left:15px;
}
#room .example{
	width:310px;
	float:right;
}
#room .box01 .title{
	margin-bottom:30px;}
#room .m_box{
	width: 100%;
	margin-bottom: 50px;
}
#room .m_box .photo img{
	float:left;}
#room .box02,
#cuisine .box02{
	width:732px;
	height:370px;
	background:url(../img/guestroom/pet_bg.jpg) no-repeat top center;}
#room .full_content,
#cuisine .full_content{
	width:732px;
	height:370px;
	position:relative;
}
#room .box02 .title,
#cuisine .box02 .title{
	position:absolute;
	left:20px;
	top:20px;
}
#room .textbox,
#cuisine .textbox{
	width: 300px;
	position: absolute;
	top: 65px;
	left: 20px;
}

#room .menu,
#cuisine .menu{
	width:102px;
	height:79px;
	float:left;
	list-style:none;
	text-align:center;
	display:block;
	cursor: pointer;
	margin-top:235px;
	color:#FFF;
	z-index:50;
}

#room .menu:hover,
#cuisine .menu:hover{
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity = 70);
	-webkit-transition: all 0.3s linear 0.0s;
	-o-transition: all 0.3s linear 0.0s;
	transition: all 0.3s linear 0.0s;
}
#room .menu:first-child,
#cuisine .menu:first-child{
	margin-left:0;
}

#room .content,
#cuisine .content{
	width: 386px;
	height: 250px;
	border: none;
	background: #FFF;
	top: 65px;
	right: 18px;
	position: absolute;
}
/* ---------------------------------------- /
/
/ 館内施設
/
/ ---------------------------------------- */
#fac .kannaizu{
	overflow:hidden;
	width:697px;
	height:295px;
	background:url(../img/facilities/nakami_bg.jpg) no-repeat top center;
}
#fac .movie{
	width:348px;
	height:243px;
	float:left;
	margin:25px 15px 0 25px;}
#fac .r_box{
	width:290px;
	float:left;
	margin-top:25px;
}
#fac .r_box .title{
	text-align:right;
	margin-bottom:20px;}
/* ---------------------------------------- /
/
/ 料金・御予約
/
/ ---------------------------------------- */
/* テーブル */
#price .example{
	width:710px;
	margin: 0 auto;
	margin-bottom:40px;}
#price .example table {
border: 1px #000000 none;
border-collapse: collapse;
margin-bottom:1em;
table-layout:fixed;
}
#price .example td {
border: 1px #8e7b30 solid;
padding: 0.5em 0.5em;
text-align: center;
vertical-align: middle;
background-color:#fff;
color:#000;
}
#price .example th {
	text-align:right;
border: 1px #8e7b30 solid;
background-color: #28371d;
padding: 0.5em 1em;
}
#price .example .center{
	text-align:center;}
.w20{
	width:25%}
#price .banner_area{
	text-align:center;
	margin-bottom:40px;	
}
#price .text{
	width:710px;
	margin: 0 auto;
	margin-bottom:1em;}
#price .mainContents .mail_li{
	width:710px;
	margin: 0 auto;
	margin-bottom:2em;
}
#price .mail{
	width:710px;
	height:370px;
	background:url(../img/price/mail_bg.jpg) no-repeat top center;
	margin: 0 auto;
}
#price .mail .mail_con{
	width:650px;
	margin:0 auto;
	padding-top:25px;
}
#price .mail table{
	width:650px;
}
#price .mail th{
	text-align:right;
	vertical-align:top;
	padding-right:1em;
	padding-bottom:0.7em;
}
textarea,
input[type="text"] {
	background-color:#15170A;
	outline:0;
	border:1px solid #8e7b30;
	color:#fff;
}
/* ---------------------------------------- /
/
/ アクセス
/
/ ---------------------------------------- */
#access .title{
	margin-bottom:0.5em;
}
#access .text{
	margin:0 0 20px 30px;
}
/* ---------------------------------------- /
/
/ 周辺ガイド
/
/ ---------------------------------------- */
#map_canvas {
	width:100%;
	height:700px;
	margin-bottom:20px;
}
#sightseeing .nakami{
	width:350px;
	height:auto;
	background:#fff;
	color:#000;
	padding:10px 20px;
}
#sightseeing .nakami .photo{
	text-align:center;
	margin-bottom:1em;
	margin-top:1em;
}
#sightseeing h4{
	font-weight:bold;
	font-size:16px;
	color:#73925a;
	border-left: 7px solid #73925a;
	padding-left:7px;
	margin-bottom:0.3em;
}
#sightseeing .nakami a{
	color:#73925a;
}
#sightseeing .nakami a:hover{
	color:#73925a;
}

/* ---------------------------------------- /
/
/ FAQ
/
/ ---------------------------------------- */
#faq dl{
	width:710px;
	margin:0 auto;
}
#faq dt{
	font-size:14px;}
#faq dd{
	margin-bottom:1em;
	padding-bottom:1em;
	padding-top:0.5em;
	border-bottom:1px dotted #73925a;
}
/* ---------------------------------------- /
/
/ サイトマップ
/
/ ---------------------------------------- */
#sitemap dl{
	width:715px;
	margin:0 auto;
	margin-bottom:0.5em;
	padding-bottom:0.5em;
	border-bottom:1px dotted #73925a;}
#sitemap dt{
	font-weight:normal;
	text-align:center;
	width:150px;
	float:left;
	font-size:13px;
}
#sitemap dd{
	text-align:left;
	width:450px;
	float:left;
	padding:0;
}