@charset "Shift_JIS";

body {
	background: url(img/bg.gif) repeat-x #acc275;
}

img {
	border: none;
	vertical-align: top;
}

h1,h2,h3,h4,h5,p,ul,li,form {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	line-height:100%;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.hp_outline {
width: 950px;
overflow: hidden;
}

.hp_head {
	position: relative;
}

.hp_head p.headbtn {
	position: absolute;
	top: 110px;
	left: 525px;
}

.hp_head p.headbtn a{
	margin-right: 13px;
}

.hp_navi ul {
	list-style: none;
	height: 64px;
	overflow: hidden;
}

.hp_navi ul li {
	float: left;
}

.hp_main {
	clear: both;
	background:url(img/side_bg.gif) repeat-y center;
	overflow: hidden;
	width:950px;
}

.hp_main .hp_left {
	float: left;
	width: 241px;
	text-align: center;
}

.hp_main .hp_left .hp_search {
	margin: 20px auto 15px auto;
	padding: 0px 0px 10px 0px;
	width: 210px;
	background: url(img/search_bg.gif) repeat-x #eeeccd;
	font-size: 12px;
	color: #666666;
}

.hp_main .hp_left .hp_search dl {
	margin: 5px 10px 0px 10px;
	text-align: left;
}

.hp_main .hp_left .hp_search dl dt{
	margin: 5px 0px;
}

.hp_main .hp_left .hp_search dl dd.btn{
	margin-top: 10px;
	text-align: center;
}

.hp_main .hp_left ul {
	margin-top: 10px;
	list-style: none;
}

.hp_main .hp_left ul li{
	margin-bottom: 10px;
}


.hp_main .hp_right {
	padding: 0px 0px 0px 0px;
	float: right;
	width: 709px;
	text-align: center;
	background: url(img/body_bg.jpg) no-repeat top #FFF;
}


.hp_foot {
	background: url(img/foot_bg.gif) repeat-x #1f3418;
	color: #fff;
	clear: both;
}

.hp_foot .hp_footnavi {
	padding: 10px 20px;
}

.hp_foot .hp_footnavi p.pagetop {
	float: right;
}

.hp_foot .hp_copy {
	font-size: 10px;
	position: relative;
}

.hp_foot .hp_copy p.adress {
	padding: 10px 20px;
	float: left;
}

.hp_foot .hp_copy p.copy {
	padding: 10px 20px;
	text-align: right;
}


.top_contentsbox {
	overflow: hidden;
	padding-bottom: 15px;
	_overflow: visible;
}

.top_contentsbox ul.imglist {
	list-style: none;
	margin: 10px -15px 20px 15px;
}

.top_contentsbox ul.imglist li {
	float: left;
	margin: 0px 10px 0px 0px;
}

.osusume {
	overflow: hidden;
	background: #fff;
	margin: 0px 15px 15px 15px;
}

.osusumeplan {
		padding: 20px 0px 15px 20px;
}

.osusume .plan {
	float: left;
	width: 329px;
	text-align: left;
}

.osusume .plan p.photo {
	margin: 0px 0px 10px 0px;
}

.osusume .plan table {
	margin: 0px 0px 10px 0px;
	border-collapse: separate;
	border-spacing:: 5px;
	width: 310px;
}

.osusume .plan table td {
	padding: 5px;
	font-size: 14px;
}

.osusume .plan table td.voice{
	border: 1px solid #2c4a22;
	color: #2c4a22;
	text-align: center;
}
.osusume .plan table td.scale{
	background: #2c4a22;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.osusume .plan table td.star{
	width: 35%;
}

.osusume p.planname {
	margin: 0px 10px 5px 0px;
	font-size: 14px;
	font-weight: bold;
	line-height: 140%;
	color: #2c4a22;
}

.osusume p.planexp {
	margin: 0px 10px 0px 0px;
	font-size: 14px;
	line-height: 140%;
	color: #2c4a22;
}

.osusume p.planexp a {
		color: #2c4a22;
		font-weight: bold;
}

.info {
	margin: 0px 15px 15px 15px;
}

.info .infobox {
	background: #b28850;
	height: 200px;
	overflow-y: scroll
}

.info .infobox .infobody {
	padding: 10px 10px 0px 10px;
	text-align: left;
}

.info .infobox .infobody .infocontents {
	padding-bottom: 10px;
	border-bottom: 1px solid #6a3906;
}

.info .infobox .infobody p.photo {
	float: left;
	width: 80px;
}

.info .infobox .infobody p.infotitle {
	margin-left: 95px;
	color: #fff45c;
	font-size: 14px;
	font-weight: bold;
	line-height: 150%;
}

.info .infobox .infobody p.infotext {
	margin-left: 95px;
	color: #ffffff;
	font-size: 12px;
	line-height: 150%;
}

.info .infobox .infobody a {
	color: #fff45c;
}

.contentsbox {
	overflow: hidden;
	position: relative;
}

.contentsbox p.btn_spa {
	position: absolute;
	top: 153px;
	left: 24px;
}

.contentsbox p.btn_sight {
	position: absolute;
	top: 144px;
	left: 24px;
}

.contentsbox p.btn_facility {
	position: absolute;
	top: 112px;
	left: 24px;
}

.contentsbox p.btn_room {
	position: absolute;
	top: 112px;
	left: 24px;
}


.contentsbox p.btn_cuisine {
	position: absolute;
	top: 112px;
	left: 24px;
}

.spa_box {
	width: 679px;
	margin: 0px auto 15px auto;
		position: relative;
}

.spa_box p.btn {
	position: absolute;
	top: 380px;
	left: 514px;
}

.spa_box p.btn02 {
	position: absolute;
	top: 380px;
	left: 5px;
}

.spa_info {
	margin: 0px 15px;
	text-align: left;
}

.spa_info h4{
	margin-bottom: 5px;
}

.spa_info .spa_infobox {
	background: url(img/spainfo_bg.jpg) no-repeat top center;
	padding: 0px 15px 0px 345px;
	height: 230px;
}

.spa_infobox h5 {
	padding: 20px 0px 0px 0px;
}
.spa_info .spa_infobox table {
	margin: 5px 20px 0px 2px;
}

.spa_info .spa_infobox table td{
	vertical-align: top;
	padding: 0px;
}

.spa_info .spa_infobox table td.td01{
 width: 20%;
}

.spa_info .spa_infobox p {
	margin: 10px 20px 0px 2px;
	font-size: 12px;
}

.map {
	width: 679px;
	height: 660px;
	margin: 0px auto;
	background-color: #a2a068;
	overflow:hidden;
}

#gmap {
	padding: 5px;
}

.mapinfo {
	background:url(img/sightseeng_info_bg.jpg) no-repeat top;
	margin: 0px auto;
	width: 679px;
	height: 320px;
	text-align: left;
}

.mapinfo .infobox {
	padding: 15px 20px;
}

.mapinfo .infobox h4 {
	margin: 0px 0px 10px 0px;
}

.mapinfo .infobox p {
	margin: 0px 3px 15px 3px;
	font-size: 12px;
	line-height: 140%;
}

.facility_contents01 {
	margin: 0px auto;
	width: 679px;
	height: 215px;
	background:url(img/facility01_bg.jpg) no-repeat top;
	position: relative;
}

.facility_contents01 .facility_body {
	padding: 5px 10px 10px 445px;
	text-align: left;
	color: #fff;
}

.facility_contents02 {
	margin: 0px auto;
	width: 679px;
	height: 215px;
	background:url(img/facility02_bg.jpg) no-repeat top;
	position: relative;
}

.facility_contents02 .facility_body {
	padding: 5px 445px 10px 10px;
	text-align: left;
	color: #fff;
}

.facility_body p {
		margin: 0px 0px 5px 0px;
font-size: 12px;
	line-height: 150%;
}

.facility_box02 {
	margin-top: 15px;
}

.room01_contents {
	margin: 0px auto;
	width: 679px;
	height: 235px;
	background:url(img/room01_bg.jpg) no-repeat top;
	position: relative;
}

.room01_contents .room01_body {
	padding: 5px 5px 10px 352px;
	text-align: left;
	color: #fff;
}
.room01_body p.txt{
	margin: 5px 5px;
	font-size: 12px;
	line-height: 150%;
}

.room02 {
	margin-top: 15px;
}

.room02_contents {
	margin: 0px auto;
	width: 679px;
	height: 235px;
	background:url(img/room02_bg.jpg) no-repeat top;
	position: relative;
}

.room02_contents .room02_body {
	padding: 5px 352px 10px 5px;
	text-align: left;
	color: #fff;
}
.room02_body p.txt{
	margin: 5px 5px;
	font-size: 12px;
	line-height: 150%;
}

.room_info {
	width: 679px;
	margin: 15px auto 0px auto;
	text-align: left;
}

.room_info h4 {
	margin-bottom: 5px;
}

.room_infobox {
	height: 220px;
	padding: 0px 5px 0px 345px;
	background: url(img/roominfo_bg.jpg) no-repeat top;
}

.room_infobox h5 {
	padding: 20px 0px 0px 0px;
}

.room_infobox p {
	margin: 10px 15px 0px 0px;
	font-size: 14px;
	line-height:150%;
}

.cuisine01 {
	margin: 0px auto;
	width: 679px;
	text-align: left;
}

.cuisine01_contents {
	height: 270px;
	background: url(img/cuisine01_bg.jpg) no-repeat top;
	position: relative;
}

.cuisine01_contents .cuisine01_body {
	padding: 5px 291px 10px 5px;
	text-align: left;
	color: #fff;
}
.cuisine01_body p.txt{
	margin: 5px 5px;
	font-size: 12px;
	line-height: 150%;
}

.cuisine02 {
	margin: 15px auto 0px auto;
	width: 679px;
	text-align: left;
}

.cuisine02_contents {
	height: 270px;
	background: url(img/cuisine02_bg.jpg) no-repeat top;
	position: relative;
}

.cuisine02_contents .cuisine02_body {
	padding: 5px 291px 10px 5px;
	text-align: left;
	color: #fff;
}
.cuisine02_body p.txt{
	margin: 5px 5px;
	font-size: 12px;
	line-height: 150%;
}

.menu {
	background:url(img/cuisine_menu_bg.jpg) no-repeat top;
	width:384px;
	height:151px;
	position: absolute;
	top:119px;
	left: 5px;
}

.menu ul {
	list-style: none;
	color: #666;
	padding: 13px 13px 13px 55px;
}

.menu ul li{
	font-size: 12px;
	margin-bottom: 5px;
	font-weight: bold;
}

.menu ul li.etc{
	text-align: right;
}

.cuisineplan {
	background-color: #fbf5ec;
	border: 5px solid #2c4a23;
	padding: 10px;
}

.cuisineplan a {
	color: #2c4a22;
}

.cuisineplan p.photo {
	float: left;
}

.cuisineplan p.planname {
	margin: 0px 0px 10px 110px;
	font-size: 14px;
	font-weight: bold;
}

.cuisineplan p.planterm {
	margin: 0px 0px 10px 110px;
	font-size: 12px;
	color: #666;
	font-weight: bold;
}

.cuisineplan p.planexp {
	margin: 0px 0px 10px 110px;
	font-size: 12px;
}

.cuisineplan p.btn {
	margin: 0px 0px 0px 110px;
}

.food {
	margin: 15px auto 0px auto;
	width: 679px;
	text-align: left;
}

.food .menu01 {
	position: relative;
}

.food .menu01 ul{
	position: absolute;
	top: 0px;
	left: 0px;
	list-style: none;
	color: #666;
	padding: 30px 515px 30px 15px;
}

.food .menu01 ul li{
	font-size: 12px;
	margin-bottom: 10px;
	font-weight: bold;
}

.food .menu02 {
	position: relative;
}

.food .menu02 ul{
	position: absolute;
	top: 0px;
	left: 0px;
	list-style: none;
	color: #666;
	padding: 30px 15px 30px 440px;
}

.food .menu02 ul li{
	font-size: 12px;
	margin-bottom: 15px;
	font-weight: bold;
}

.food .nemu01 ul li.etc{
	text-align: right;
}

.footbanner {
		margin: 30px auto 20px auto;
		width: 679px;
	}

.footbanner ul {
	list-style: none;
	height: 184px;
}

.footbanner ul li {
	float: left;
}

.footbanner p{
	margin: 10px 0px 0px 0px;
}