@charset "utf-8";

@import url("../../css/common.css");

/* facilities
================================================================*/
/* pagetitle */
#pagetitle h1 {
	background-image: url(../image/txt_pagetitle.png);
	background-position: center 88px;
}

/* facilities 共通
------------------------------------------------- */
.fcbox-r {
	background: url(../image/bg_sstitle-r.png) repeat-y right top;
	position: relative;
}

.fcbox-r h3 {
	float: right;
	width: 42px;
	padding: 34px 4px 0 0;
	background:url(../image/i_sstitle.png) no-repeat 16px 15px;
}

.fcbox-l {
	background: url(../image/bg_sstitle-l.png) repeat-y left top;
	position: relative;
}

.fcbox-l h3 {
	float: left;
	width: 42px;
	padding: 34px 0 0 4px;
	background:url(../image/i_sstitle.png) no-repeat 20px 15px;
}

.fcbox-r h3 img,
.fcbox-l h3 img {
	display: block;
	margin: 0 auto;
}

.txt-ja {
	font-size: 108%;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

.txt-ja span.f-mustard {
	display: block;
	padding-top: 3px;
	color: #a58b00;
	font-size: 85%;
}

/* c-entrance
------------------------------------------------- */
#c-entrance {
	padding: 90px 0 80px 0;
	background: url(../image/bg_facilities01.jpg) no-repeat right top,
	url(../../common_img/bg_washi02.gif) repeat-x left bottom;
	/* for ie8 */
	-pie-background: url(/facilities/image/bg_facilities01.jpg) no-repeat right top, 
	url(/common_img/bg_washi02.gif) repeat-x left bottom;
	position: relative;
}

#c-entrance h2 {
	float: left;
	width: 98px;
}

.box-entrance {
	float: right;
	width: 701px;
	height: 275px;
	margin-bottom: 50px;
}

.box-entrance p {
	float: left;
	width: 655px;
}

.box-front {
	float: right;
	width: 701px;
	height: 200px;
	margin-bottom: 50px;
	position: relative;
}

.box-front .fcbox-r {
	width: 361px;
	float: left;
}

.p-front {
	float: left;
	width: 315px;
}

.box-front p.txt-front {
	float: right;
	width: 305px;
}

.p-fish {
	position: absolute;
	top: 85px;
	right: 0;
}

.box-robby {
	clear: both;
	width: 100%;
	height: 325px;
	position: relative;
}



/* c-rooms
------------------------------------------------- */
#c-rooms {
	padding: 80px 0 0 0;
	position: relative;
}

.c-rooms01box {
	width: 100%;
	background: url(../image/bg_facilities02.jpg) no-repeat left bottom;
}

#c-rooms h2 {
	float: right;
	width: 76px;
	padding-right: 9px;
}

.c-rooms02box {
	clear: both;
	width: 100%;
	padding: 40px 0;
	background: url(../../common_img/bg_washi.gif) repeat left top;
}

.c-rooms03box {
	width: 100%;
	padding: 60px 0 80px 0;
	background: url(../../common_img/bg_washi02.gif) repeat-x left bottom;
}

/* box-hiiragi */
.box-hiiragi {
	float: left;
	width: 701px;
	height: 545px;
	margin-bottom: 70px;
	position: relative;
}

.box-hiiragi h3 {
	height: 511px;
}

.box-hiiragi p.txt-hiiragi {
	float: left;
	width: 380px;
	padding: 20px 0 0 20px;
	position: relative;
}

.box-hiiragi p.txt-hiiragi img {
	position: absolute;
	right: -350px;
	top: 20px;
}

/* box-nanten */
.box-nanten {
	clear: both;
	width: 100%;
	height: 545px;
	margin-bottom: 70px;
	position: relative;
}

.box-nanten h3 {
	height: 511px;
}

.txt-nanten {
	width: 420px;
	height: 200px;
	padding: 20px 0 0 335px;
	background: url(../image/pm_nanten.jpg) no-repeat left 20px;
	position: relative;
}

.txt-nanten ul {
	position: absolute;
	bottom: 0;
}

.txt-nanten ul li {
	display: table-cell;
	padding-right: 20px;
}

/* box-table */
.box-table {
	width: 620px;
	margin: 0 auto;
	display: table;
}

.box-table dt,
.box-table dd {
	display: table-cell;
	vertical-align: middle;
}

.box-table dt {
	padding-right: 40px;
}

/* box-yamaboushi */
.box-yamaboushi {
	width: 100%;
	height: 545px;
	margin-bottom: 70px;
	position: relative;
}

.box-yamaboushi h3 {
	height: 511px;
}

.txt-yamaboushi {
	float: left;
	width: 384px;
	height: 200px;
	padding: 20px 385px 0 20px;
	background: url(../image/pm_yamaboushi.jpg) no-repeat right 20px;
}

/* box-keyaki */
.box-keyaki {
	clear: both;
	width: 100%;
	height: 545px;
	position: relative;
}

.box-keyaki h3 {
	height: 511px;
}

.txt-keyaki {
	float: left;
	width: 769px;
	height: 200px;
	padding: 20px 20px 0 0;
	position: relative;
}

.txt-keyaki ul {
	float: left;
	display: table;
	width: auto;
}

.txt-keyaki ul li {
	display: table-cell;
	padding-right: 20px;
}

/* c-others
------------------------------------------------- */
#c-others {
	padding: 80px 0 80px 0;
	position: relative;
}

#c-others h2 {
	float: left;
	width: 96px;
}

/* box-bath */
.box-bath {
	float: left;
	width: 326px;
	height: 195px;
	margin-left: 40px;
	position: relative;
}

.txt-bath {
	position: absolute;
	bottom: -20px;
	right: 0;
	font-size: 85%;
	text-align: right;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

/* box-restroom */
.box-restroom {
	float: right;
	width: 326px;
	height: 195px;
	margin-bottom: 60px;
	position: relative;
}

/* box-garden */
.box-garden {
	clear: both;
	width: 100%;
	height: 570px;
}

.box-garden h3 {
	height: 536px;
}

.box-garden ul {
	float: right;
	width: 789px;
	display: table;
}

.box-garden ul li {
	display: table-cell;
	padding: 20px 0 0 20px;
}

/* c-stay */
#c-stay {
	background: url(../image/bg_stay.gif) repeat-x left top;
	padding: 27px 0;
}

#c-stay dl {
	display: table;
	width: auto;
	max-width: 835px;
	margin: 0 auto;
}

#c-stay dl dt {
	display: table-cell;
	vertical-align: middle;
}

#c-stay dl dd {
	display: table-cell;
	vertical-align: middle;
	padding-left: 35px;
	color: #37271f;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

/* c-guide */
#c-guide {
	padding: 80px 0;
	background: url(../../common_img/bg_washi.gif) repeat;
}

#c-guide h2 {
	text-align: center;
	margin-bottom: 60px;
}

#roomguidebox {
	display: table;
	width: 740px;
	margin: 0 auto;
}

#roomguidebox dt {
	float: left;
	clear: both;
	width: 25%;
	padding: 10px 2.5%;
	margin-bottom: 1px;
	background: url(../../common_img/bg_grey15.png) repeat;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

#roomguidebox dd {
	float: left;
	width: 65%;
	padding: 10px 2.5%;
	margin-bottom: 1px;
	background: url(../../common_img/bg_wh60.png) repeat;
	font-size: 85%;
}