@charset "utf-8";
/* common.css */

/* 
*
*	Common Style Sheet
*	Last Update 2007-11-07
*
*	1-1.Clearfix
*	1-2.FontSize-Xtra_Large
*	1-3.FontSize-Large
*	1-3.FontSize-Medium
*	1-4.FontSize-Small
*	1-5.FontSize-Xtra_Small
*	1-6.FontSize_For_Img_Caption
*	1-7.FontSize_For_Img_Caption_Center
*	1-8.FontSize_For_Img_Caption_Right
*	1-9.For Hidden Items
*
*/


/*======================================

	1-1.Clearfix

=======================================*/

div#wrapper div{
	zoom:1;/*for IE 5.5-7*/
}
div:after{/*for modern browser(except NN7.1)*/
	content: " ";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/*======================================

	1-2.FontSize-Xtra_Large

=======================================*/

.large_x {
	font-size: 1.5em;
	line-height: 1.3em;
}
.large_x_nomargin {
	font-size: 1.5em;
	line-height: 1.3em;
	margin-bottom: 0;
}
.large_x_h {
	font-size: 1.5em;
	line-height: 1.5em;
}
.large_x_h_nomargin {
	font-size: 1.5em;
	line-height: 1.5em;
	margin-bottom: 0;
}


/*======================================

	1-3.FontSize-Large

=======================================*/

.large {
	font-size: 1.33em;
	line-height: 1.3em;
}
.large_nomargin {
	font-size: 1.33em;
	line-height: 1.3em;
	margin-bottom: 0;
}
.large_h {
	font-size: 1.33em;
	line-height: 1.5em;
}
.large_h_nomargin {
	font-size: 1.33em;
	line-height: 1.5em;
	margin-bottom: 0;
}


/*======================================

	1-3.FontSize-Medium

=======================================*/

.medium {
	font-size: 1.17em;
	line-height: 1.3em;
}
.medium_nomargin {
	font-size: 1.17em;
	line-height: 1.3em;
	margin-bottom: 0;
}
.medium_h {
	font-size: 1.17em;
	line-height: 1.5em;
}
.medium_h_nomargin {
	font-size: 1.17em;
	line-height: 1.5em;
	margin-bottom: 0;
}


/*======================================

	1-4.FontSize-Small

=======================================*/

.small {
	font-size: 1em;
	line-height: 1.3em;
	letter-spacing: 1px;
}
.small_nomargin {
	font-size: 1em;
	line-height: 1.3em;
	letter-spacing: 1px;
	margin-bottom: 0;
}
.small_h {
	font-size: 1em;
	line-height: 1.5em;
	letter-spacing: 1px;
}
.small_h_nomargin {
	font-size: 1em;
	line-height: 1.5em;
	letter-spacing: 1px;
	margin-bottom: 0;
}


/*======================================

	1-5.FontSize-Xtra_Small

=======================================*/

.small_x {
	font-size: 0.83em;
	line-height: 1.3em;
}
.small_x_nomargin {
	font-size: 0.83em;
	line-height: 1.3em;
	margin-bottom: 0;
}
.small_x_h {
	font-size: 0.83em;
	line-height: 1.5em;
	letter-spacing: 1px;
}
.small_x_h_nomargin {
	font-size: 0.83em;
	line-height: 1.5em;
	letter-spacing: 1px;
	margin-bottom: 0;
}


/*======================================

	1-6.FontSize_For_Img_Caption

=======================================*/

.caption_l {
	font-size: 1em;
	margin-top: 5px;
	letter-spacing: 1px;
	line-height: 1em;
}
.caption_s {
	font-size: 0.83em;
	margin-top: 5px;
	line-height: 1em;
	letter-spacing: 1px;
}


/*======================================

	1-7.FontSize_For_Img_Caption_Center

=======================================*/

.caption_l_center {
	font-size: 1em;
	margin-top: 5px;
	letter-spacing: 1px;
	line-height: 1em;
	text-align: center;
}
.caption_s_center {
	font-size: 0.83em;
	margin-top: 5px;
	line-height: 1em;
	letter-spacing: 1px;
	text-align: center;
}


/*======================================

	1-8.FontSize_For_Img_Caption_Right

=======================================*/

.caption_l_right {
	font-size: 1em;
	margin-top: 5px;
	letter-spacing: 1px;
	line-height: 1em;
	text-align: right;
}

.caption_s_right {
	font-size: 0.83em;
	margin-top: 5px;
	line-height: 1em;
	letter-spacing: 1px;
	text-align: right;
}


/*======================================

	1-9.For Hidden Items

=======================================*/

hr,
.hidden {
   display: none;
   visibility: hidden;
}


/***************************************************

                    基本css

****************************************************/

/*======================================

	body（共通背景・フォントカラー・テーブル設定）

=======================================*/
body{
	color:#0E0C0A;
	font-size: 1em;
	line-height: 1.3em;
	letter-spacing: 1px;
	background: url(../images/bg.jpg) center top repeat-x;
}

/*基本のリンクカラー*/

a:link {color: #0E0C0A;}
a:visited {color: #0E0C0A;}
a:hover {color: #0E0C0A; text-decoration:none;}


/*基本のテーブルカラー*/

table{
	margin: 0;
	color: #533030;
	border: 1px solid #FFF;
	background-color: #E5D9C6;
	border-collapse: collapse;
	border-spacing: 0;
}

th,
td {
	padding: 5px 10px;
	border: 1px solid #FFF;
}

th {
	color: #533030;
	background-color: #E5E0DA;
	width: 120px;
}

td {
    color: #533030;
	background-color: #FAF9F8;
	border: 1px solid #FFF;
}

td b {
    color: #1C635B;
}

/*======================================

	wrapper設定

=======================================*/
#wrapper{
    margin: 0 auto;
	padding: 0;
	border: 0;
	width: 950px;
	background:url(../images/bg_wrapper.gif) left top repeat-y;
}

/*======================================

   サブタイトル基本（st_○○○○）
	
=======================================*/

h3.st{
    margin: 0 auto 10px auto;
	padding: 0 0 0 15px;
	border: 0;
	width: 660px;
	height: 35px;
	line-height: 35px;
	font-weight: normal;
	clear: both;
	background: url(../images/st_bg.gif) center top no-repeat;
}


/***************************************************

                 左エリアcss

****************************************************/

/*======================================

    左側エリア

=======================================*/
#left_area{
    margin: 0;
	padding: 0;
	border: 0;
	width: 235px;
	float: left;
	background: url(../images/left_top_back.gif) left top no-repeat;
}


/*======================================

    h1
	
=======================================*/
h1 {
    margin: 0 auto;
	padding: 0;
	border: 0;
	width: 215px;
	line-height: 1em;
}

/*======================================

    オープン
	
=======================================*/
h3#open {
    margin: 0 auto 15px auto;
	padding: 0;
	border: 0;
	width: 215px;
	height: 85px;
}

/*======================================

    電話番号
	
=======================================*/
h3#tel {
    margin: 0 auto 15px auto;
	padding: 0;
	border: 0;
	width: 215px;
	height: 25px;
	font-size: 12px;
}


/*======================================

    空室検索なし指定
	
=======================================*/
/*#kensaku {
    margin: 0 auto 40px auto;
	padding: 0 0;
	border: 0;
	width: 215px;
	height: 225px;
	background: url(../images/newopen.jpg) left top no-repeat;}*/

/*======================================

    空室検索
	
=======================================*/
#kensaku {
  margin: 0 auto 30px auto;
	padding: 0 0 10px 0;
	border: 0;
	width: 215px;
	height: 225px;
	background: url(../images/bg_serch.gif) left top no-repeat;
}

#kensaku ul#cont_serch_tabindex{
	width:215px;
	height:31px;
	margin:0;
	padding:0;
}

#kensaku ul#cont_serch_tabindex .close {
	background: url(../images/bt_serch_off.gif) top left no-repeat;
	white-space: nowrap;
}

#kensaku ul#cont_serch_tabindex .open {
	background: url(../images/bt_serch_on.gif) top left no-repeat;
	white-space: nowrap;
}



#kensaku ul#cont_serch_tabindex #head1 {
	width: 100px;
	height: 35px;
	background-position: 0 0;
}

#kensaku ul#cont_serch_tabindex #head2 {
	margin: 0 0 0 1px;
	width: 118px;
	height: 35px;
	background-position: -105px 0;
}

#kensaku ul#cont_serch_tabindex #head1 a {
	width: 100px;
	height: 35px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
}

#kensaku ul#cont_serch_tabindex #head2 a {
	width: 118px;
	height: 35px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
}

#kensaku ul#cont_serch_tabindex li{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	border:#FF0000 1px solid;

}
#kensaku ul#cont_serch_tabindex li#head1{
	display:block;
    margin: 0;
	padding: 0;
	border: 0;
	width: 105px;
	height:31px;
	text-indent:-9999px;
}
#kensaku ul#cont_serch_tabindex li#head1 a{
	display:block;
    margin: 0;
	padding: 0;
	border: 0;
	width: 105px;
	height:31px;
	text-indent:-9999px;
	overflow:hidden;
}

#kensaku ul#cont_serch_tabindex li#head2{
	display:block;
    margin: 0;
	padding: 0;
	border: 0;
	width: 110px;
	height:31px;
	text-indent:-9999px;
}
#kensaku ul#cont_serch_tabindex li#head2 a{
	display:block;
    margin: 0;
	padding: 0;
	border: 0;
	width: 110px;
	height:31px;
	text-indent:-9999px;
	overflow:hidden;
}

#kensaku #st_search {
	width:215px;
	height:31px;
	background:url(../images/sst_serch.gif) left top no-repeat;
	text-indent:-9999px;
	margin:0;
	}


#kensaku form{
	width:190px;
	margin:0 auto;
	padding:10px 0 0 0;
	border:0;
	font-size: 10px;
	color: #FFF;
}

#kensaku form .con_inn {
	margin-bottom: 8px;
}

#kensaku form .con_inn01 {
	margin: 0 10px 8px 0;
	float: left;
}

#kensaku form .con_inn02 {
	margin: 0 0 8px 0;
	float: left;
}

#kensaku form select {
	font-size: 11px!important;
	margin: 2px 1px;
	padding: 0;
}

#kensaku select.select_ym{
	width:80px;
	height:1.7em;
}

#kensaku select.select_d{
	width:45px;
	height:1.7em;
}

#kensaku select.select_wide{
	width:179px;
}

#kensaku input.serch_button{
	background:none;
	border:0;
	margin:8px 0 0 6px;
	padding:0;
	width: 175px;
}

h3.sst_serch_day{
	margin: 5px 0 3px 0;
	padding: 0;
	border: 0;
	width: 43px;
	height:12px;
	line-height:12px;
	text-indent:-9999px;
	background:  url(../images/sst_serch_day.gif) center top no-repeat;
}

h3.sst_serch_room{
	margin: 5px 37px 3px 0;
	padding: 0;
	border: 0;
	width: 43px;
	height:12px;
	line-height:12px;
	text-indent:-9999px;
	background:  url(../images/sst_serch_room.gif) center top no-repeat;
}

h3.sst_serch_plan{
	margin: 5px 0 3px 0;
	padding: 0;
	border: 0;
	width: 31px;
	height:12px;
	line-height:12px;
	text-indent:-9999px;
	background:  url(../images/sst_serch_plan.gif) center top no-repeat;
}

h3.sst_serch_stay{
	margin: 5px 38px 3px 0;
	padding: 0;
	border: 0;
	width: 42px;
	height:10px;
	line-height:10px;
	text-indent:-9999px;
	background:  url(../images/sst_serch_stay.gif) center top no-repeat;
	float:left;
}

h3.sst_serch_search{
	margin: 0 0 3px 0;
	padding: 0;
	border: 0;
	width: 43px;
	height:10px;
	line-height:10px;
	text-indent:-9999px;
	background:  url(../images/sst_serch_search.gif) center top no-repeat;
	clear:both;
}

#kensaku select{
	font-size: 11px;
}

#kensaku #div_left {
	width:80px;
	margin:0 15px 5px 0;
	float:left;
	display:inline;
	}
	
#kensaku #div_right {
	width:80px;
	margin:0;
	float:left;
	}

/*======================================

    オンライン予約について
	
=======================================*/

h3#st_yoyaku{
    margin: 0 0 10px;
	padding: 0;
	border: 0;
	width: 215px;
}

h3#st_yoyaku a{
    margin: 0;
	padding: 0;
	border: 0;
	width: 215px;
	height: 35px;
	display: block;
	overflow: hidden;
}

ul#yoyaku_menu{
    margin: 0 auto 10px auto;
	padding: 0;
	border: 0;
	width: 215px;
}

ul#yoyaku_menu li{
	list-style:none;
	list-style-position: outside;
	margin:0;
	padding:0;
}

ul#yoyaku_menu li#list01{
	padding:7px 0 5px 0;
}





/*======================================

    モバイル
	
=======================================*/

#mobile{
	padding: 0;
	border: 0;
	width: 215px;
	height: 158px;
	background: url(../images/mobile.gif) center top no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#mobile img{
	margin: 128px 0 0 0;
	padding: 0;
	border: 0;
	overflow: hidden;
}
/*======================================

    etc_menu_list
	
=======================================*/
ul#etc_menu_list{
	width:215px;
	margin:0 auto;
	padding:0;
}
ul#etc_menu_list li{
	line-height:1.5em;
	border-left:1px solid #fff;
	list-style:none;
	text-indent:10px;
	margin:10px 0;
}
ul#etc_menu_list li.border_br{
	border-left:1px solid #493E34;
}
* html ul#etc_menu_list li{
	text-indent:0px;
}

ul#etc_menu_list li a{
	color:#fff;
	text-decoration:none;
}


/*======================================

    etc_bn
	
=======================================*/
div#etc_bn{
	width:215px;
	margin:30px auto;
}

div#etc_bn h3#bn_default{
	display:block;
	width:215px;
	height:45px;
	margin:10px 0 0 0;
}

div#etc_bn p{
	margin:5px 0 0 0;
	line-height:1.5em;
	color:#fff;
	font-size:0.85em;
}

div#etc_bn p{
	font-size:0.7em;
}


/***************************************************

              ヘッダーcss

****************************************************/

/*======================================

	ヘッダー

=======================================*/
#header{
	margin: 0;
	padding: 0;
	border: 0;
	width: 715px;
	text-align: left;
	clear:both;
	background-color:#2B2321;
}


/*======================================

	menu(グローバルメニュー)

=======================================*/

ul#main_menu{
	margin: 0;
	padding: 0;
	border: 0;
	width: 540px;
    height: 60px;
	list-style-type: none;
	background: url(../images/main_menu.gif) right top no-repeat;
	float:left;
}

ul#main_menu li{
	margin: 0 ;
	padding: 0;
	border: 0;
	text-align: left;
	float: left;
}

ul#main_menu li a{
	margin: 0 ;
	padding: 0;
	border: 0;
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height: 60px;
	width: 90px;
}

/*メインメニュー：ご案内*/
ul#main_menu li.goannai a:hover{
	background: url(../images/main_menu.gif) 0 -60px;
	width: 90px;
}

/*メインメニュー：客室*/
ul#main_menu li.room a:hover{
	background: url(../images/main_menu.gif) -90px -60px;
}

/*メインメニュー：料金案内*/
ul#main_menu li.price a:hover{
	background: url(../images/main_menu.gif) -180px -60px;
}

/*メインメニュー：1泊2食*/
ul#main_menu li.gurume a:hover{
	background: url(../images/main_menu.gif) -270px -60px;
}

/*メインメニュー：お客様の声*/
ul#main_menu li.voice a:hover{
	background: url(../images/main_menu.gif) -360px -60px;
}


/*======================================

	ヘッダーコンテンツ（多言語+HOMEボタン）

=======================================*/

/*ヘッダーコンテンツ*/
#header_content {
    margin: 0;
	padding: 0;
	width: 160px;
	float:right;
}

form#tagengo{
	margin: 0 0 5px;
	padding: 0;
	font-size: 10px;
	float:right;
}


/*HOMEボタン*/
p.bt_home{
	margin: 35px 0 0 0;
	padding: 0;
	float:right;
}

p.bt_grouptop{
	width: 45px;
	height: 35px;
	float:right;
	margin:25px 0 0 10px;
}


/***************************************************

              メイン(右)エリアcss

****************************************************/

/*======================================

    メイン(右)エリア

=======================================*/
#main_area{
    margin: 0 auto;
	padding: 0;
	border: 0;
	width: 715px;
	float: right;
	background-color:#fff;
}


/*======================================

   トップFlash
	
=======================================*/

#flash {
	margin: 0 0 75px;
	padding: 0;
	border: 0;
	width: 715px;
	height: 310px;
	text-align: left;
}

#flash object,
#flash embed{
	margin: 0;
	padding: 0;
}


/*======================================

	パンくずリスト

=======================================*/
.topicpath{
	margin: 0;
	border: 0;
	width: 715px;
	font-size: 0.83em;
}

.topicpath ul{
	margin: 8px 0 7px 20px;
	padding: 0;
	border: 0;
	height: 20px;
	list-style-type: none;
}

.topicpath ul li{
	margin: 0;
	padding: 0 5px 0 10px;
	border: 0;
	height: 20px;
	text-align: left;
	color: #A59F9B;
	float: left;
	display: block;
	background: url(../images/topicpath_ico.gif) left top no-repeat;
}

.topicpath ul li.home{
	margin: 0;
	padding: 0 5px 0 0;
	border: 0;
	height: 20px;
	text-align: left;
	float: left;
	display: block;
	background: none;
	color:#3F352D;
}

.topicpath ul li a{
	margin: 0 ;
	padding: 0;
	border: 0;
	text-align: left;
	color:#3F352D;
}


/*======================================

   Main image
	
=======================================*/

#main_image {
	margin: 0;
	padding: 0;
	border: 0;
	float: right;
	width: 715px;
	text-align: left;
	clear: both;
}

#main_image h3 {
	margin: 0;
	padding: 0;
	border: 0;
	width: 715px;
	height: 65px;
	line-height: 65px;
	clear: both;
}

#main_image p {
	padding: 0;
	border: 0;
	width: 410px;
	font-size: 11px;
	
}


/*======================================

   Main image 2 (ご案内ページ以外)
	
=======================================*/

#main_image_in {
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
	float: right;
	width: 715px;
	height: 110px;
	text-align: left;
}

#main_image_in h3 {
	margin: 0;
	padding: 0;
	border: 0;;
	width: 715px;
	height: 65px;
	line-height: 65px;
	clear: both;
}

#main_image_in p {
	margin: 20px 0 0 20px;
	padding: 0;
	border: 0;
	width: 410px;
	line-height: 14px;
	font-size: 11px;
	
}



/*======================================

   空室カレンダー
	
=======================================*/

h3#st_calendar{
    margin: 0 0 10px 0;
	padding: 0;
	border: 0;
	width: 675px;
	height: 35px;
	clear: both;
}

#calendar{
    margin: 0 auto 20px auto;
	padding: 0;
	border: 0;
	width: 675px;
}




/*======================================

   系列ホテル一覧スライダー
	
=======================================*/

div#bt_hotel_list{
	width:675px;
	clear:both;
	margin:20px 0 0 0;
	padding:20px 0 0 0;
}

div#bt_hotel_list h3{
	display:block;
	width:71px;
	overflow:hidden;
	margin:0 auto 5px;
}

div#bt_hotel_list object{
	overflow:hidden;
	width:675px;
	height:90px;
}
* html div#bt_hotel_list object{
	height:120px;
	border:0;
}



/***************************************************

                フッターcss

****************************************************/

#footer {
	margin: 0;
	padding: 0;
	border: 0;
	clear: both;
	width: 715px;
	text-align: left;
}

/*======================================

	adress

=======================================*/
div#adress{
	width:335px;
	margin:10px 20px 0 0;
	padding:0 0 10px;
	border-bottom:1px solid #C5C0BA;
	float:right;
	background:url(../images/adress_bg_foot.gif) left bottom no-repeat;
}

* html div#adress{
	margin:10px 10px 0 0;
}

div#adress h3{
	display:block;
	width:325px;
	font-size: 1.2em;
	margin:95px 0 0 0;
	_margin:100px 0 0 0;
}

div#adress p{
	width:325px;
	font-size:0.85em;
	margin: 0 0 5px;
}

div#adress p.hira_kana{
	width:325px;
	font-size:8px;
	margin: 0 0 5px;
}

div#adress address{
	margin: 0;
	line-height:12px;
	font-size:10px;
	font-style:normal;
}

/*======================================

	adress(中ページ)

=======================================*/
div#adress2 {
    margin: 20px auto;
	padding: 20px 0 0 0;
	width: 675px;
	height: 60px;
	border-bottom: 1px solid #C5C0BA;
	background: url(../images/adress_bg_foot.gif) right bottom no-repeat;
}

div#adress2 .adress_cont {
	margin: 0;
	padding: 0 20px 0 0;
	border-right: 1px solid #413123;
	float: left;
}

div#adress2 .adress_cont h3{
	font-size: 1.2em;
	margin: 0;
}

div#adress2 .adress_cont p{
	margin: 0;
	font-size:0.85em;
	text-align: left;
}

div#adress2 p.hira_kana{
	font-size:8px;
	line-height: 8px;
	margin: 0;
}

div#adress2 address {
    width:360px;
	margin: 0;
	padding: 0 0 0 20px;
	line-height:12px;
	font-size:10px;
	font-style:normal;
	float:left;
}




/*======================================

	copyright

=======================================*/
div#copyright_box{
	width:675px;
	margin:0 auto;
	clear:both;
}

p#copyright{
	width:675px;
	text-align:center;
	line-height:2em;
	color:#7E7165;
	font-size:0.85em;
	margin:25px 0 25px 0;
}


/*ページ下部 テキストリンク*/

#text_menu {
	margin: 0 auto 20px auto;
	margin-top: 50px;
	clear: both;
	width: 675px;
}

#text_menu p {
	text-align: center;
	line-height: 1.8em;
	margin-bottom: 20px;
	clear: both;
}


/*PAGE TOP（フッター部分）*/

#text_menu .btn_pagetop {
	width: 110px;
	line-height: 12px;
	float:right;
	margin-bottom: 20px;
}

p.brown {
	color:#845343;
	
}


/*======================================

	下部scroll

=======================================*/


.scrool { 
	margin: 0;
	padding: 0;
	border:0px; 
	position:relative;
	top: 0; /* 0 pixels from the top of the <div> tag. */
	left: 25px; /* 30 pixels from the left of the <div> tag. */
	width: 675px;
	height: 100px; 
}

/*======================================

	SEO対策

=======================================*/

strong {
	font-weight:normal;
	}
	
strong.font_bold {
	font-weight:bold;
	}#side_bf {
	margin-bottom: 10px;
	margin-left: 10px;
}