@charset "UTF-8";

/* 
	【共通】リンクボタン
	sq=グレー(g)｜ブルー(b)の背景色
 */
a.sq, a.rels {
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	font-size: 12px;
	height: 35px;
	line-height: 32px;
	margin: 3px 0px 0px 14px;
	padding: 0px;
	text-align: left;
	text-decoration: none;
	text-indent: 26px;
	width: 160px;
}
a.sq:hover {
	text-decoration: underline;
}
a.sqb {
	background-color: transparent;
	background-image: url(../imgs2/link/sq-b.gif);
	color: #ffffff;
}
a.sqg {
	background-color: transparent;
	background-image: url(../imgs2/link/sq-g.gif);
	color: #3a647f;
}
a.rels {
	background-color: transparent;
	background-image: url(../imgs2/link/rels.gif);
	color: #ffffff;
	line-height: 35px;
	text-indent: 30px;
}
a.rels:hover {
	text-decoration: underline;
}

/* 【共通】左メニュー＆右コンテンツの枠 */
div.page-main {
	background-image: url(../imgs2/bkg/main-mdl.gif);
	background-repeat: repeat-y;
	/*
	font-size: 0px;
	line-height: 0px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	width: 960px;
	*/
}
div.left-menuarea {
	float: left;
	padding: 24px 0px 0px 0px;
	width: 225px;
}
div.page-body {
	float: left;
	padding: 24px 0px 0px 0px;
	width: 700px;
	/*width: 735px;*/
}

/* 【共通】左メニューエリア内タイトル */
div.left-menuarea h3 {
	background-image: url(../imgs2/sidemenu/left-ttl.gif);
	background-position: left bottom;
	background-repeat: repeat-y;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "平成明朝", "細明朝", "ＭＳ Ｐ明朝", serif;
	font-size: 30px;
	letter-spacing: 1px;
	line-height: 36px;
	margin: 0px 0px 0px 3px;
	padding: 0px;
	text-align: left;
	text-indent: 40px;
	width: 200px;
}
div.left-menuarea h3#floorguidettl {
	letter-spacing: -3px;
	text-indent: 38px;
}
h3 span.jname {
	display: block;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "平成明朝", "細明朝", "ＭＳ Ｐ明朝", serif;
	font-size: 30px;
	letter-spacing: 1px;
	line-height: 36px;
	margin: 0px 0px 0px 40px;
	padding: 0px;
	text-align: left;
	width: 160px;
}
h3 span.ename {
	display: block;
	font-family: Palatino, Times, serif;
	font-size: 12px;
	height: 44px;
	line-height: 30px;
	text-indent: 40px;
}
/* 【共通】左メニュー */
div.left-menuarea ul {
	list-style-type: none;
	margin: 0px 0px 0px 3px;
	padding: 1px 0px 0px 0px;
	width: 200px;
}
div.left-menuarea ul.relmenu {
	padding: 5px 0px 0px 0px;
}
div.left-menuarea ul li {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
div.left-menuarea ul li a {
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	color: #747475;
	display: block;
	font-size: 12px;
	height: 35px;
	line-height: 35px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	text-indent: 60px;
	width: 100%;
}
div.left-menuarea ul li a.np {
	background-color: transparent;
	background-position: left bottom;
	color: #901d22;
}
div.left-menuarea ul li a:hover {
	background-color: transparent;
	background-position: left bottom;
	color: #901d22;
}
div.left-menuarea ul li a.solid {
	background-image: url(../imgs2/sidemenu/solid.gif);
}
div.left-menuarea ul li a.solid2 {
	background-image: url(../imgs2/sidemenu/solid2.gif);
}
div.left-menuarea ul li a.dotted {
	background-image: url(../imgs2/sidemenu/dotted.gif);
}
div.left-menuarea ul li a.dotted2 {
	background-image: url(../imgs2/sidemenu/dotted2.gif);
}
div.left-menuarea ul li a.square {
	background-image: url(../imgs2/sidemenu/square.gif);
	height: 40px;
	line-height: 45px;
	text-indent: 65px;
}
div.left-menuarea ul.relmenu li a.rels {
	background-image: url(../imgs2/sidemenu/rels.gif);
	background-position: right top;
	color: #ffffff;
	height: 40px;
	line-height: 40px;
	text-indent: 70px;
}
div.left-menuarea ul.relmenu li a.rels:hover {
	color: #ffffff;
	text-decoration: underline;
}
div.left-menuarea ul li a.none {
	background-image: url(../imgs2/sidemenu/none.gif);
}
div.left-menuarea ul li a.none2 {
	background-image: url(../imgs2/sidemenu/none2.gif);
}

/* 【共通】右コンテンツ：タイトル */
div.page-body div.page-ttl {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
div.page-ttl h3 {
	float: left;
	font-size: 28px;
	line-height: 36px;
	margin: 0px;
	padding: 3px 0px 0px 0px;
	text-align: left;
	width: 40%;
}
div.page-ttl p.ttl-read {
	float: left;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "平成明朝", "細明朝", "ＭＳ Ｐ明朝", serif;
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 60%;
}
div.page-ttl div.j2flr {
	float: left;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 12px 0px 0px 0px;
	text-align: right;
	width: 60%;
}

/* 
	【共通】段落
	・客室・温泉・食事…
 */
div.page-body div.lbox {
	border-bottom: 1px solid #c0c0c0;
	margin: 0px;
	padding: 20px 0px;
	width: 100%;
}
div.lbox div.ph-area {
	float: left;
	width: 526px;
}
div.lbox div.txt-area {
	float: left;
	font-size: 0px;
	line-height: 0px;
	padding: 44px 0px 0px 0px;
	width: 174px;
}
div.txt-area h4, div.txt-area2 h4 {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
div.txt-area h4 a, div.txt-area2 h4 a {
	background-color: transparent;
	background-image: url(../imgs2/link/sqarrow.gif);
	background-position: left center;
	background-repeat: no-repeat;
	color: #1b1211;
	display: block;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "平成明朝", "細明朝", "ＭＳ Ｐ明朝", serif;
	font-size: 20px;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	text-decoration: none;
	text-indent: 14px;
	width: 100%;
}
div.txt-area h4 a:hover, div.txt-area2 h4 a:hover {
	text-decoration: underline;
}
div.txt-area p.info {
	background-color: transparent;
	color: #3b3b3b;
	font-size: 12px;
	line-height: 18px;
	margin: 0px 0px 0px 14px;
	padding: 0px;
	text-align: left;
	width: 160px;
}
div.txt-area p.spec {
	background-color: transparent;
	color: #3b3b3b;
	font-size: 10px;
	line-height: 18px;
	margin: 0px 0px 0px 14px;
	padding: 0px 0px 4px 0px;
	text-align: left;
	width: 160px;
}
/* 食事のみ */
div.ph-area div.ph-l {
	float: left;
	width: 298px;
}
div.ph-area div.photos2 {
	float: left;
	width: 219px;
}
div.photos2 div.photo {
	float: left;
	height: 115px;
	width: 115px;
}
div.photos2 div.photo2last {
	float: left;
	width: 104px;
}
div.photos2 div.photo2btm {
	height: 104px;
}
a.sq50g {
	background-color: transparent;
	background-image: url(../imgs2/link/sq-50g.gif);
	background-position: top left;
	color: #3a647f;
	line-height: 16px;
	padding: 8px 0px 7px 0px;
	width: 160px;
}
a.sq50g span {
	display: block;
	text-indent: 26px;
	width: auto;
}
/* 食事のみここまで */

/* 
	【共通】中サイズ段落
	・客室、温泉…
 */
div.lbox h5 {
	background-color: transparent;
	color: #850018;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "平成明朝", "細明朝", "ＭＳ Ｐ明朝", serif;
	font-size: 21px;
	letter-spacing: 5px;
	line-height: 28px;
	margin: 0px;
	padding: 0px 0px 8px 0px;
	text-align: center;
}
div.mbox {
	float: left;
	text-align: left;
	width: 336px;
}
div.mbox-lft {
	width: 364px;
}
div.mbox div.ph-area2, div.mbox div.txt-area2 {
	width: 336px;
}
div.txt-area2 h4 a {
	font-size: 18px;
	line-height: 28px;
}
div.txt-area2 p.info {
	background-color: transparent;
	color: #3b3b3b;
	font-size: 12px;
	line-height: 18px;
	margin: 0px 0px 0px 14px;
	padding: 0px;
	text-align: left;
	width: 322px;
}
div.txt-area2 span.spec {
	font-size: 10px;
}
div.mbox div.btn-area2 {
	margin: 0px 0px 0px 9px;
	padding: 2px 0px 0px 0px;
	width: 327px;
}
div.mbox div.btn-area2 a.sq {
	background-position: right center;
	float: left;
	margin: 0px;
	height: 27px;
	line-height: 27px;
	text-indent: 30px;
	width: 160px;
}
div.mbox div.btn-area2 a.sqg {
	background-image: url(../imgs2/link/sq-g27.gif);
	width: 165px;
}

/* 温泉 */
div.page-body h5.cttl {
	background-color: #221815;
	color: #ffffff;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "平成明朝", "細明朝", "ＭＳ Ｐ明朝", serif;
	font-size: 16px;
	line-height: 21px;
	margin: 0px;
	padding: 4px 0px;
	text-indent: 9px;
	width: 100%;
}
div.page-body h5.cttl span.c-info {
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 21px;
}
div.spa-guidance {
	padding: 12px 0px 20px 0px;
	width: 100%;
}
div.mbox-bdrr {
	background-image: url(../imgs2/bdr-r.gif);
	background-position: right top;
	background-repeat: repeat-y;
}
div.mbox h6 {
	background-color: transparent;
	color: #000000;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "平成明朝", "細明朝", "ＭＳ Ｐ明朝", serif;
	font-size: 18px;
	line-height: 24px;
	margin: 0px;
	padding: 4px 0px;
	text-align: left;
	width: 336px;
}
div.mbox p.spa-info {
	background-color: transparent;
	color: #3e3e3e;
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 336px;
}
div.mbox p.spa-guide {
	background-color: transparent;
	color: #3b3b3b;
	font-size: 10px;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 336px;
}
p.spa-scdl-notice {
	background-color: transparent;
	color: #000000;
	font-size: 10px;
	line-height: 16px;
	margin: 0px 10px 0px 18px;
	padding: 0px 0px 18px 0px;
	text-align: left;
	width: 672px;
}

/* ブログ・リンク・お問い合わせ等 */
h3.main-ttl {
	background-image: url(../imgs2/bkg/main-ttl.gif);
	background-position: left bottom;
	background-repeat: repeat-y;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "平成明朝", "細明朝", "ＭＳ Ｐ明朝", serif;
	font-size: 30px;
	letter-spacing: 1px;
	line-height: 36px;
	margin: 0px 0px 0px 3px;
	padding: 24px 0px 0px 0px;
	text-align: left;
	text-indent: 40px;
	width: 910px;
}
h3.main-ttl a {
	background-color: transparent;
	color: #000000;
	text-decoration: none;
}


/* フロアガイド */
div.floor-area {
	background-image: url(../imgs2/floorguide/bdrbtm.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding: 0px 0px 10px 0px;
	width: 100%;
}


/* 客室-貸し出し品のみ */
div.illust-ph {
	width: 180px;
	float: left;
}
div.illust-txt {
	width: 156px;
	float: left;
}
div.illust-txt h4{
	background-color: transparent;
	color: #1b1211;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "平成明朝", "細明朝", "ＭＳ Ｐ明朝", serif;
	font-size: 20px;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 100%;
}
div.illust-txt p {
	background-color: transparent;
	color: #3b3b3b;
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 100%;
}
div.illust-txt p.s {
	background-color: transparent;
	color: #3b3b3b;
	font-size: 10px;
	line-height: 12px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 100%;
}


/* 日帰り旅行のご案内のみ */
div.dayttlarea {
	float: left;
	padding: 24px 0px 0px 0px;
	width: 225px;
}
h3.ttl {
	margin: 0px 0px 0px 3px;
	padding: 0px;
	text-align: left;
	text-align: center;
	width: 200px;
}
div.daytrip-ttl {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}
p.beigebox {
	background-color: #e7e1d4;
	color: #3b3b3b;
	font-size: 12px;
	line-height: 14px;
	margin: 10px 0px 0px 0px;
	padding: 8px 0px;
	text-align: left;
	width: 100%;
}
div.dinnerbox {
	border-bottom: 1px solid #c0c0c0;
	margin: 8px 0px 20px 0px;
	padding: 0px;
	text-align: left;
	width: 100%;
}
div.graybox {
	background-color: #ebebeb;
	border-top: 1px dotted #c0c0c0;
	color: #3b3b3b;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	text-align: left;
	width: 100%;
}
div.whitebox {
	background-color: #ffffff;
	border-top: 1px dotted #c0c0c0;
	color: #3b3b3b;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	text-align: left;
	width: 100%;
}
h4.d-sttl {
	background-color: transparent;
	color: #000000;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "平成明朝", "細明朝", "ＭＳ Ｐ明朝", serif;
	font-size: 20px;
	line-height: 24px;
	margin: 0px;
	padding: 8px 0px 0px 0px;
	text-align: left;
	text-indent: 15px;
	width: 100%;
}
p.d-intro {
	background-color: transparent;
	color: #333333;
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	padding: 2px 0px 0px 0px;
	text-align: left;
	text-indent: 15px;
	width: 100%;
}