@charset "utf-8";

/* page-main-visual */
#page-main-visual {
	margin: 124px auto 0;
}	

/* top-area */
#top-area {
	background: url(../img/facility_bg01.jpg) repeat-y center 0;
	margin: 0 auto;
	padding: 50px 0;
}
#top-area .txt {
	background: url(../img/fac01_img01.png) no-repeat center bottom;
	padding: 0 0 90px;
	margin: 30px auto 40px;
}
#top-area .txt dt {
	font-size: 24px;
	line-height: 1.6;
	margin-bottom: 10px;
}
#top-area .txt dd {
	font-size: 20px;
	line-height: 1.8;
}
#top-area .btns {
	margin: 0 auto;
	overflow: hidden;
	width: 640px;
}
#top-area .btns li {
	float: left;
	margin: 0 10px 13px 10px;
}
#top-area div.movie{
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
    margin: 0 20px 30px;
}
 
#top-area iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}


.ttl {
	margin: 0 auto 32px;
}
.txtbox {
	margin: 28px 0 32px;
	text-align: left;
}
.txtbox dt {
	background: url(../../img/dot_line01.png) no-repeat left bottom;
	padding: 0 20px 14px;
	width: 355px;
	font-size: 30px;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color:#d78889;
	line-height: 1.3;
}
.txtbox dd {
	font-size: 26px;
	text-align: left;
	line-height: 1.6;
	padding: 10px 20px 0;
}

.facility-block {
	background: url(../img/facility_bg01.jpg) repeat-y center top;
	padding-bottom: 30px;
	margin-bottom: 40px;
}

#entrance .txtbox {
	background: url(../img/ent_img03.png) no-repeat 375px top;
}
#front .txtbox {
	background: url(../img/front_img03.png) no-repeat 8px top;
	padding-left: 295px;
}
#front .txtbox dt {
	padding: 0 15px 14px 0;
	width: auto;
}
#front .txtbox dd {
	padding: 10px 15px 0 0;
}
#spa .txtbox {
	background: url(../img/spa_img03.png) no-repeat 348px top;
}
#afterbath .txtbox {
	background: url(../img/after_img03.png) no-repeat 8px top;
	padding-left: 325px;
}
#afterbath .txtbox dt {
	padding: 0 15px 14px 0;
	width: auto;
}
#afterbath .txtbox dd {
	padding: 10px 15px 0 0;
}
#eating .txtbox {
	background: url(../img/eating_img03.png) no-repeat 335px top;
	padding-bottom: 15px;
}
#room .txtbox {
	background: url(../img/room_img03.png) no-repeat 8px top;
	padding-left: 317px;
}
#room .txtbox dt {
	padding: 0 15px 14px 0;
	width: auto;
}
#room .txtbox dd {
	padding: 10px 15px 0 0;
}

#room .img-main {
	position: relative;
	width: 100%;
	overflow: hidden;
	height:892px;
}