@charset "UTF-8";

/* サイト全体クリア */
h1,h2,h3,h4,h5,h6,
table,th,td,
img,
form,
p,
dl,dt,dd,
ul,ol,li {
	margin:          0px;
	padding:         0px;
	border:          none;
	font-size:       100%;
	font-style:      normal;
	font-weight:     normal;
	list-style:      none;
	text-align:      left;
}
table,table td,table th {
	border-collapse: collapse;
	border-spacing:  0px;
	vertical-align:  top;
}
img {
	vertical-align:  bottom;
}
textarea {
	font-size:       100%;
}
/* サイト全体クリア */

a {
	color: #18130E;
	outline: 0;
	text-decoration: none;
}
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

img {
	border: none;
	vertical-align: top;
}
html {
	height: 100%;
	min-height: 100%;
	overflow: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	-webkit-text-size-adjust: 100%;
}
body {
	width: 100%;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
p {
	margin: 15px 0px 15px 0px;
}

/* ヘッダー */

#head {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	background: #59483A;
	color: #FFFFFF;
}
.head-inner {
	width: 1000px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
}
.head-catchcopy {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.head-catchcopy h1 a {
	color: #FFFFFF;
	outline: 0;
	text-decoration: none;
}
.head-catchcopy h1 a:link { color: #FFFFFF; text-decoration: none; }
.head-catchcopy h1 a:hover { color: #FFFFFF; text-decoration: none; }
.head-catchcopy h1 a:visited { color: #FFFFFF; text-decoration: none; }

	/* tablet */
@media only screen and (max-width: 840px) {
	.head-inner {
		width: 100%;
	}
}

	/* mobile */
@media only screen and (max-width: 640px) {
}
/* ヘッダー */

.main-pic-box {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #F8E2D0;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.page-main-pic {
	width: 100%;
	max-width: 1366px;
	margin: 0 auto 0 auto;
	overflow: hidden;
	text-align: center;
}
.page-main-pic img {
	width: 100%;
}
.blo-title {
	width: 418px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
.blo-title-inner {
	position: absolute; top: 20px;
}

	/* tablet */
@media only screen and (max-width: 840px) {
	.page-main-pic {
		width: 100%;
		height: 300px;
		overflow: hidden;
		position: relative;
	}
	.page-main-pic img {
		width: 1025px;
		height: 300px;
		margin: 0 0 0 -512px;
		position: absolute; left: 50%;
	}
}

	/* mobile */
@media only screen and (max-width: 640px) {
	.blo-title img {
		width: 100%;
		text-align: center;
	}
	.blo-title-inner {
		text-align: center;
	}
}

/* メニュー */
#menu {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute; bottom: 0px; left: 0px;
	z-index: 100;
}
.menu-inner {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.menu-content {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}
.menu-content-inner {
	width: 1000px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
.menu-logo {
	float: left;
	width: 161px;
	margin: 0px 40px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.menu-right-box {
	float: left;
	width: 799px;
	margin: 0px 0px 0px 0px;
	padding: 38px 0px 0px 0px;
}
.menu-onsen,
.menu-facility,
.menu-cuisine,
.menu-traffic,
.menu-plan,
.menu-higaeri {
	float: left;
	width: 114px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.menu-onsen a {
	display: block;
	width: 114px;
	height: 50px;
	background: url(../png3/blo-menu-onsen.png) left top no-repeat;
}
.menu-onsen a:hover {
	background: url(../png3/blo-menu-onsen.png) left bottom no-repeat;
}
.menu-facility a {
	display: block;
	width: 114px;
	height: 50px;
	background: url(../png3/blo-menu-facility.png) left top no-repeat;
}
.menu-facility a:hover {
	background: url(../png3/blo-menu-facility.png) left bottom no-repeat;
}
.menu-cuisine a {
	display: block;
	width: 114px;
	height: 50px;
	background: url(../png3/blo-menu-cuisine.png) left top no-repeat;
}
.menu-cuisine a:hover {
	background: url(../png3/blo-menu-cuisine.png) left bottom no-repeat;
}
.menu-traffic a {
	display: block;
	width: 114px;
	height: 50px;
	background: url(../png3/blo-menu-traffic.png) left top no-repeat;
}
.menu-traffic a:hover {
	background: url(../png3/blo-menu-traffic.png) left bottom no-repeat;
}
.menu-plan a {
	display: block;
	width: 114px;
	height: 50px;
	background: url(../png3/blo-menu-plan.png) left top no-repeat;
}
.menu-plan a:hover {
	background: url(../png3/blo-menu-plan.png) left bottom no-repeat;
}
.menu-higaeri a {
	display: block;
	width: 114px;
	height: 50px;
	background: url(../png3/blo-menu-higaeri.png) left top no-repeat;
}
.menu-higaeri a:hover {
	background: url(../png3/blo-menu-higaeri.png) left bottom no-repeat;
}
.menu-sight {
	float: left;
	width: 115px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.menu-sight a {
	display: block;
	width: 115px;
	height: 50px;
	background: url(../png3/blo-menu-sight.png) left top no-repeat;
}
.menu-sight a:hover {
	background: url(../png3/blo-menu-sight.png) left bottom no-repeat;
}
.menu-wave {
	display: none;
}

	/* tablet */
@media only screen and (max-width: 840px) {
	.menu-content {
		padding: 0 0 0 0;
	}
	.menu-content-inner {
		width: 100%;
	}
	.menu-right-box,
	.menu-onsen,
	.menu-facility,
	.menu-cuisine,
	.menu-traffic,
	.menu-plan,
	.menu-higaeri,
	.menu-sight {
		display: none;
	}
}

	/* mobile */
@media only screen and (max-width: 640px) {
}
/* メニュー */

/* メイン */
#back {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #18130E;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 15px;
	letter-spacing: 2px;
	line-height: 140%;
	position: relative;
	-webkit-text-size-adjust: 100%;
	text-align: left;
}
#st-trigger-effects {
	display: none;
}
#main {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.main-inner {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* 予約関係 */
.page-yoyaku-box {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #000000;
}
.page-yoyaku-box-inner {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	background: url(../img3/yoyaku-back.gif) left top repeat-y;
}
.page-yoyaku-content {
	width: 1000px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
.page-yoyaku-tel {
	float: left;
	width: 300px;
	margin: 0px 280px 0px 0px;
	padding: 3px 0px 0px 0px;
}
.page-yoyaku-bnr-ichiran {
	float: left;
	width: 200px;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.page-yoyaku-bnr-ichiran a {
	display: block;
	width: 200px;
	height: 30px;
	background: url(../img3/yoyaku-bnr-ichiran.gif) left top no-repeat;
}
.page-yoyaku-bnr-ichiran a:hover {
	background: url(../img3/yoyaku-bnr-ichiran.gif) left bottom no-repeat;
}
.page-yoyaku-bnr-cancel {
	float: left;
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.page-yoyaku-bnr-cancel a {
	display: block;
	width: 200px;
	height: 30px;
	background: url(../img3/yoyaku-bnr-cancel.gif) left top no-repeat;
}
.page-yoyaku-bnr-cancel a:hover {
	background: url(../img3/yoyaku-bnr-cancel.gif) left bottom no-repeat;
}
/* 予約関係 */

.main-content {
	margin: 0px 0px 0px 0px;
	padding: 40px 0px 40px 0px;
	background: #F8E2D0;
}
.main-content-inner {
	width: 1000px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

/* 左カラム */
.blo-left-box {
	float: left;
	width: 770px;
	margin: 0px 40px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.entry {
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
}
.entry-header {
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	background: #DEB391;
	border-left: solid 20px #9F5215;
	font-size: 18px;
}
.date-header {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}
.entry-content {
	margin: 0px 0px 10px 0px;
	padding: 0px 20px 0px 20px;
}
.entry-body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	word-wrap: break-word;
}
.entry-title {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
}
.entry-text {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
.entry-text a {
	text-decoration: underline;
}
.entry-text a:hover {
	color: #AC6C39;
}
.entry-pic {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
.entry-body img {
	width: 100%;
	max-width: 730px;
	height: auto;
}
.entry-footer {
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
	border-top: solid 1px #000000;
	font-size: 10px;
	text-align: right;
}
.entry-footer a {
	text-decoration: underline;
}
.entry-footer a:hover {
	color: #AC6C39;
}
span.post-footers {
	color: #666666;
}
span.separator {
	color: #666666;
}

	/* カテゴリー */
.archive-title {
	margin: 0px 0px 20px 0px;
	padding: 0px 10px 4px 10px;
	border-bottom: double 3px #9F5215;
	font-size: 16px;
}
span.f-bold {
	font-weight: bold;
}
.entry-catch {
	margin: 0px 0px 20px 0px;
	padding: 0px 20px 0px 20px;
}
	/* カテゴリー */

	/* 記事のみ */
.trackbacks {
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
	border: dashed 1px #9F5215;
}
#trackback {
	margin: 0px 0px 10px 0px;
	padding: 6px 6px 6px 6px;
	background: #DEB391;
	border-left: solid 10px #9F5215;
}
#trackbacks-info {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
	/* 記事のみ */
/* 左カラム */

/* 右カラム */
.blo-right-box {
	float: left;
	width: 190px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
}
#calendar {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
.title {
	margin: 0px 0px 10px 0px;
	padding: 4px 8px 4px 8px;
	background: #DEB391;
	border-bottom: double 3px #9F5215;
	font-size: 15px;
}
.month {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
#calendar table {
	width: 100%;
}
#calendar table td {
	text-align: center;
}
#calendar table td a {
	color: #633B1C;
	font-weight: bold;
	text-decoration: underline;
}
#calendar table td a:hover {
	color: #AC6C39;
}
#category,
#archive,
#recent {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
ul.category-ul,
ul.archive-ul,
ul.recent-ul {
	margin: 0px 0px 0px 6px;
}
li.category-li,
li.archive-li,
li.recent-li {
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 9px;
	background: url(../img3/mark1.gif) left 6px no-repeat;
}
/* 右カラム */

	/* tablet */
@media only screen and (max-width: 840px) {
	.st-menu {
		background: #443626;
		overflow-y: scroll;
	}
	.st-menu ul li.submenu a {
		padding: 14px 10px 14px 30px;
	}
	#st-trigger-effects {
		display: block;
		position: fixed; top: 0; right: 0;
		z-index: 200;
	}
	#st-trigger-effects button {
		margin: 0 0 0 0;
		padding: 20px 20px 20px 20px;
		background: #000000;
		border-style: none;
		color: #FFFFFF;
		font-size: 18px;
	}
	.page-yoyaku-box {
		display: none;
	}
	.main-content-inner {
		width: 100%;
	}
	.blo-left-box {
		float: none;
		width: 100%;
		margin: 0 0 4% 0;
	}
	.entry-content {
		padding: 0 1% 0 1%;
	}
	.entry-body img {
		max-width: 100%;
	}
	textarea#comment-text {
		width: 100%;
	}
	.blo-right-box {
		float: none;
		width: 100%;
		margin: 0 0 0 0;
	}
	li.archive-li {
		display: inline;
		margin: 0 20px 0 0;
		white-space: nowrap;
	}
}

	/* mobile */
@media only screen and (max-width: 640px) {
}
/* メイン */

/* フッター */
#foot {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../img3/blo-foot-back.gif) left top repeat;
	color: #FFFFFF;
	font-size: 13px;
}
#foot a {
	color: #FFFFFF;
}
.foot-inner {
	width: 1000px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background: url(../img3/blo-foot-logo-back2.gif) left top repeat-y;
}
.foot-left-box {
	float: left;
	width: 273px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../img3/blo-foot-logo-back.gif) left top no-repeat;
}
.foot-left-box-inner {
	margin: 0px 0px 0px 0px;
	padding: 20px 16px 10px 16px;
}
.foot-logo {
	width: 151px;
	margin: 0px auto 10px auto;
	padding: 0px 0px 0px 0px;
}
.foot-kaiin {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
.foot-address {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
.foot-qr-box {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.foot-qr-left {
	float: left;
	width: 87px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.foot-qr-right {
	float: left;
	width: 154px;
	margin: 0px 0px 0px 0px;
	padding: 14px 0px 0px 0px;
}
.foot-qr-midashi {
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 6px;
	background: #000000;
}
.foot-qr-address {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 6px;
	font-size: 10px;
	letter-spacing: 0px;
}
.foot-right-box {
	float: right;
	width: 600px;
	margin: 0px 0px 0px 0px;
	padding: 40px 0px 40px 0px;
}
.foot-link-box {
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
}
.foot-link-l {
	float: left;
	width: 180px;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
}
dl.foot-link-dl {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 200%;
}
dt.foot-link-dt {
	padding: 0px 0px 0px 10px;
	background: url(../img3/mark2.gif) left 9px no-repeat;
}
dd.foot-link-dd {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}
.foot-link-c {
	float: left;
	width: 180px;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.foot-link-r {
	float: left;
	width: 180px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.foot-bnr-box {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.foot-bnr-left {
	float: left;
	width: 380px;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.foot-bnr-language {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
.foot-bnr-en,
.foot-bnr-kr,
.foot-bnr-tc,
.foot-bnr-th {
	float: left;
	width: 120px;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.foot-bnr-en a {
	display: block;
	width: 120px;
	height: 30px;
	background: url(../img3/foot-bnr-en.gif) left top no-repeat;
}
.foot-bnr-en a:hover {
	background: url(../img3/foot-bnr-en.gif) left bottom no-repeat;
}
.foot-bnr-kr a {
	display: block;
	width: 120px;
	height: 30px;
	background: url(../img3/foot-bnr-kr.gif) left top no-repeat;
}
.foot-bnr-kr a:hover {
	background: url(../img3/foot-bnr-kr.gif) left bottom no-repeat;
}
.foot-bnr-cn {
	float: left;
	width: 120px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.foot-bnr-cn a {
	display: block;
	width: 120px;
	height: 30px;
	background: url(../img3/foot-bnr-cn.gif) left top no-repeat;
}
.foot-bnr-cn a:hover {
	background: url(../img3/foot-bnr-cn.gif) left bottom no-repeat;
}
.foot-bnr-tc a {
	display: block;
	width: 120px;
	height: 30px;
	background: url(../img3/foot-bnr-tc.gif) left top no-repeat;
}
.foot-bnr-tc a:hover {
	background: url(../img3/foot-bnr-tc.gif) left bottom no-repeat;
}
.foot-bnr-th a {
	display: block;
	width: 120px;
	height: 30px;
	background: url(../img3/foot-bnr-th.gif) left top no-repeat;
}
.foot-bnr-th a:hover {
	background: url(../img3/foot-bnr-th.gif) left bottom no-repeat;
}
.foot-bnr-right {
	float: left;
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
}
.foot-bnr-photo {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.foot-bnr-photo a {
	display: block;
	width: 200px;
	height: 40px;
	background: url(../img3/foot-bnr-photo.gif) left top no-repeat;
}
.foot-bnr-photo a:hover {
	background: url(../img3/foot-bnr-photo.gif) left bottom no-repeat;
}

	/* tablet */
@media only screen and (max-width: 840px) {
	.foot-inner {
		width: 100%;
		padding: 3% 0 3% 0;
		background: none;
	}
	.foot-left-box {
		float: none;
		width: 100%;
		margin: 0 0 4% 0;
		background: none;
	}
	.foot-left-box-inner {
		padding: 0 0 0 0;
	}
	.foot-kaiin,
	.foot-address {
		text-align: center;
	}
	.foot-qr-box,
	.foot-qr-left,
	.foot-qr-right {
		display: none;
	}
	.foot-right-box {
		float: none;
		width: 100%;
		padding: 0 0 0 0;
	}
	.foot-link-box {
		margin: 0 0 0 0;
	}
	.foot-link-l,
	.foot-link-c,
	.foot-link-r {
		float: none;
		width: 100%;
	}
	dt.foot-link-dt,
	dd.foot-link-dd {
		display: block;
		margin: 0 0 0 0;
		padding: 0 3% 0 3%;
		background: #FFFFFF;
		border-bottom: solid 1px #000000;
	}
	dt.foot-link-dt a,
	dd.foot-link-dd a {
		display: block;
		padding: 4% 0 4% 10px;
		background: url(../img3/mark3.gif) left center no-repeat;
	}
	#foot dt.foot-link-dt a,
	#foot dd.foot-link-dd a {
		color: #000000;
	}
	.foot-bnr-box,
	.foot-bnr-left,
	.foot-bnr-right {
		display: none;
	}
}

	/* mobile */
@media only screen and (max-width: 640px) {
}
/* フッター */

/* コピーライト */
#copyright {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #2E0000;
}
.copyright-inner {
	width: 1000px;
	margin: 0px auto 0px auto;
	padding: 4px 0px 4px 0px;
	color: #FFFFFF;
	font-size: 10px;
	text-align: center;
}
.copyright-inner a {
	color: #FFFFFF;
}
.copyright-inner a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

	/* tablet */
@media only screen and (max-width: 840px) {
	.copyright-inner {
		width: 100%;
	}
}

	/* mobile */
@media only screen and (max-width: 640px) {
}
/* コピーライト */

/* clear関係 */
.clear{
	clear: both ;
}
/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* clear関係 */
