@charset "UTF-8";

body {	background: #ffffff url(../imgs2/bkg/cmn.gif) top center repeat-x;
	color: #000000;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "平成ゴシック", "MS UI Gothic", "ＭＳ Ｐゴシック", "Lucida Grande", sans-serif;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 100%;
}
img {	border: none;	}
.lsp1 {	letter-spacing: 1px;	}
.lsm1 {	letter-spacing: -1px;	}
.area {	display: block; font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; text-align: left; width: 100%;	}
.flt-l {	float: left;	}
.flt-r {	float: right;	}
.clrb {	clear: both;	}
.fgo {	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "平成ゴシック", "MS UI Gothic", "ＭＳ Ｐゴシック", sans-serif;	}
.fmin {	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "平成明朝", "細明朝", "ＭＳ Ｐ明朝", serif;	}

div.page {
	margin: 0px auto;
	text-align: center;
	width: 966px;
	z-index: 1;
}

/* ヘッダー */
div.header {
	text-align: left;
	width: 100%;
}
div.header h1 {
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "平成明朝", "細明朝", "ＭＳ Ｐ明朝", serif;
	float: left;
	font-size: 12px;
	line-height: 33px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	text-indent: 10px;
	width: 57%;
}
div.header h1 a {
	background-color: transparent;
	color: #ffffff;
	text-decoration: none;
}
div.header ul {
	float: left;
	height: 33px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: right;
	width: 43%;
}
div.header ul li {
	background-image: url(../imgs2/hdr/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-right: 1px solid #ffffff;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 21px;
	line-height: 21px;
	margin: 0px;
	padding: 5px 5px 0px 0px;
	text-indent: 10px;
	width: auto;
}
div.header ul li a {
	background-color: transparent;
	color: #ffffff;
	text-decoration: none;
}
div.header h2 {
	float: left;
	height: 75px;
	margin: 0px;
	padding: 0px;
	width: 240px;
}
div.header p.read {
	float: left;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "平成明朝", "細明朝", "ＭＳ Ｐ明朝", serif;
	font-size: 14px;
	line-height: 18px;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	text-align: left;
	text-indent: 0px;
	width: 390px;
}
div.header div.reserves {
	float: left;
	text-align: right;
	width: 330px;
}


.page-top {
	/*background-image: url(../imgs2/bkg/main-top.gif);
	background-repeat: no-repeat;*/
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	width: 960px;
}
.page-main {
	font-size: 0px;
	line-height: 0px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	width: 960px;
}
.page-mainbkg {
	color: #221815;
	margin: 6px auto 0px auto;
	max-height: 1992px;
	width: 960px;
	background-color: transparent;
	background-image: url(../imgs2/bkg/cmn-top1.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.page-hotelsbkg {
	background: transparent url(../imgs2/bkg/hotels-top.png) center top no-repeat;
	color: #221815;
	margin: 6px auto 0px auto;
	max-height: 1992px;
	width: 960px;
}
.page-mainbtm {
	background: transparent url(../imgs2/bkg/cmn-btm.png) center top no-repeat;
	color: #000000;
	margin: 0px auto;
	text-align: right;
	width: 960px;
}
a.pagetop {
	display: block;
	padding: 10px 0px 0px 0px;
	margin: 0px 10px 0px 826px;
	width: 124px;
}

/* メインメニュー */
ul.mainmenu {
	list-style-type: none;
	margin: 0px 16px;
	padding: 0px;
	width: 928px;
}
ul.mainmenu li {
	float: left;
	height: 51px;
	margin: 0px;
	padding: 0px;
	width: 116px;
}
ul.mainmenu li a {
	background-color: transparent;
	background-image: url(../imgs2/hdr/menu.png);
	background-repeat: no-repeat;
	color: #000000;
	cursor: pointer;
	display: block;
	height: 51px;
	text-align: left;
	text-decoration: none;
	text-indent: -9999px;
	width: 100%;
}
#plan {	background-position: 0px 0px;	} #plan.np, #plan:hover {	background-position: 0px -51px;	}
#room {	background-position: -116px 0px;	} #room.np, #room:hover {	background-position: -116px -51px;	}
#spa {	background-position: -232px 0px;	} #spa.np, #spa:hover {	background-position: -232px -51px;	}
#cuisine {	background-position: -348px 0px;	} #cuisine.np, #cuisine:hover {	background-position: -348px -51px;	}
#facilities {	background-position: -464px 0px;	} #facilities.np, #facilities:hover {	background-position: -464px -51px;	}
#access {	background-position: -580px 0px;	} #access.np, #access:hover {	background-position: -580px -51px;	}
#faq {	background-position: -696px 0px;	} #faq.np, #faq:hover {	background-position: -696px -51px;	}
#inquiry {	background-position: -812px 0px;	} #inquiry.np, #inquiry:hover {	background-position: -812px -51px;	}
/* ↓旧バージョン */
/*ul.mainmenu li a:hover {
	background-position: bottom center;
}
ul.mainmenu li a.np {
	background-position: bottom center;
}
#facilities {	background-image: url(../imgs2/hdr/facilities.gif);	}
#spa {	background-image: url(../imgs2/hdr/spa.gif);	}
#room {	background-image: url(../imgs2/hdr/room.gif);	}
#cuisine {	background-image: url(../imgs2/hdr/cuisine.gif);	}
#floorguide {	background-image: url(../imgs2/hdr/floorguide.gif);	}
#access {	background-image: url(../imgs2/hdr/access.gif);	}
#plan {	background-image: url(../imgs2/hdr/plan.gif);	}
#inquiry {	background-image: url(../imgs2/hdr/inquiry.gif);	}
*/

/* テキストリンク */
a.lft_arw {
	background-color: transparent;
	background-image: url(../imgs2/link/leftarrow.gif);
	background-position: left center;
	background-repeat: no-repeat;
	color: #3a647f;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	text-decoration: none;
	text-indent: 8px;
	width: 100%;
}
a.lft_arw:hover {
	text-decoration: underline;
}
a.sqlft_arw {
	background-color: transparent;
	background-image: url(../imgs2/link/sqarrow.gif);
	background-position: left center;
	background-repeat: no-repeat;
	color: #3a647f;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	text-decoration: none;
	text-indent: 14px;
	width: 100%;
}
a.sqlft_arw:hover {	text-decoration: underline;	}
a.zoom_link {
	background-color: transparent;
	background-image: url(../imgs2/link/zoom.gif);
	background-position: left center;
	background-repeat: no-repeat;
	color: #3a647f;
	display: block;
	font-size: 10px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	text-decoration: none;
	text-indent: 14px;
	width: 130px;
}


/* 宿泊予約ボタン（共通） */
div.reserve-info {
	font-size: 0px;
	line-height: 0px;
	padding: 20px 0px;
	text-align: center;
	width: 100%;
}
div.reserve-info a {
	background: transparent url(../imgs2/reserve/bkg.gif) center center no-repeat;
	color: #ffffff;
	display: block;
	font-size: 18px;
	font-weight: bold;
	height: 65px;
	line-height: 52px;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	text-decoration: none;
	width: 100%;
}
div.reserve-info p {
	background-color: transparent;
	color: #000000;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	width: 100%;
}

/* ページトップ */
div.pagetop-link {
	margin: 0px;
	padding: 12px 0px 20px 0px;
	text-align: right;
	width: 100%;
}
div.pagetop-link a {
	margin: 0px 4px 0px 0px;
}

/* フッター */
div.footer {
	/*background-color: #221815;
	color: #ffffff;*/
	background-color: transparent;
	color: #000000;
	margin: 0px;
	padding: 15px 0px 10px 0px;
	text-align: center;
	width: 100%;
}
div.footer address, div.footer p {
	background-color: transparent;
	color: #000000;
	font-size: 12px;
	line-height: 18px;
	width: 100%;
}
div.footer address {
	font-style: normal;
	margin: 0px auto;
	padding: 4px 0px 0px 0px;
}
div.footer p {	margin: 0px;	}
div.footer p a {
	background-color: transparent;
	color: #000000;
	text-decoration: none;
}
div.footer p a:hover {	text-decoration: underline;	}
div.footer p.copyright {	padding: 12px 0px 12px 0px;	}

