@charset "UTF-8";

/* ***********************************

	01.初期化
	02.共通クラス
	03.共通デザイン
	04.Header
	05.Global Navi
	06.Pankuzu
	07.Contents
	08.Local Navi
	09.Banner Box
	10.PageTop
	11.Footer
	12.宿泊検索
	13.宿泊予約

************************************** */

/* ***********************************

	01.初期化

************************************** */
* {
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
}
body {
	color:#333;
	line-height:1.5;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
strong , em {
	font-style:normal;
	font-weight:bold;
}
img {border:none;}
a:link , a:visited {color:#33c;}
a:hover , a:active {color:#f60;}


/* ***********************************

	02.共通クラス

************************************** */
.clearfix:after {
	content: ".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix { display:inline-block;}
/* exlude MacIE5 \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* end MacIE5 */

.mr1em {margin-right:1em;}
.mr20 {margin-right:20px;}

.mb05 {margin-bottom: 5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}


.cotents-box {
	width:720px;
	margin-bottom:40px;
}
.cotents-box-inner {padding:0 12px;}
h3.title-type-a {
	border-top:solid 3px #d0c198;
	background-color:#f8f5e6;
	padding:0.4em 0 0.4em 12px;
}

/* 各種リスト */
ul.kome {
	list-style-type:none;
	margin-left:1em;
}
p.kome {margin-left:1em;}
ul.kome li , p.kome {text-indent:-1em;}

ul.normal-list {margin-left:1em;}


/* 表（点線有り） */
dl.list-type-a {
	padding:0.4em 0;
	line-height:1.5em;
	background:url("/hotel/img/dot_line_01.gif") bottom repeat-x;
}
dl.list-type-a dt {
	width:8.5em;
	padding-left:12px;
}
dl.list-type-a dd {margin:-1.5em 0 0 9.5em;}
dl.list-type-a dd ul {
	margin-left:1em;
}

/* 表（点線無し） */
dl.list-type-b {
	padding:0.4em 0;
	line-height:1.5em;
}
dl.list-type-b dt {width:7.5em;}
dl.list-type-b dd {margin:-1.5em 0 0 8.5em;}


/* キャプチャーリンク（横3列） */
.waku-box {
	width:720px;
	background:url("/hotel/img/bg_kakomi_3.gif") bottom no-repeat;
}
/* キャプチャーリンク（横2列） */
.waku-box-2 {
	width:478px;
	background:url("/hotel/img/bg_kakomi_2.gif") bottom no-repeat;
}
/* キャプチャーリンク（横1列） */
.waku-box-1 {
	width:236px;
	background:url("/hotel/img/bg_kakomi_1.gif") bottom no-repeat;
}
.waku-box ul , .waku-box-2 ul ,  .waku-box-1 ul {
	list-style-type:none;
}
.waku-box ul li , .waku-box-2 ul li , .waku-box-1 ul li {
	border-top:solid 1px #ccc;
	padding:5px 6px 6px;
	display:block;
	width:224px;
	float:left;
	margin-right:6px;
}
.waku-box ul li.mr-none , .waku-box-2 ul li.mr-none ,
.waku-box-1 ul li.mr-none {
	margin-right:0;
}
.waku-box ul li a , .waku-box-2 ul li a , .waku-box-1 ul li a {
	display:block;
	width:224px;
	height:100px;
	overflow:hidden;
	text-indent:-9999px;
}

/* 写真とテキストのレイアウト */
p.pic250box {
	width:250px;
	float:left;
}
.right434box {
	width:434px;
	float:right;
}

/* アイコンとテキストのレイアウト */
p.icon66box {
	padding-top:5px;
	width:66px;
	float:left;
}
.right618box {
	width:618px;
	float:right;
}

/* 飾り囲み */
.kazari-kakomi-head {
	width:696px;
	padding-top:68px;
	background:url("/hotel/img/bg_kazari_kakomi_header.gif") top no-repeat;
}
.kazari-kakomi-footer {
	width:696px;
	padding-bottom:69px;
	background:url("/hotel/img/bg_kazari_kakomi_footer.gif") bottom no-repeat;
}
.kazari-kakomi-body {
	width:696px;
	background:url("/hotel/img/bg_kazari_kakomi_body.gif") repeat-y;
	text-align:center;
}


/* コンタクトボックス */
.contact-box {
	border:solid 1px #516ca9;
	padding:2px;
	width:690px;/* for IE6 */
}
.contact-box dl {
	margin-left:40px;
}


/* ///// ご予約・お問い合わせはこちら ///// */
#reservation-contact-box {
	width:690px;
	margin:0 auto;
	border:solid 1px #516ca9;
	padding:2px;
}
#reservation-contact-box-inner {
	background:url("/hotel/img/bg272.gif") left top repeat-y;
} 
#reservation-contact-box h3 {
	width:290px;
	height:53px;
	float:left;
}
#reservation-contact-box dl {
	padding-top:5px;
	width:400px;
	float:right;
	line-height:1.5em;
}
#reservation-contact-box dt {width:6em;}
#reservation-contact-box dd {margin:-1.5em 0 0 7em;}


/* ***********************************

	03.共通デザイン

************************************** */
body {background:url("/hotel/img/bg_border.gif");}
html , body {height:100%;}
#shadow {
	background:url("/hotel/img/bg_cont_shadow.png") center repeat-y;
	min-height:100%;
}
#all-contents {
	width:930px;
	margin:0 auto;
	padding:0 10px;
	background-color:#fff;
}


/* ***********************************

	04.Header

************************************** */
#header {
	position:relative;
	width:930px;
	padding-top:23px;
	background:url("/hotel/img/bg_header_top.jpg") top no-repeat;
	height:70px;
}
#header-inner {
	background:url("/hotel/img/bg_header_border.gif");
	height:70px;
}
#logo {
	width:232px;
	height:57px;
	position:absolute;
	top:30px;
	left:10px;
}
ul#header-menu {list-style:none;}
ul#header-menu li {
	display:block;
	position:absolute;
	top:0;
}
ul#header-menu li a {
	position:absolute;
	top:3px;
	height:20px;
	overflow:hidden;
	display:block;
	text-indent:-9999px;
}
ul#header-menu li#header-sitemap a {
	left:854px;
	width:71px;
	background:url("/hotel/img/hm_sitemap.gif") 0 0 no-repeat;
}
ul#header-menu li#header-sitemap a:hover {
	background:url("/hotel/img/hm_sitemap.gif") 0 -20px no-repeat;
}

ul#header-menu li#header-english a {
	left:784px;
	width:55px;
	background:url("/hotel/img/hm_english.gif") 0 0 no-repeat;
}
ul#header-menu li#header-english a:hover {
	background:url("/hotel/img/hm_english.gif") 0 -20px no-repeat;
}



/* ***********************************

	05.Global Navi

************************************** */
#global-navi {
	position:relative;
	height:27px;
}
#global-navi ul {list-style:none;}
#global-navi li {position:absolute;}
#global-navi li a {
	overflow:hidden;
	display:block;
	text-indent:-9999px;
}

/* ///// ご宿泊 ///// */
#global-navi #gmb-guest {
	top:0;
	left:0;
}
#global-navi #gmb-guest a {
	width:154px;
	height:27px;
	background:url("/hotel/img/gmb_guest_rooms.gif") left top no-repeat;
}
#global-navi #gmb-guest a:hover {
	background:url("/hotel/img/gmb_guest_rooms.gif") left center no-repeat;
}
#guest-rooms #global-navi #gmb-guest a ,
#guest-rooms #global-navi #gmb-guest a:hover {
	background:url("/hotel/img/gmb_guest_rooms.gif") left bottom no-repeat;
}
/* ///// レストラン ///// */
#global-navi #gmb-restaurant {
	top:0;
	left:154px;
}
#global-navi #gmb-restaurant a {
	width:155px;
	height:27px;
	background:url("/hotel/img/gmb_restaurant.gif") left top no-repeat;
}
#global-navi #gmb-restaurant a:hover {
	background:url("/hotel/img/gmb_restaurant.gif") left center no-repeat;
}
#restaurant #global-navi #gmb-restaurant a ,
#restaurant #global-navi #gmb-restaurant a:hover {
	background:url("/hotel/img/gmb_restaurant.gif") left bottom no-repeat;
}
/* ///// ご宴会 ///// */
#global-navi #gmb-banquet {
	top:0;
	left:309px;
}
#global-navi #gmb-banquet a {
	width:155px;
	height:27px;
	background:url("/hotel/img/gmb_banquet.gif") left top no-repeat;
}
#global-navi #gmb-banquet a:hover {
	background:url("/hotel/img/gmb_banquet.gif") left center no-repeat;
}
#banquet #global-navi #gmb-banquet a ,
#banquet #global-navi #gmb-banquet a:hover {
	background:url("/hotel/img/gmb_banquet.gif") left bottom no-repeat;
}
/* ///// 会議室 ///// */
#global-navi #gmb-conference {
	top:0;
	left:464px;
}
#global-navi #gmb-conference a {
	width:155px;
	height:27px;
	background:url("/hotel/img/gmb_conference_rooms.gif") left top no-repeat;
}
#global-navi #gmb-conference a:hover {
	background:url("/hotel/img/gmb_conference_rooms.gif") left center no-repeat;
}
#conference-rooms #global-navi #gmb-conference a ,
#conference-rooms #global-navi #gmb-conference a:hover {
	background:url("/hotel/img/gmb_conference_rooms.gif") left bottom no-repeat;
}
/* ///// 館内サービスのご案内 ///// */
#global-navi #gmb-service {
	top:0;
	left:619px;
}
#global-navi #gmb-service a {
	width:157px;
	height:27px;
	background:url("/hotel/img/gmb_guide_of_service.gif") left top no-repeat;
}
#global-navi #gmb-service a:hover {
	background:url("/hotel/img/gmb_guide_of_service.gif") left center no-repeat;
}
#guide-of-service #global-navi #gmb-service a ,
#guide-of-service #global-navi #gmb-service a:hover {
	background:url("/hotel/img/gmb_guide_of_service.gif") left bottom no-repeat;
}
/* ///// アクセス ///// */
#global-navi #gmb-access {
	top:0;
	left:776px;
}
#global-navi #gmb-access a {
	width:154px;
	height:27px;
	background:url("/hotel/img/gmb_access.gif") left top no-repeat;
}
#global-navi #gmb-access a:hover {
	background:url("/hotel/img/gmb_access.gif") left center no-repeat;
}
#access #global-navi #gmb-access a ,
#access #global-navi #gmb-access a:hover {
	background:url("/hotel/img/gmb_access.gif") left bottom no-repeat;
}


/* ***********************************

	06.Pankuzu

************************************** */
#pankuzu {padding-top:10px;}
#pankuzu p {padding-left:10px;}
#pankuzu p a {text-decoration:none;}
#pankuzu p a:hover {text-decoration:underline;}


/* ***********************************

	07.Contents

************************************** */

/* ///// Main Image ///// */
#main-image-area {
	position:relative;
	padding:10px 0 17px;
}
#main-image-box {
	width:720px;
	height:200px;
}
#reservation-box {
	position:absolute;
	top:10px;
	left:730px;
	width:200px;
	height:200px;
}
#reservation-box img {display:block;}


/* ///// Contents Area ///// */
#contents-area {
	width:720px;
	float:left;
}

/* ///// 戻るリンク ///// */
#back-link-box {
	border-top:solid 1px #ccc;
	padding:4px 0 30px;
}
#back-link-box a {
	text-decoration:none;
	padding-left:8px;
	background:url("/hotel/img/icon_arrow_back.gif") left center no-repeat;
}
#back-link-box a:hover {
	text-decoration:underline;
}


/* ***********************************

	08.Local Navi

************************************** */
#local-navi {
	width:200px;
	float:right;
}
#local-navi ul {
	list-style:none;
	position:relative;
	height:218px;
	background:url("/hotel/img/lm_bottom_kazari.gif") bottom no-repeat #3b497c;
}
#local-navi li {position:absolute;}
#local-navi li a {
	overflow:hidden;
	display:block;
	text-indent:-9999px;
}

/* ///// ご宿泊 ///// */
#local-navi #lmb-guest {
	top:0;
	left:0;
}
#local-navi #lmb-guest a {
	width:200px;
	height:34px;
	background:url("/hotel/img/lmb_guest_rooms.gif") left top no-repeat;
}
#local-navi #lmb-guest a:hover {
	background:url("/hotel/img/lmb_guest_rooms.gif") left center no-repeat;
}
#guest-rooms #local-navi #lmb-guest a ,
#guest-rooms #local-navi #lmb-guest a:hover {
	background:url("/hotel/img/lmb_guest_rooms.gif") left bottom no-repeat;
}
/* ///// レストラン ///// */
#local-navi #lmb-restaurant {
	top:34px;
	left:0;
}
#local-navi #lmb-restaurant a {
	width:200px;
	height:33px;
	background:url("/hotel/img/lmb_restaurant.gif") left top no-repeat;
}
#local-navi #lmb-restaurant a:hover {
	background:url("/hotel/img/lmb_restaurant.gif") left center no-repeat;
}
#restaurant #local-navi #lmb-restaurant a ,
#restaurant #local-navi #lmb-restaurant a:hover {
	background:url("/hotel/img/lmb_restaurant.gif") left bottom no-repeat;
}
/* ///// ご宴会 ///// */
#local-navi #lmb-banquet {
	top:67px;
	left:0;
}
#local-navi #lmb-banquet a {
	width:200px;
	height:33px;
	background:url("/hotel/img/lmb_banquet.gif") left top no-repeat;
}
#local-navi #lmb-banquet a:hover {
	background:url("/hotel/img/lmb_banquet.gif") left center no-repeat;
}
#banquet #local-navi #lmb-banquet a ,
#banquet #local-navi #lmb-banquet a:hover {
	background:url("/hotel/img/lmb_banquet.gif") left bottom no-repeat;
}
/* ///// 会議室 ///// */
#local-navi #lmb-conference {
	top:100px;
	left:0;
}
#local-navi #lmb-conference a {
	width:200px;
	height:33px;
	background:url("/hotel/img/lmb_conference_rooms.gif") left top no-repeat;
}
#local-navi #lmb-conference a:hover {
	background:url("/hotel/img/lmb_conference_rooms.gif") left center no-repeat;
}
#conference-rooms #local-navi #lmb-conference a ,
#conference-rooms #local-navi #lmb-conference a:hover {
	background:url("/hotel/img/lmb_conference_rooms.gif") left bottom no-repeat;
}
/* ///// 館内サービスのご案内 ///// */
#local-navi #lmb-service {
	top:133px;
	left:0;
}
#local-navi #lmb-service a {
	width:200px;
	height:42px;
	background:url("/hotel/img/lmb_guide_of_service.gif") left top no-repeat;
}
#local-navi #lmb-service a:hover {
	background:url("/hotel/img/lmb_guide_of_service.gif") left center no-repeat;
}
#guide-of-service #local-navi #lmb-service a ,
#guide-of-service #local-navi #lmb-service a:hover {
	background:url("/hotel/img/lmb_guide_of_service.gif") left bottom no-repeat;
}
/* ///// アクセス ///// */
#local-navi #lmb-access {
	top:175px;
	left:0;
}
#local-navi #lmb-access a {
	width:200px;
	height:33px;
	background:url("/hotel/img/lmb_access.gif") left top no-repeat;
}
#local-navi #lmb-access a:hover {
	background:url("/hotel/img/lmb_access.gif") left center no-repeat;
}
#access #local-navi #lmb-access a ,
#access #local-navi #lmb-access a:hover {
	background:url("/hotel/img/lmb_access.gif") left bottom no-repeat;
}


/* ***********************************

	09.Banner Box

************************************** */
#bn-box {
	float:right;
	margin-top:13px;
	margin-bottom:40px;
	padding:6px 0;
	width:200px;
	background-color:#eee;
}
#bn-box p {
	text-align:center;
	padding-bottom:5px;
}
#bn-box p#no-pad {padding:0;}


/* ***********************************

	10.PageTop

************************************** */
#pagetop {
	text-align:right;
	clear:both;
	width:930px;
}
#pagetop p {margin-bottom:6px;}
#pagetop p a {color:#999;}
#pagetop p a:hover {color:#666;}


/* ***********************************

	11.Footer

************************************** */
#footer {
	width:930px;
	position:relative;
	text-align:center;
	border-top:solid 1px #ccc;
}
#footer ul {
	margin-top:5px;
	margin-bottom:40px;
}
#footer ul li {display:inline;}
#footer ul li a {
	color:#333;
	padding-left:8px;
	background:url("/hotel/img/icon_arrow_dblue.gif") left center no-repeat;
	text-decoration:none;
}
#footer ul li a.window-link {
	padding-left:10px;
	background:url("/hotel/img/icon_window.gif") left center no-repeat;
}
#footer ul li a:hover {
	color:#333;
	text-decoration:underline;
}

#copyright {
	background-color:#283042;
	padding:0.2em 0;
	font-family:"verdana" , sans-serif;
	color:#fff;
}


/* ***********************************

	12.宿泊検索
		/hotel/
		/hotel/guest_rooms/

************************************** */
/* ///// Main Image ///// */
#home #main-image-area , #guest-rooms #main-image-area  {
	position:relative;
	padding:10px 0 17px;
	width:720px;
	height:200px;
}
#home #main-image-box , #guest-rooms #main-image-box {
	width:720px;
	height:200px;
}

/* ///// 宿泊検索 ///// */
#search-area {
	float:right;
	width:200px;
}
#search-area #search-area-inner {
	margin:10px 0 13px;
	padding:0 0 10px 0;
	background:url("/hotel/img/lm_bottom_kazari.gif") bottom no-repeat;
}
#search-area #search-bg {
	width:200px;
	background:url("/hotel/img/bg_search.jpg") top;
}

#search-area .search-unit-box {
	margin:0 0 0 5px;
	padding:6px 0 7px;
	width:190px;
	background: url("/hotel/img/line_search.gif") center bottom no-repeat;
	white-space:nowrap;
}
#search-area .search-unit-box h5 {margin-bottom:4px;}
#search-area .search-unit-box span {
	margin:0 2px;
}
#search-area .search-unit-box span.txt-rooms {
	margin:0 0.8em;
}
#search-area #search-btn {
	margin:5px 0 8px;
	text-align:center;
}
#search-area #search-btn input {
	width:80px;
	height:20px;
}

/* ///// ユーザーメニュー ///// */
#search-area #user-menu-box {
	margin:0 0 0 5px;
	border:solid 1px #e5dfbc;
	width:188px;
}
#search-area #user-menu-box-inner {
	border:solid 1px #fff;
	padding:5px 5px 0;
	background-color:#fcf9ee;
}
#search-area #user-menu-box-inner ul {
	list-style-type:none;
	padding:0 0 2px;
}
#search-area #user-menu-box-inner ul li {
	padding:0 0 2px 15px;
	background:url("/hotel/img/icon_arrow_blue.gif") 0 0.25em no-repeat;
}
#search-area #user-menu-box-inner ul li#new-entry {
	background:url("/hotel/img/icon_arrow_orange2.gif") 0 0.25em no-repeat;
}
#search-area #user-menu-box-inner ul li a {
	color:#333;
	text-decoration:none;
}
#search-area #user-menu-box-inner ul li a:hover {
	color:#333;
	text-decoration:underline;
}
#search-area #user-menu-box-inner ul li#new-entry a {
	font-weight:bold;
}

/* ///// 電話予約 ///// */
#search-area #reservation-freedial {
	padding:8px 0 9px;
	text-align:center;
}



/* ***********************************

	13.宿泊予約
		/hotel/guide_of_service/
		/hotel/access/
		/hotel/sitemap/

************************************** */
#guide-of-service #reservation-box p ,
#access #reservation-box p ,
#sitemap #reservation-box p {
	position:relative;
	width:200px;
	height:200px;
}
#guide-of-service #reservation-box p a ,
#access #reservation-box p a ,
#sitemap #reservation-box p a {
	display:block;
	overflow:hidden;
	position:absolute;
	top:154px;
	left:8px;
	width:184px;
	height:40px;
	background:url("/hotel/img/btn_online_reservation.jpg") top no-repeat;
	text-indent:-9999px;
}
#guide-of-service #reservation-box p a:hover ,
#access #reservation-box p a:hover ,
#sitemap #reservation-box p a:hover {
	background:url("/hotel/img/btn_online_reservation.jpg") bottom no-repeat;
}
