@charset "UTF-8";
/* CSS Document */


/*■■■背景設定■■■*/
body {
	color:#61380a;
	background-color:#e6e6e6;
	background-repeat:no-repeat;
	background-image:url(../img-common/back_body.gif);
	background-position:50% -90px;
	line-height:1.5em;
}

strong{font-weight:bold;}

#main-header {
	background-image:url(../img-common/back_header.gif);
	background-repeat: repeat-x;
}
#main-middle {
	text-align:center;
	width:870px;
	margin:0 auto;
	background: url(../img-common/back_body-top.gif) center repeat-y;
}
#main-middle p{
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
}
#main-img {
	width:850px;
	height:270px;
	margin:0 auto;
}

/*□□各ページメイン画像設定□□*/
#main-img-reservation,#main-img-roominfo,#main-img-restaurant,#main-img-access,#main-img-qa,#main-img-privacy{
	background-repeat:no-repeat;
	width:850px;
	height:270px;
	margin:0 auto;
}

#main-img-reservation {background-image:url(../img-common/header-img-reservation.jpg);}
#main-img-roominfo {background-image:url(../img-common/header-img-roominfo.jpg);}
#main-img-restaurant {background-image:url(../img-common/header-img-restaurant.jpg);}
#main-img-access {background-image:url(../img-common/header-img-access.jpg);}
#main-img-qa {background-image:url(../img-common/header-img-qa.jpg);}
#main-img-privacy {background-image:url(../img-common/header-img-privacy.jpg);}
/*□□各ページメイン画像設定　ここまで□□*/

#header {
	height:80px;
	display:block;
	margin:0 auto;
	width:850px;
}

#header div{float:right;}
#header h1 {float:left;}
#header h1 a {
	text-indent:-9999px;
	background-image:url(../img-common/header_logo.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	display:block;
	width:320px;
	height:70px;
}

#header ul.foreign{text-align:center; width:5em; display:block; float:right; margin-top:2px;}
#header ul.foreign li{line-height:1.5em; border-bottom:1px #60371a dotted; padding-top:3px;}
#header ul.foreign a{
	color:#60371a;
	text-decoration:none;
}
#header ul.foreign a:hover{background-color:#db9733;}

#header p.mail{
	width:235px;
	height:68px;
	float:right;
	display:block;
	text-indent:-9999px;
	background:url(../img-common/header_info.gif) left bottom no-repeat;
}

#main-contents {
	width:790px;
	margin:0 auto;
	padding:0 40px;
	background:url(../img-common/back_main.gif) top center repeat-y;
}

/*■■■ナビゲーション設定■■■*/

ul#main-menu {margin:0 auto; width:850px; padding:0;}
ul#main-menu li,ul#main-menu li a { width:170px; height:61px;}

ul#main-menu li {
	float:left;
	background-repeat:no-repeat;
	background-position:top left;
	padding-right:0;
}

ul#main-menu li a{
	display:block;
	text-indent:-9999px;
}

ul#main-menu li a:hover {background-position:bottom left;}

#main-menu li a.menu1 {background-image:url(../img-common/menu-01.gif);}
#main-menu li a.menu2 {background-image:url(../img-common/menu-02.gif);}
#main-menu li a.menu3 {background-image:url(../img-common/menu-03.gif);}
#main-menu li a.menu4 {background-image:url(../img-common/menu-04.gif);}
#main-menu li a.menu5 {background-image:url(../img-common/menu-05.gif);}
ul#main-menu li.padding-no{padding-right:0;}


/*●●●クリア設定●●●*/

.clear0 {clear:both; height:0;}
.clear10 {clear:both; height:10px;}
.clear20 {clear:both; height:20px;}
.clear30 {clear:both; height:30px;}
.clear40 {clear:both; height:40px;}

/*◆◆◆レフトコンテンツ共通スタイル設定◆◆◆*/

#left-contents {
	padding:25px 0 0 0;
	width:520px;
	float:left;
}

#left-contents h2 {
	font-size:20px;
	font-weight:bold;
	background-image: url(../img-common/ttl_under.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0 0 15px 10px;
	padding:5px 0 7px 10px;
	display:block;
}
#left-contents h2.bon, #left-contents h2.kig {
	width:510px;
	height:0;
	overflow:hidden;
	padding:40px 0 0 0;
	font-size:10px;
}
#left-contents h2.bon { background: url(../restaurant/images/h2-ttl-1.gif) no-repeat;}
#left-contents h2.kig { background: url(../restaurant/images/h2-ttl-2.gif) no-repeat;}

.line {
	background-image:url(../img-common/line.gif);
	background-repeat:repeat-x;
	background-position:left;
	display:block;
	height:20px;
	overflow:hidden;
}

a.common-link {
	line-height:normal;
	color:#61380a;
	text-decoration:none;
	background-image:url(../img-common/link_marker.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding:0 0 0 20px;
	height:20px;
	line-height:20px;
	display:block;
}
a.common-link2 {
	line-height:normal;
	color:#61380a;
	text-decoration:none;
	background-position:left bottom;
	display:block;
}
a.common-link:hover {
	background-image:url(../img-common/link_marker.gif);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#db9733;
	display:block;
	color:#FFF;
}
a.common-link2:hover {
	background-color:#db9733;
	display:block;
	color:#FFF;
}


.r-text { font-size:10px; text-align:right;}
.r-text span.pdf {
	background-image: url(../img-common/pdf-icon.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding: 20px 0 0 25px;
	margin-left:5px;
}

/*◆◆◆レフトコンテンツ◆◆◆*/

/* 新着情報スタイル */
.lc-layout {margin:0 20px 30px;}
.lc-layout ul#news { clear:both;}
.lc-layout #news li { border-bottom:dotted 1px; margin-bottom:5px; padding-bottom:3px;}
.lc-layout #news span { padding-right:10px; margin-right:10px; border-right:1px solid;}
.news-txt span { font-weight:bold;}
/* 写真付き情報スタイル */
.lc-layout .pict-news { margin-bottom:10px; border-bottom:dotted 1px; margin-bottom:5px; padding-bottom:3px;}
.lc-layout .news-txt { float:right; width:380px; clear:both;}
.lc-layout .news-txt h3 {
	font-size:14px;
	font-weight:bold;
	line-height:1em;
	padding:2px 0 0 0;
	margin-bottom:5px;
}
.lc-layout h3.h3-nolink{padding:0 0 0 20px; background:url(../img-common/link_marker.gif) no-repeat left bottom; height:20px; line-height:20px;}
.lc-layout .pict-news p { padding-left:5px; margin-bottom:5px;}
.lc-layout .pict-news img {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	float:left;
	padding:5px;
	width:80px;
}

/* 関連リンクスタイル */
.relation-link h3 { font-size:14px;}
.relation-link p { margin-bottom:13px; padding-left:15px; line-height:1.6em;}
.line-link {
	background-image:url(../img-common/line.gif);
	background-repeat:repeat-x;
	background-position:left center;
	display:block;
	height:5px;
	/*overflow:hidden;*/
}

/*関連リンクリンクスタイル*/

/* 特設ページバナー用スタイル */
#special { margin:20px 0 0 10px;}


/* オススメプラン情報スタイル */
.photo-left img {
	padding:5px;
	float:left;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
}

.photo-right h3 {
	border-left:solid 5px;
	font-size:16px;
	font-weight:bold;
	line-height:1em;
	padding:2px 0 0 5px;
}
.photo-right h3 span{
	display:block;
	font-size:11px;
	font-weight:normal;
	/*background:#ebe6e0;*/
	border:1px solid #61380a;
	margin:5px 0 0 0;
	padding:1px 0 0 3px;
}
.photo-right { float:right; width:250px;}
.photo-right p { margin:10px 0 0 0;}
.photo-right dl { padding-bottom:5px;}
.photo-right dt {}
.photo-right dd { margin-bottom:5px;}
.t-right { text-align:right;}

.photo-box {
	background-color: #fff;
	border:solid 1px #cccccc;
	float:left;
}
.photo-box img { padding:5px;}	

.line-plan {
	background-image:url(../img-common/line.gif);
	background-repeat:repeat-x;
	background-position:left;
	display:block;
	height:40px;
	overflow:hidden;
	clear:both;
}
.sp-h a {
	background-color: #ffefa9;
	border: 1px #db9733 solid;
	text-decoration:none;
	padding:1px 3px;
	margin-left:3px;
}
.sp-h a:hover {
	background-color:#db9733;
	border: 1px #ffefa9 solid;
	color:#fff;
}


/* お部屋のご紹介スタイル */
.photo3 {padding:0; margin:0;}
.photo3 img{width:170px;}
.photo3 div { float:left; margin-left:10px;}

.photo2 {padding:0; margin:0;}
.photo2 img {width:260px;}
.photo2 div { float:left; margin-left:10px;}

.photo-room img { padding-right:20px; float:left; width:150px; height:150px}


.stay img {
	background-color: #fff;
	border:solid 1px #cccccc;
	float:left;
	padding:5px;}	

.photo-right2 h3 {
	border-left:solid 5px;
	font-size:18px;
	font-weight:bold;
	padding-left:5px;
	margin-bottom:10px;
	line-height:1.2em;
}
.photo-right2 h3 span{
	display:block;
	font-size:14px;
	font-weight:normal;
	border-top:1px solid #db9733;
	margin-top:3px;
	padding-top:3px;
}
.photo-right2 { float:right; width:280px;}
.photo-righ2t p { margin:10px 0 0 0;}
.photo-righ2 dl { padding-bottom:5px;}
.photo-right2 dt { float:left; padding-right:10px;}
.photo-right2 dd {}


/* 客室設備スタイル */
.roominfo{width:300px;}

.option { line-height:1.5em;}

.line-2 {
	background-image:url(../img-common/line.gif);
	background-repeat:repeat-x;
	background-position:left;
	display:block;
	height:20px;
	overflow:hidden;
	width:480px;
}

table.stay-plan{width:230px;}
table.stay-plan th{}
table.stay-plan td{text-align:right;}


/* レストランスタイル */
.rest-ttl { padding:0; margin:0;}

table{ border:#61380a 1px solid; border-spacing:5px; width:100%;}
table th,table td{padding:2px;}
table th{ font-weight:bold; background-color:#bead9a; border-bottom:#61380a 1px solid; border-right:#61380a 1px solid;}
table td{ border-bottom:#61380a 1px solid; border-right:#61380a 1px solid;}

#meeting{width:100%;}
#meeting th,#meeting td{text-align:center;}
#option { margin-bottom:5px;}
#option th { text-align:center;}
#option td { text-indent:0.5em;}
#option .price { text-align:right;}

.layout-p { font-size:1.2em; margin-bottom:1em;}
.layout-p-f { font-size:1.2em; margin-bottom:3em;}

.layout-p a, .layout-p-f a { outline:none;}
.footnote p { margin-bottom:3px; text-indent:-1em; padding-left:1em;}
p.internet {
	margin:5px 0;
	padding:3px 0 3px 20px;
	font-size:1.2em;
	border:1px solid #61380a;
}




/* アクセススタイル */
ul#access-txt { margin-top:10px;}
ul#access-txt li { margin-bottom:10px;}
ul#access-txt li span { letter-spacing:0.3em; font-size:14px; font-weight:bold; display:block; border-bottom:#61380a 1px dotted;}


/* 駐車場マップスタイル */

/* Ｑ＆Ａスタイル */
ul.qa { padding:5px 0 5px 0;}

.question {
	background-image:url(../qa/images/icon_q.gif);
	background-repeat:no-repeat;
	padding:0 0 15px 30px;
	font-size:12px;
	font-weight:bold;
}
.answer {
	background-image:url(../qa/images/icon_a.gif);
	background-repeat:no-repeat;
	padding:0 0 0 30px;
}

/* プライバシーポリシースタイル */
.privacy { line-height:1.5em;}
.privacy h4 { font-weight:bold; margin-bottom:5px;}
.privacy p { margin-left:10px;}
.privacy ol { list-style-type: decimal; margin-left:50px;}
.privacy li {}

/* ピックアップ情報 */
p.way-2 { padding:0; margin:0;}
p.way-2 span { font-size:14px; font-weight:bold;}

dl.plan { margin-top:10px; font-size:16px;}
dl.plan dt { float:left;}
dl.plan dd { float:right;}

/*◆◆◆ライトコンテンツ◆◆◆*/

#right-contents {
	/*padding:0;*/
	width:240px;
	float:right;
	margin-top:23px;
}

#right-contents h2 img {
	padding:4px 0 5px 3px;
	margin-bottom:10px;
}
#right-contents h2 img.bottom-none {margin-bottom:3px;}

#right-reserve,#right-info,#right-mobile {
	border:1px solid #61380a;
	border-top:2px solid;
	width:240px;
	margin:0 auto 20px;
	line-height:1.2em;
	clear:both;
}

#right-contents .event-banner a{display:block; width:240px; background-position:left top; background-repeat:none; margin:0 0 10px 0;}
a.event-banner-01{background-image:url(../img-common/right-banner-event.gif); height:72px;}
#right-contents .event-banner a:hover{background-position:left bottom;}

#right-info p img {
	background-color:#FFF;
	border:#CCC solid 1px;
	padding:5px;
	margin:0 0 10px 0;
}

#right-info dl{margin-bottom:5px;}
#right-info dd span{
	display:block;
	margin-left:38px;
}

#right-banner {
	width:240px;
	margin-top:30px;
}

#right-reserve{background:url(../img-common/logo-bg.jpg) top right no-repeat;}
#right-reserve p{margin:0 5px 15px;}
#right-reserve hr{border-bottom:1px #61380a; margin:0 10px;}
#right-reserve input.btn{text-indent:-9999px; display:block; margin:0 30px 15px; width:180px; height:24px;}
#right-reserve dl{padding:0 10px; margin:0 0 15px 0;}
#right-reserve dl dt{font-weight:bold; font-size:14px; letter-spacing:0.2em; border-bottom:1px dotted #61380a; padding:0 0 3px 5px; margin:0 0 5px 0;}
#right-reserve dl dd{padding:0 0 0 5px; margin:0 0 5px 0;}
#right-reserve dl dd.syukuhakunittei{margin:0 0 12px 0;}
#right-reserve dl dd span{margin:0 3px 0 0;}
#right-reserve dl dd.inline{display:inline; margin:0 3px 0 0;}
#right-reserve dl dd input{}
#right-reserve dl dd select{margin:0 0 3px 0;}
#right-reserve dl dd label{}
#right-reserve ul{margin:5px 10px;}
#right-reserve li{height:20px; line-height:20px;}
#right-reserve li a {
	height:20px;
	font-size:12px;
	line-height:21px;
	font-weight:normal;
	color:#61380a;
	text-decoration:none;
	background-image:url(../img-common/link_marker.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding:0 0 0 25px;
	display:block;
}
#right-reserve a:link {}
#right-reserve a:visited {}
#right-reserve a:hover {
	background-image:url(../img-common/link_marker.gif);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#db9733;
	display:block;
	color:#FFF;
}


#right-info dl { padding-left:20px; font-size:14px;}
#right-info dt { float:left; padding-right:5px;}
#right-info p { padding-left:20px;}

.mobi-right-img { margin:0 5px 0 0; float:right;}
.mobile-text{ float:left; margin:15px 0 0 15px; width:120px;}

#right-banner img { margin-bottom:10px; width:240px;}

.osusume{
	margin:0 20px 15px;
	text-align:center;
	padding:15px;
	border:1px #61380a solid;
}

.osusume a{}
.osusume a:hover{}

.shien { background:#FFEFA9;}


/* ===================
グループリンク
=================== */
.group-link { margin:0 0 0 15px;}
.group-link .line-link { margin:2px 0 4px;}
.group-link h3,.group-link h4 {
	font-size:12px;
	font-weight:bold;
}
.group-link li {
	float:left;
	font-size:11px;
	border-right:1px solid #61380a;
	padding:0 5px;
	margin-bottom:0.1em;
	white-space:nowrap;
}
.group-link a {
	color:#61380a;
	text-decoration:none;
}
.group-link a:hover {
	background-color:#db9733;
	color:#FFF;
}

/*◆◆◆フッター◆◆◆*/
#footer {
	width:790px;
	background:url(../img-common/back_footer.gif) bottom left no-repeat;
	margin:0 auto;
	height:70px;
	padding:0 40px;
	font-size:14px;
}

.c-mark {float:right;}

#footer ul { padding:20px 10px 0 10px;}

#footer li {float:left; padding:0 10px 0 0; width:12em;}


/* micro clearfix */
.mcf:before,
.mcf:after {
    content:"";
    display:table;
}
.mcf:after { clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.mcf { zoom:1;}


/*googlemap-comment*/
.google-comment{font-size:12px; margin-right:10px}
.google-comment strong{font-size:14px; display:block; border-bottom:1px solid #999; margin:0 0 2px 0;}