@charset "utf-8";
/*===============================================
			body
===============================================*/
#mainImgArea{
	min-width: 1170px;
	position: relative;
	margin-bottom: 30px;
}
#mainImgArea img{
	width: 100%;
}
#mainImgArea .swapArea{
	position: absolute;
}
#mainImgArea h1{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 99;
	margin-top: -40px;
	margin-left: -225px;
}
#mainImgArea .thumbsArea{
	margin-top: -30px;
	z-index:10000;
}
/*===============================================
			body
===============================================*/
#headArea{
	text-align: center;
	padding-bottom: 3em;
}
#headArea .container {
	width: 1170px;
}
#headArea h1{
	margin-bottom: 0.5em;
	font-size: 260%;
	line-height: 2.0;
	text-align: center;
}
#headArea h2{
	padding-bottom: 0.5em;
	margin:0.5em 0 0.5em;
	border-bottom: solid 1px #e3e0e0;
	font-size: 260%;
	line-height: 1.6;
}
#headArea .jcarousel {
	position: relative;
	width: 1000px;
	overflow: hidden;
	margin: 0 84px;
}
#headArea .jcarousel ul {
	width: 20000em;
	position: relative;
}
#headArea .jcarousel li {
	width: 1000px;
	overflow: hidden;
	float: left;
	text-align: center;
}
#headArea .jcarousel-control-prev,
#headArea .jcarousel-control-next {
	position: absolute;
	top: 50%;
	margin-top: -80px;
}
#headArea .jcarousel-control-prev {
	left: 0px;
}
#headArea .jcarousel-control-next {
	right: 0px;
}
/*===============================================
				#headArea2
===============================================*/
#headArea2 .textArea{
	position: relative;
	width: 700px;
	margin: 50px 45px;
}
#headArea2  h1{
	margin-bottom: 0.5em;
	font-size: 260%;
	line-height: 2.0;
	text-align: center;

	padding-bottom: 0.5em;
	margin-bottom: 1em;
	border-bottom: solid 1px #e3e0e0;
}
.onsen  h1{
	margin-bottom: 0.5em;
	font-size: 260%;
	line-height: 2.0;
	text-align: center;

	padding-bottom: 0.5em;
	margin-bottom: 1em;
	border-bottom: solid 1px #e3e0e0;
}

/*===============================================
				contentsList
===============================================*/
#contentsList .container{
	width: 1170px;
}
#contentsList h1{
	display: none;
}
#contentsList ul{
	margin: 0 -7px;
}
#contentsList li{
	width: 360px;
	margin: 0 17px;
	float: left;
}
#contentsList li a{
	color: #333333;
}
#contentsList h2{
	margin: 20px 0 0;
	text-align: center;
	font-weight: bold;
	font-size: 160%;
}

/*===============================================
				planList
===============================================*/
#planList h1{
	margin-bottom: 1em;
	font-size: 260%;
	line-height: 1.2;
	text-align: center;
}
#planList h1 span{
	display: block;
	font-size: 80%;
}
#planList .container {
	width: 1170px;
}
#planList .jcarousel {
	position: relative;
	width: 1092px;
	overflow: hidden;
	margin: 0 30px 30px;
}
#planList .jcarousel ul {
	width: 20000em;
	position: relative;
}
#planList .jcarousel li {
	width: 340px;
	overflow: hidden;
	margin: 0 17px;
	float: left;
	text-align: center;
}
#planList .jcarousel li img{
	max-width: 340px;
	max-height: 250px;
}
#planList .jcarousel li a{
	display: block;
	color: #333;
}
#planList .jcarousel h2{
	margin: 1em 0;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.6;
}
#planList .jcarousel h2 img{
	display: none;
}
#planList aside{
	text-align: center;
}
#planList .jcarousel-control-prev,
#planList .jcarousel-control-next {
	position: absolute;
	top: 50%;
	margin-top: -60px;
}
#planList .jcarousel-control-prev {
	left: 0px;
}
#planList .jcarousel-control-next {
	right: 0px;
}
/*===============================================
				MapArea
===============================================*/
#MapArea{
	padding-bottom: 0;
	margin-bottom: -10px;
	text-align: center;
}
#MapArea img{
	display: none;
}
#MapArea iframe{
	margin-top: 30px;
}
#MapArea h1{
	margin-bottom: 1em;
	font-size: 260%;
	line-height: 1.2;
	text-align: center;
}
#MapArea h1 span{
	display: block;
	font-size: 80%;
}

/*===============================================
				spa
===============================================*/
#spa #headArea{
	text-align: center;
	padding-bottom: 5em;
}
#spa .container{
	width: 1000px;
}
#spa #headArea h1{
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	border-bottom: solid 1px #e3e0e0;
	font-size: 260%;
	line-height: 1.6;
}
#spa #headArea ul{
	padding: 5px 0;
	margin: 70px -85px 0;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
#spa #headArea ul li{
	display: inline;
	float: left;
	border-left: solid 1px #cccccc;
}
#spa #headArea ul li:first-child{
	border: none;
}
#spa .spa-list .container{
	width: 950px;
}
#spa .spa-list h1{
	margin-bottom: 20px;
	font-size: 240%;
	line-height: 1.6;
	text-align: center;
}
#spa .spa-list .swapArea{
	height: 500px;
	margin-bottom: 40px;
}
#spa .spa-list .thumbsArea{
	margin-top: -70px;
}
#spa .spa-list .imgArea{
	width: 400px;
	margin-left: 40px;
}
#spa .spa-list .textArea{
	width: 470px;
	margin-top: 10px;
}
#spa .spa-list2 .container{
	width: 1070px;
}
#spa .spa-list2 h1{
	margin-bottom: 60px;
	font-size: 200%;
	line-height: 1.6;
	text-align: center;
}
#spa .spa-list2 .swapArea{
	height: 400px;
}
#spa .spa-list2 .thumbsArea{
	margin-top: -30px;
}
#spa .spa-list2 .imgArea{
	width: 600px;
}
#spa .spa-list2 .textArea{
	width: 430px;
	margin-top: 20px;
}

/*===============================================
				cuisine
===============================================*/
#cuisine .container{
	width: 1000px;
}
#cuisine #headArea{
	text-align: center;
	padding-bottom: 3em;
}
#cuisine #headArea h1{
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	border-bottom: solid 1px #e3e0e0;
	font-size: 260%;
	line-height: 1.6;
}
#cuisine #cuisine .container{
	width: 950px;
}
#cuisine #cuisine h1{
	text-align: center;
	padding-bottom: 0.5em;
	font-size: 240%;
	line-height: 1.4;
}
#cuisine #cuisine h1 span{
	font-size: 80%;
	display: block;
}
#cuisine #cuisine .swapArea{
	height: 500px;
	margin:0 0 40px;
}
#cuisine #cuisine .thumbsArea{
	margin-top: -70px;
}
#cuisine #cuisine .floatLeft{
	width: 400px;
	margin-left: 35px;
}

#cuisine #cuisine .floatRight{
	width: 460px;
	margin-right: 15px;
}
#cuisine .feature-area .imgArea{
	width: 500px;
}
#cuisine .feature-area .textArea .img-box img{
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -150px;
}
#cuisine .feature-area  .img-box{
	padding-top: 200px;
}
#cuisine .feature-area .textArea{
	position: relative;
	width: 400px;
	min-height: 500px;
	margin: 0 45px;
}
#cuisine .feature-area h1{
	text-align: center;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	border-bottom: solid 1px #e3e0e0;
	font-size: 240%;
	line-height: 1.4;
}
#cuisine .feature-area h1 span{
	font-size: 80%;
	display: block;
}



/*===============================================
				room
===============================================*/
#room #headArea{
	text-align: center;
	padding-bottom: 5em;
}
#room .container{
	width: 1000px;
}
#room #headArea h1{
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	border-bottom: solid 1px #e3e0e0;
	font-size: 260%;
	line-height: 1.6;
}

#room #headArea ul{
	padding: 5px 0 10px;
	margin: 70px -85px 0;
	border-top: solid 1px #cccccc;
}
#room #headArea ul li{
	display: inline;
	float: left;
	border-left: solid 1px #cccccc;
	margin-bottom: -5px;
}
#room #headArea ul:last-child{
	margin-top: 0;
	border-bottom: solid 1px #e3e0e0;
}
#room #headArea ul li:first-child{
	border: none;
}
#room .room-list .container{
	width: 910px;
}
#room .room-list h1{
	margin-bottom: 20px;
	font-size: 240%;
	line-height: 1.6;
	text-align: center;
}
#room .room-list h1 span{
	display: block;
	font-size: 80%;
}
#room .room-list .imgArea,
#room .room-list .swapArea{
	height: 500px;
	margin:0 -20px 40px;
}
#room .room-list .thumbsArea{
	margin-top: -70px;
}
#room .room-list .floatLeft{
	width: 600px;
}
#room .room-list .floatLeft th{
	width: 120px;
	vertical-align: top;
}
#room .room-list .floatRight{
	width: 255px;
}
#room .room-list .floatRight img{
	float: right;
}
#room .room-list .floatRight p{
	clear: both;
	line-height: 2.4;
	text-indent: 5px;
	border-bottom: dotted 1px #000000;
}
#room .room-list .floatRight strong{
	margin-right: 1em;
}
#room .room-list .btnArea{
	margin-top: -1em;
	text-align: right;
}
#room #Amenities h1{
	margin-bottom: 40px;
	font-size: 240%;
	line-height: 1.6;
	text-align: center;
}
#room #Amenities .container{
	width: 950px;
}
#room #Amenities table{
	width: 100%;
	border-top: dotted 1px #000000;
}
#room #Amenities th{
	width: 290px;
	vertical-align: top;
	text-indent : 30px;
}
#room #Amenities th,
#room #Amenities td{
	padding: 25px 0;
	border-bottom: dotted 1px #000000;
}