@charset "utf-8";

/* 基本の文字色と背景色 */
body { text-align:center; color:#333333; background-color:#38090a; }

/* アンカーのカラー */
a:link { color:#8c1819; }
a:visited { color:#8c1819; }
a:hover { color:#d42829; }
a:active { color:#d42829; }

/* アンカーに下線を付加 */
.lb { padding-bottom:3px; }
.lb a:link { border-bottom:1px solid #8c1819; }
.lb a:visited { border-bottom:1px solid #8c1819; }
.lb a:hover { border-bottom:3px double #d42829; }
.lb a:active { border-bottom:3px double #d42829; }
.lb li { margin-bottom:5px; }
.lbh { padding-bottom:1px; }
.lbh a:hover { border-bottom:1px solid #d42829; }
.lbh a:active { border-bottom:1px solid #d42829; }
.lbh li { margin-bottom:1px; }

/* アンカーの下線を除去 */
.nb a:link { border:none; }
.nb a:visited { border:none; }
.nb a:hover { border:none; }
.nb a:active { border:none; }

/* グリッド */
.grid { position:relative; width:720px; }
.grid .g1, .grid .g2, .grid .g3, .grid .g4, .grid .g5, .grid .g6,
.grid .g7, .grid .g8, .grid .g9, .grid .g10, .grid .g11, .grid .g12
{ position:relative; float:left; margin-left:12px !important; /*background-color:#fee;*/ }
.bg .g1, .bg .g2, .bg .g3, .bg .g4, .bg .g5, .bg .g6,
.bg .g7, .bg .g8, .bg .g9, .bg .g10, .bg .g11, .bg .g12
{ background-color:#fee; }
.grid .g1 { width:49px; }
.grid .g2 { width:110px; }
.grid .g3 { width:171px; }
.grid .g4 { width:232px; }
.grid .g5 { width:293px; }
.grid .g6 { width:354px; }
.grid .g7 { width:415px; }
.grid .g8 { width:476px; }
.grid .g9 { width:537px; }
.grid .g10 { width:598px; }
.grid .g11 { width:659px; }
.grid .g12 { width:720px; }
.grid .fst { margin-left:0 !important; clear:left; }
.grid:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.grid { display:inline-block; } .grid { display:block; }

/* グリッド２ */		/* 有明のみ */

/* グリッド３ */
.grid3 { position:relative; width:100%; }
.grid3 .g1, .grid3 .g2, .grid3 .g3, .grid3 .g4, .grid3 .g5, .grid3 .g6,
.grid3 .g7, .grid3 .g8, .grid3 .g9, .grid3 .g10, .grid3 .g11, .grid3 .g12
{ position:relative; float:left; margin-left:2.77778% !important; }
.bg .g1, .bg .g2, .bg .g3, .bg .g4, .bg .g5, .bg .g6,
.bg .g7, .bg .g8, .bg .g9, .bg .g10, .bg .g11, .bg .g12
{ background-color:#fee; }
.grid3 .g1 { width:5.78704%; }
.grid3 .g2 { width:14.35185%; }
.grid3 .g3 { width:22.91667%; }
.grid3 .g4 { width:31.48148%; }
.grid3 .g5 { width:40.0463%; }
.grid3 .g6 { width:48.61111%; }
.grid3 .g7 { width:57.17593%; }
.grid3 .g8 { width:65.74074%; }
.grid3 .g9 { width:74.30556%; }
.grid3 .g10 { width:82.87037%; }
.grid3 .g11 { width:91.43518%; }
.grid3 .g12 { width:100%; margin-left:0 !important; }
.grid3 .fst { margin-left:0 !important; clear:left; }
.grid3:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.grid3 { display:inline-block; } .grid3 { display:block; }

/* 画像に枠を付ける */
/* span.inimg>em>img */
.inimg img { border:1px solid #ddd; padding:2px; background-color:#fff; }
* html .inimg { display:block; padding:1px 0; }
* html .inimg em { border:1px solid #ddd; }
* html .inimg em img { border:2px solid #fff; }

/* 行間 */
.intxt p { margin-bottom:0.7em; /*text-shadow: 0 1px 0 #ffffff;*/ }

/* リスト行間 */
ul.link li { margin-bottom:0.7em; }
ul.link ul { margin-top:0.7em; margin-bottom:1.5em; }

/* デバッグ */
pre.debug { font-size:11px; line-height:1.3; border:2px dashed #cacaca; padding:10px; margin:15px 0; background-color:#fafafa; }

/* ヘッダー */
#header { position:relative; width:100%; background:#fffce3 url(../img/header_bg.png) repeat-x left top; color:#FFFEF4; }
#header_inner { position:relative; width:960px; height:120px; text-align:left; margin:0 auto; }
#header_logo { position:absolute; width:300px; height:55px; left:2px; top:50px; background:url(../img/header_logo.png) no-repeat; }
#header_logo a { display:block; width:300px; height:55px; }
#header_appeal { position:absolute; left:2px; top:7px; }
#header_info { position:absolute; width:265px; height:45px; right:0; top:52px; background-image:url(../img/header_info.png); }
#header_menu { position:absolute; top:0; right:0; }
#header_menu li { display:inline; float:left; width:105px; height:30px; }
#header_menu a { width:105px; height:30px; display:block; background-position:0 0; }
#header_menu a.current { background-position:0 100%; }
#header_menu a:hover { background-position:0 100%; }
/*#header_menu_members a { background-image:url(../img/header_menu_members.png); }*/
#header_menu_faq a { background-image:url(../img/header_menu_faq.png); }
#header_menu_faq { margin-right:12px; }
#header_menu_contact a { background-image:url(../img/header_menu_contact.png); }
#header_font_size { position:absolute; top:70px; left:400px; }
#header_font_size li { display:inline; float:left; height:25px; }
#header_font_size li a { display:block; height:25px; }
#font_size { background-image:url(../img/header_font_size.png); width:65px; height:25px; }
#font_size_normal { width:50px; margin:0 3px; }
#font_size_zoom { width:50px; }
#font_size_normal a { width:50px; background-image:url(../img/btn_font_normal.png); }
#font_size_zoom a { width:50px; background-image:url(../img/btn_font_zoom.png); }
#header_lang { position:absolute; top:69px; left:590px; font-size:120%; }

/* グローバルナビゲーションバー */
#nav { position:relative; width:100%; height:51px; background:url(../img/nav_bg.png) repeat-x left top; }
#nav ul { position:relative; text-align:left; margin:0 auto; width:960px; height:51px; }
#nav li { display:inline; float:left; width:192px; height:51px; }
#nav li a { width:192px; height:51px; display:block; background-position:0 0; }
#nav li a.current { background-position:0 100%; }
#nav li a:hover { background-position:0 100%; }
#nav_reservation a { background-image:url(../img/nav_reservation.png); }
#nav_guestroom a { background-image:url(../img/nav_guestroom.png); }
#nav_facilities a { background-image:url(../img/nav_facilities.png); }
#nav_restaurant a { background-image:url(../img/nav_restaurant.png); }
#nav_location a { background-image:url(../img/nav_location.png); }
#nav_access a { background-image:url(../img/nav_access.png); }
* html #nav ul { margin-left:0; }

/* トップページボタン */
#home_btn { position:relative; width:100%; background:url(../img/home_btn_bg.png) repeat-x left top; }
#home_btn ul { position:relative; text-align:left; margin:0 auto; width:960px; height:80px; }
#home_btn li { display:inline; float:left; width:240px; height:80px; }
#home_btn li a { width:240px; height:80px; display:block; background-position:0 0; }
* html #home_btn ul { margin-left:0; }

/* コンテンツレイアウト */
#contents_outer { position:relative; width:100%; background:url(../img/contents_outer_bg.png) #ffffff repeat-x top}
#contents { position:relative; width:100%; background:url(../img/contents_bg.png) no-repeat center bottom; }
#contents_inner {
	position:relative; width:960px; text-align:left; margin:0 auto;
	padding:15px 0 220px 0;
}
#main { float:left; width:720px; }
#sub { float:right; width:200px; }

#main div.box { padding-bottom:30px; }
#main div.inner { margin-top:20px; margin-bottom:20px; }
#main div.hr { border-bottom:1px solid #DCD6B5; padding:20px 0; }

#sub div.box { margin-bottom:10px; }
#sub div.bg {
	background:url(../img/sub_box_bg.gif) repeat left top;
	border:1px solid #DFD8C7;
	-moz-border-radius   : 3px;
	-webkit-border-radius: 3px;
	-o-border-radius     : 3px;
	-ms-border-radius    : 3px;
}
#sub div.inner { padding:8px; }
#sub div.hr { border-bottom:1px solid #DFD8C7; }

/* サブの空室検索・予約フォーム */
#sub div#sub_reservation {
	background-color:#ffffff;
	border-top:3px solid #8c1819;
	border-left:1px solid #DFD8C7;
	border-bottom:1px solid #DFD8C7;
	border-right:1px solid #DFD8C7;
	-moz-border-radius   : 3px;
	-webkit-border-radius: 3px;
	-o-border-radius     : 3px;
	-ms-border-radius    : 3px;
}
* html #sub div#sub_reservation { width:192px; }
#sub div#sub_reservation form {
	margin:0 3px 3px 3px;
	background:url(../js/sub_reservation/sub_reservation_bg.gif) #ffffff repeat left bottom;
}

/* トップページスライドショー */
/*
#slides { width:100%; height:420px; text-align:center; }
#slides div { width:100%; height:420px; background-position:center center; }
*/
#slides_outer { position:relative; overflow:hidden; width:100%; background:#fff; border-bottom:solid 1px #fff; }
#slides { width:100%; margin:0 auto; height:350px; text-align:center; }
#slides ul li { width:960px; height:350px; background-position:center center; position:relative; }

/* フッター */
#footer { color:#FFF1D1; position:relative; width:100%; height:435px; background:url(../img/footer_bg.png) #162C03 repeat-x left top; }
#footer_inner { position:relative; width:960px; text-align:left; margin:0 auto; }
#footer_info { height:172px; position:relative; }
#footer_tel { position:absolute; top:30px; left:0; display:block; width:260px; height:45px; background-image:url(../img/footer_tel.png); }
#footer_info address { position:absolute; top:85px; left:0; }
#footer_btn_contact a { position:absolute; top:40px; right:30px; width:191px; height:63px; background-image:url(../img/footer_btn_contact.png); }
#footer_btn_yoyaku a { position:absolute; top:40px; right:230px;  width:191px; height:63px; background-image:url(../img/footer_btn_yoyaku.png); }
#footer_menu { width:100%; text-align:center; }
#footer_menu ul { margin:0 auto; width:70em; }
#footer_menu li { line-height:50px; background:url(../img/footer_menu_li.png) no-repeat right center; padding:0 7px !important; margin-bottom:1px; }
#footer_menu li.none { background:none; }
#footer_menu li a { display:block; padding:0 5px; color:#ffffff; }
#footer_menu li a:hover { color:#d42829;}
#footer_appeal { position:absolute; left:0; top:250px; }
#footer_copyright { position:absolute; right:0; top:250px; color:#ffffff; font-family:'Georgia', sans-serif; }

.footer_btn_contact a { position:absolute; top:40px; right:230px; width:191px; height:63px; background-image:url(../img/footer_btn_contact.png); }
.footer_btn_yoyaku a { position:absolute; top:40px; right:30px;  width:191px; height:63px; background-image:url(../img/footer_btn_yoyaku.png); }

/* パンくずリスト */
#topicpath { padding:0 0 5px 3px; }
#topicpath ol li { display:inline; float:left; font-size:0.8em; }
#topicpath ol li span { padding:0 5px; }
#topicpath ol li small { padding-right:0.5em; }

/* サブメニュー */
#sub_menu { margin:0 0 10px 0; width:200px; padding-bottom:1px; /*background:url(../img/sub_menu_footer.gif) no-repeat left bottom;*/ }
#sub_menu ul { /*background-color:#fff;*/ }
#sub_menu ul.lv1 li a.item { background-image:url(../img/sub_menu_00.jpg); }
#sub_menu ul.lv1 li a.item span.item { display:block; height:34px; position:absolute; font-weight:bold; color:#555; /*border:1px solid #cc0000;*/}
#sub_menu ul.lv1 li a.item span.item span { display:block; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo; }
#sub_menu ul.lv1 li a.item span.item span.s14 { padding:8px 5px 0 34px; letter-spacing:3px; font-size:14px; }
#sub_menu ul.lv1 li a.item span.item span.s12 { padding:9px 5px 0 34px; letter-spacing:2px; font-size:12px; }
#sub_menu ul.lv1 li a.item span.item span.s10 { padding:10px 5px 0 34px; letter-spacing:1px; font-size:10px; }
#sub_menu ul.lv1 li a.item span.item span.s9 { padding:12px 5px 0 34px; letter-spacing:1px; font-size:9px; }
#sub_menu ul.lv2 li { font-size:0.8em; margin-top:2px; margin-bottom:0; }
#sub_menu ul.lv2 li a { color:#242321; width:200px; display:block; background-position:0 0; background-image:url(../img/sub_menu_li_bg.gif); }
#sub_menu ul.lv1 li.item ul.lv2 li a.current { background-position:-200px 0; background-color:#eef; }
#sub_menu ul.lv2 li a:hover { color:#242321; background-position:-200px 0; background-color:#eef; }
#sub_menu ul.lv2 li a span.item { display:block; padding:6px; }
#sub_menu ul.lv2 li a span.item span { display:block; padding:0 5px 0 22px; background:url(../img/sub_menu_li.gif) no-repeat 9px center; }

/* ページの先頭へボタン */
#page_top { position:absolute; right:0; top:-30px; width:200px; height:31px; }
#page_top a { width:200px; height:31px; display:block; background-image:url(../img/btn_page_top.png); }
#page_top a span { font-size:0; line-height:0; position:absolute; left:-9999px; }
.page_top { font-size:0.8em; }
.page_top li { float:right; }
.page_top li a { background-image:url(../img/li_page_top.gif); background-position:left center; padding-left:12px; }

/* 見出し */
h1, h2, h3, h4, h5, h6, caption, dt { position:relative; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, caption a, dt a { display:block; }

h1.type1, h2.type1, h3.type1, h4.type1, h5.type1, h6.type1, span.type1
{ display:block; background:url(../img/h_type1.png) #b12122 no-repeat 11px center; padding:6px 10px 6px 25px; font-size:1.2em; font-weight:bold; color:#ffffff;
	-moz-border-radius   : 3px;
	-webkit-border-radius: 3px;
	-o-border-radius     : 3px;
	-ms-border-radius    : 3px;
}

h1.type2, h2.type2, h3.type2, h4.type2, h5.type2, h6.type2, span.type2
{ display:block; background:url(../img/h_type2.png) no-repeat left center; padding:6px 10px 6px 25px; font-size:1.2em; font-weight:bold; color:#231815; border-bottom:1px solid #e5e0cB; }

h1.type3, h2.type3, h3.type3, h4.type3, h5.type3, h6.type3, span.type3
{ display:block; background:url(../img/h_type3.gif) no-repeat 2px center; padding:3px 10px 3px 20px; font-size:1.2em; font-weight:bold; color:#8c1819; border-bottom:4px ridge #e5e0cB; }

h1.type4, h2.type4, h3.type4, h4.type4, h5.type4, h6.type4, span.type4
{ display:block; background:url(../img/h_type4.gif) no-repeat 2px center; padding:3px 10px 1px 20px; font-size:1.2em; font-weight:bold; color:#8c1819; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#231815 !important; }
h1.type1 a:hover, h2.type1 a:hover, h3.type1 a:hover, h4.type1 a:hover, h5.type1 a:hover, h6.type1 a:hover { color:#ffffff !important; }
h1.type3 a:hover, h2.type3 a:hover, h3.type3 a:hover, h4.type3 a:hover, h5.type3 a:hover, h6.type3 a:hover { color:#183606 !important; }
h1.type4 a:hover, h2.type4 a:hover, h3.type4 a:hover, h4.type4 a:hover, h5.type4 a:hover, h6.type4 a:hover { color:#183606 !important; }

.nof { display:block; background:url(../img/gmap/f.png) no-repeat left center; padding:3px 10px 1px 27px; font-size:1.0em; font-weight:bold; color:#231815; }
.no1 { display:block; background:url(../img/gmap/1.png) no-repeat left center; padding:3px 10px 1px 27px; font-size:1.0em; font-weight:bold; color:#231815; }
.no2 { display:block; background:url(../img/gmap/2.png) no-repeat left center; padding:3px 10px 1px 27px; font-size:1.0em; font-weight:bold; color:#231815; }
.no3 { display:block; background:url(../img/gmap/3.png) no-repeat left center; padding:3px 10px 1px 27px; font-size:1.0em; font-weight:bold; color:#231815; }
.no4 { display:block; background:url(../img/gmap/4.png) no-repeat left center; padding:3px 10px 1px 27px; font-size:1.0em; font-weight:bold; color:#231815; }
.no5 { display:block; background:url(../img/gmap/5.png) no-repeat left center; padding:3px 10px 1px 27px; font-size:1.0em; font-weight:bold; color:#231815; }
.no6 { display:block; background:url(../img/gmap/6.png) no-repeat left center; padding:3px 10px 1px 27px; font-size:1.0em; font-weight:bold; color:#231815; }
.no7 { display:block; background:url(../img/gmap/7.png) no-repeat left center; padding:3px 10px 1px 27px; font-size:1.0em; font-weight:bold; color:#231815; }
.no8 { display:block; background:url(../img/gmap/8.png) no-repeat left center; padding:3px 10px 1px 27px; font-size:1.0em; font-weight:bold; color:#231815; }
.no9 { display:block; background:url(../img/gmap/9.png) no-repeat left center; padding:3px 10px 1px 27px; font-size:1.0em; font-weight:bold; color:#231815; }

/* 汎用情報ボックス */
dl.info {
	padding:8px;
	border:2px solid #af9f6d; background-color:#ffffff;
	-moz-border-radius   : 6px;
	-webkit-border-radius: 6px;
	-o-border-radius     : 6px;
	-ms-border-radius    : 6px;
}
dl.info dt { color:#af9f6d; font-size:1.2em; font-weight:bold; margin-bottom:3px; }
dl.info dt span { font-size:1.0em !important; }

/* 警告用 */
dl.notice { border:2px solid #d8282d !important; }
dl.notice dt { color:#d8282d !important; }

/* よくあるご質問 */
dl.faq dt { background:url(../img/ico_faq_q.png) no-repeat left top; padding:0 0 0 20px; font-weight:bold; }
dl.faq dd { background:url(../img/ico_faq_a.png) no-repeat left top; padding:0 0 10px 20px; margin:6px 0 30px 0; border-bottom:1px dotted #DFD8C7; }
dl.faq dt a:hover { color:#333333; }

/* リスト */
ul.type1 li { background-image:url(../img/ul_type1.gif); background-position:left 0.3em; padding-left:14px; }
ul.type2 li { background-image:url(../img/ul_type2.gif); background-position:left 0.3em; padding-left:14px; }
ul.type3 li { background-image:url(../img/ul_type3.gif); background-position:left 0.3em; padding-left:16px; }
ul.type4 li { background-image:url(../img/ul_type4.gif); background-position:left 0.3em; padding-left:12px; }

/* 強調 */
.notice { color:#d8282d; }
.appeal { color:#007FD0; }
.accent { color:#006D44; }

/* アイコン */
.external a, a.external { background-image:url(../img/ico_external.gif); background-position:right center; padding-left:0; padding-right:14px !important; }
.pdf a, a.pdf { background-image:url(../img/ico_pdf.gif); background-position:right center; padding-left:0; padding-right:14px !important; }

/* テーブルパディングパターン */
table.sp1 th, table.sp1 td { padding:2px 4px; }
table.sp2 th, table.sp2 td { padding:4px 6px; }
table.sp3 th, table.sp3 td { padding:6px 8px; }
table.sp4 th, table.sp4 td { padding:8px 10px; }
table.sp5 th, table.sp5 td { padding:10px 12px; }

/* テーブルボーダーパターン */
table.type1 caption { text-align:left; padding-bottom:8px; }
table.type1 th, table.type1 td { border-bottom:1px solid #D7D7D7; }
table.type1 td { background-color:#ffffff; }

table.type2 caption { text-align:left; padding-bottom:8px; }
table.type2 th, table.type2 td { border:1px solid #DFD8C7; }
table.type2 td { background-color:#ffffff; }

/* テーブル背景パターン */
td.bg1, th.bg1, tr.bg1 th { background-color:#F8F8F8 !important; }
td.bg2, th.bg2, tr.bg2 th { background-color:#EEEEEE !important; }
td.bg3, th.bg3, tr.bg3 th { background-color:#749C4F !important; }
td.bg4, th.bg4, tr.bg4 th { background-color:#E3A666 !important; }
td.bg5, th.bg5, tr.bg5 th { color:#ffffff; background:url(../img/th_bg5.gif) #020100 repeat-x left top !important; }
td.bg6, th.bg6, tr.bg6 th { color:#ffffff; background:url(../img/th_bg6.gif) #020100 repeat-x left top !important; }

/* トップページのお知らせ */
table.list caption { font-size:1.2em; padding-bottom:5px; }
table.list th { border-bottom:1px solid #DCD6B5; padding:10px 15px; }
table.list td { border-bottom:1px solid #DCD6B5; padding:10px 5px; }
table.list th { white-space:nowrap; color:#669933; font-weight:bold; }

.info_list_date { width:9em; }
.info_list_icon { width:90px; }

table.list th.date { white-space: nowrap; width: 8em; text-align: center; color: #333333; font-weight: normal; }
table.list th, table.list td { border-bottom: 1px solid #cccccc; padding: 0.6em 1.2em; }
table.list th.icon { white-space: nowrap; width: 8em; text-align: center; font-weight: normal; }
table.list em { display: block; color: #000000; margin: 0 auto; background-color: #eeeeee; padding: 0.1em 0.5em; width: 8em; font-size: 80%; text-align: center; }
table.list em.info_event       { border-bottom:3px solid #40a6f4; }
table.list em.info_campaign    { border-bottom:3px solid #ff8600; }
table.list em.info_plan        { border-bottom:3px solid #ffcc00; }
table.list em.info_gourmet     { border-bottom:3px solid #00cc00; }
table.list em.info_banquet     { border-bottom:3px solid #00ccaa; }
table.list em.info_important   { border-bottom:3px solid #cc0000; }
table.list em.info_sightseeing { border-bottom:3px solid #4081f4; }
table.list em.info_deals_info  { border-bottom:3px solid #9900ff; }
table.list em.info_pr_info     { border-bottom:3px solid #ff00ff; }
table.list em.info_new         { border-bottom:3px solid #ea5506; }
table.list td a:link, table.list td a:visited { color:#0073be; }
table.list td a:hover, table.list td a:active { color:#be0014; }
.new_tag { color: #ffffff; background-color: #b3096c; font-size: 80%; padding: 0 0.5em; margin-left: 3px; }
/* トップページのおすすめプラン */
div.plan_list { border-top:1px solid #DCD6B5; padding:20px 0; }
div.plan_list div.c1 { float:left; width:220px; }
div.plan_list div.c1 img { border:3px solid #B9AC83; }
div.plan_list div.c2 { float:left; width:480px; }
div.plan_list div.c2 h3 { color:#333333; font-size:1.2em; font-weight:bold; background:url(../img/h_type3.gif) no-repeat left 5px; padding-left:20px; margin-bottom:5px; }
div.plan_list div.c3 { float:right; width:180px; padding-top:2em; }

div.rank1 { background:url(../img/ico_rank_1.png) no-repeat left top; }
div.rank2 { background:url(../img/ico_rank_2.png) no-repeat left top; }
div.rank3 { background:url(../img/ico_rank_3.png) no-repeat left top; }


/* 空室検索・宿泊予約ボタン */
div#btn_yoyaku { position:relative; margin:0 auto; top:0; width:960px; height:50px; z-index:300; }
div#btn_yoyaku a { position:absolute; left:790px; width:170px; height:45px; display:block; background-position:0 0; background-image:url(../img/btn_yoyaku.png); }
div#btn_yoyaku a:hover { background-position:0 100%; }