/* CSS Document */
/*サイトアウトライン、左メニュー、フッター、トップボタン共通パーツ専用*/

/*firefox用----------------------------------------------*/

/*ページトップのh1部分のコメント*/
html>body #header h1
{
	/*position:absolute;
	font-size:10px;
	font-weight:lighter;
	color:#4c4335;
	top:3px;
	left:400px;*/
	margin:0px 0px 0px 170px;
	padding:0px 0px 0px 0px;
	font-size:10px;
	font-weight:lighter;
	color:#4c4335;
	
}

/*パンくずリスト配置用*/
html>body #bread_crumb
{
	font-size:11px;
	padding: 3px;
	margin:-21px 0px 2px 15px;
	letter-spacing: 1px;
	color:#FFFFFF;
}

/*テキスト本文部分*/
html>body #container #main
{
	width:590px;
	float: right;
	margin: 10px 20px 10px 0px;
}



/*firefox用ここまで----------------------------------------------*/


/*　全てのブラウザへのマージン処理　*/

*{
	margin: 0px;
	padding: 0px;
}

/*共通部分・汎用クラス----------------------------------------------*/
body
{
	background: url(../img/page_bg.jpg) repeat;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
}

#layout
{
	width:804px;
	padding: 0px;
	margin: 0px auto 0px auto;
	background: url(../img/bg.jpg) repeat-y;
}

/*全ページ共通段落間のmargin 2007.10.16追加*/
#container #main p{
	margin:10px 0px;
}

/* 予約ページ専用のbg　*/
#layout_reserve
{
	width:804px;
	padding: 0px;
	margin: 0px auto 0px auto;
	background: url(../img/bg_reserv.jpg) repeat-y;
}

/*iframe用*/
#container #main_if
{
	width:790px;
	margin: 0px;
	padding: 0px;	
}

#container #main_if iframe 
{
	padding: 0px;
	border: 0;
	overflow: auto;
	width: 775px;
	margin: 0px 5px 10px 5px;
}




/*ヘッダー部分----------------------------------------------*/
#header
{
	margin:0px 0px 0px 9px;
	padding:0px;
	height:360px;
	width:786px;
	background-color:#847868;
	border-bottom:#330000 3px solid;
}

/*タイトル画像用0816修正*/
#header #title
{
	top:61px;
	width:785px;
	height: 280px;
	margin:0px;
	clear: both;
	padding-top: 30px;
	background: url(../img/header_bar.jpg) no-repeat;
}



#header h1
{
	/*position:absolute;
	top:3px;
	left:220px;
	*/
	margin:3px 0px 0px 170px;
	font-size:10px;
	font-weight:lighter;
	color:#4c4335;
	
}



/*パンくずリスト用0912追記*/
#bread_crumb
{
	font-size:11px;
	padding: 3px;
	/*margin-top: -21px;*/
	margin:-25px 0px 1px 15px; 
	letter-spacing: 1px;
	color:#FFFFFF;
}

#bread_crumb a
{
	color:#fffae1;
}


#bread_crumb a:link
{
	color:#FFFF99;
}

#bread_crumb a:visited
{
	color:#FFCC66;
}
/*パンくずリスト用ここまで*/



/*トップメニュー部分 2007_0815修正*/
#header ul
{
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

#header li
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;
	float:left;
}

/* トップメニュ部分　ロゴ */
#header li#logo a
{
	display: block;
	width: 135px;
	height: 60px;
	margin: -10px 0px 0px 0px;
	padding: 0px;
	background: url(../img/top_logo.gif) no-repeat center;
	list-style: none;
	text-indent: -9999px;
}


/* トップメニュ部分　昼の物語 */
#header li#day a 
{
	display: block;
	width: 70px;
	height: 22px;
	/*margin: 35px 0px 0px 12px;*/
	margin: 25px 0px 0px 12px;
	padding: 0px;
	background: url(../img/bt_day.gif) no-repeat center;
	list-style: none;
	text-indent: -9999px;
}

#header li#day a:hover
{
	background: url(../img/bt_day_o.gif) no-repeat center;
}

#day li#day a
{
	display: block;
	width: 70px;
	height: 22px;
	margin: 25px 0px 0px 12px;
	padding: 0px;
	background: url(../img/bt_day_o.gif) no-repeat center;
	list-style: none;
	text-indent: -9999px;		
}

/* トップメニュ部分　夕暮れの物語 */
#header li#night a
{
	display: block;
	width: 49px;
	height: 22px;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	background: url(../img/bt_night.gif) no-repeat center;
	list-style: none;
	text-indent: -9999px;
}

#header li#night a:hover
{
	background: url(../img/bt_night_o.gif) no-repeat center;
}

#night li#night a
{
	display: block;
	width: 49px;
	height: 22px;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	background: url(../img/bt_night_o.gif) no-repeat center;	
	list-style: none;
	text-indent: -9999px;		
}

/* トップメニュ部分　朝の物語 */
#header li#morning a
{
	display: block;
	width: 62px;
	height: 22px;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	background: url(../img/bt_morning.gif) no-repeat center;
	list-style: none;
	text-indent: -9999px;
}

#header li#morning a:hover
{
	background: url(../img/bt_morning_o.gif) no-repeat center;
}

#morning li#morning a
{
	display: block;
	width: 62px;
	height: 22px;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	background: url(../img/bt_morning_o.gif) no-repeat center;	
	list-style: none;
	text-indent: -9999px;		
}

/* トップメニュ部分　アクセス */
#header li#access a
{
	display: block;
	width: 57px;
	height: 22px;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	background: url(../img/bt_access.gif) no-repeat center;
	list-style: none;
	text-indent: -9999px;
}

#header li#access a:hover
{
	background: url(../img/bt_access_o.gif) no-repeat center;
}

#access li#access a
{
	display: block;
	width: 57px;
	height: 22px;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	background: url(../img/bt_access_o.gif) no-repeat center;	
	list-style: none;
	text-indent: -9999px;		
}

/* トップメニュ部分　スタッフ */
#header li#staff a
{
	display: block;
	width: 42px;
	height: 22px;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	background: url(../img/bt_staff.gif) no-repeat center;
	list-style: none;
	text-indent: -9999px;
}

#header li#staff a:hover
{
	background: url(../img/bt_staff_o.gif) no-repeat center;
}

#staff li#staff a
{
	display: block;
	width: 42px;
	height: 22px;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	background: url(../img/bt_staff_o.gif) no-repeat center;
	list-style: none;
	text-indent: -9999px;		
}

/* トップメニュ部分　料金・プラン */
#header li#charge a
{
	display: block;
	width: 61px;
	height: 22px;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	background: url(../img/bt_charge.gif) no-repeat center;
	list-style: none;
	text-indent: -9999px;
}

#header li#charge a:hover
{
	background: url(../img/bt_charge_o.gif) no-repeat center;
}

#charge li#charge a
{
	display: block;
	width: 61px;
	height: 22px;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	background: url(../img/bt_charge_o.gif) no-repeat center;	
	list-style: none;
	text-indent: -9999px;		
}


/* トップメニュ部分　空室情報 */
#header li#vacancy a
{
	display: block;
	width: 73px;
	height: 22px;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	background: url(../img/bt_vacancy.gif) no-repeat left;
	list-style: none;
	text-indent: -9999px;
}

#header li#vacancy a:hover
{
	background: url(../img/bt_vacancy_o.gif) no-repeat left;
}

/* トップメニュ部分　お客様の声 */
#header li#voice a
{
	display: block;
	width: 56px;
	height: 22px;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	background: url(../img/bt_voice.gif) no-repeat center;
	list-style: none;
	text-indent: -9999px;
}

#header li#voice a:hover
{
	background: url(../img/bt_voice_o.gif) no-repeat center;
}

#voice li#voice a
{
	display: block;
	width: 56px;
	height: 22px;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	background: url(../img/bt_voice_o.gif) no-repeat center;	
	list-style: none;
	text-indent: -9999px;		
}


/* トップメニュ部分　ギャラリー */
#header li#gallery a
{
	display: block;
	width: 66px;
	height: 22px;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	background: url(../img/bt_gallery.gif) no-repeat center;
	list-style: none;
	text-indent: -9999px;
}

#header li#gallery a:hover
{
	background: url(../img/bt_gallery_o.gif) no-repeat center;
}

#gallery li#gallery a
{
	display: block;
	width: 66px;
	height: 22px;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	background: url(../img/bt_gallery_o.gif) no-repeat center;	
	list-style: none;
	text-indent: -9999px;		
}

/* トップメニュ部分　特集 */
#header li#special a
{
	display: block;
	width: 69px;
	height: 22px;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	background: url(../img/bt_special.gif) no-repeat center;
	list-style: none;
	text-indent: -9999px;
}

#header li#special a:hover
{
	background: url(../img/bt_special_o.gif) no-repeat center;
}

#special li#special a
{
	display: block;
	width: 69px;
	height: 22px;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	background: url(../img/bt_special_o.gif) no-repeat center;	
	list-style: none;
	text-indent: -9999px;		
}




/*メイン部分----------------------------------------------*/	
#container
{
	width:790px;
	padding:0px;
	clear: both;
	margin: 10px 0px 0px 9px;
}


/*テキスト本文部分0912試行錯誤*/
#container #main
{
	width:590px;
	float: right;
	/*margin: 10px 20px 10px 0px;←firefox向き*/
	margin: 10px 10px 10px 0px; /*IE向き*/
}

#container #main p
{
	padding: 0px;
	font-size: 12px;
	line-height: 130%;
	color: #333333;
	/*letter-spacing: 0.15em;*/
	letter-spacing: 0.1em;
	text-align: left;
	margin: 5px 10px 20px 5px;
}


#main .cap
{
	margin-bottom:5px;
}

#main p.blk
{
	margin:0px 5px 10px 10px;
}



/*トップページ用お得情報*/
#container .new
{
	left:7px;
	top:310px;
}




/*ページ下部テキストリンク部分0912修正*/

#main #bottom
{
	font-size:12px;
	line-height: 1.3em;
	text-align:center;
	padding: 0px;
	clear: both;
	margin: 50px 0px 0px 0px;
}

#main #bottom a:link
{
	color:#663300;
}

#main #bottom a:hover
{
	color:#990000;
	background-color:#FFCC99;
}

#main #bottom a:visited
{
	color:#847868;
}

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


#right a:link{
	color:#4c4335;
}

#right a:hover{
	color:#990000;
	background-color:#FFCC99;
}

#right a:visited{
	color:#4c4335;
}



/*左メニュー部分*/
#container #menu
{
	width:170px;
	padding:0px;
	margin: 0px;
	clear: left;
	float: left;
}

/*左メニュ部分 2007_0814修正*/

#menu ul
{
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

#menu li
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;
}

/* 左メニュ部分　空室情報 */
#menu li#vacancy a
{
	display: block;
	width: 160px;
	height: 70px;
	margin: 0px;
	padding: 0px;
	background: url(../img/menu_vacancy.gif) no-repeat left;
	list-style: none;
	text-indent: -9999px;
}

#menu li#vacancy a:hover
{
	background: url(../img/menu_vacancy_o.gif) no-repeat left;
}


/* 左メニュ部分　TOP */
#menu li#top a
{
	display: block;
	width: 170px;
	height: 42px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background: url(../img/menu_top.jpg) no-repeat center;
	list-style: none;
	text-indent: -9999px;
}

#menu li#top a:hover
{
	background: url(../img/menu_top_o.jpg) no-repeat center;
}

#n_top li#top a
{
	display: block;
	width: 170px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	background: url(../img/menu_top_o.jpg) no-repeat center;
	list-style: none;
	text-indent: -9999px;	
}

/* 左メニュ部分　昼の物語 */
#menu li#day a 
{
	display: block;
	width: 170px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	background: url(../img/menu_day.jpg) no-repeat center;
	list-style: none;
	text-indent: -9999px;
}

#menu li#day a:hover
{
	background: url(../img/menu_day_o.jpg) no-repeat center;
}

#n_day li#day a
{
	display: block;
	width: 170px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	background: url(../img/menu_day_o.jpg) no-repeat center;
	list-style: none;
	text-indent: -9999px;		
}

/* 左メニュ部分　夕暮れの物語 */
#menu li#night a
{
	display: block;
	width: 170px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	background: url(../img/menu_night.jpg) no-repeat center;
	list-style: none;
	text-indent: -9999px;
}

#menu li#night a:hover
{
	background: url(../img/menu_night_o.jpg) no-repeat center;
}

#n_night li#night a
{
	display: block;
	width: 170px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	background: url(../img/menu_night_o.jpg) no-repeat center;	
	list-style: none;
	text-indent: -9999px;		
}

/* 左メニュ部分　朝の物語 */
#menu li#morning a
{
	display: block;
	width: 170px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	background: url(../img/menu_morning.jpg) no-repeat center;
	list-style: none;
	text-indent: -9999px;
}

#menu li#morning a:hover
{
	background: url(../img/menu_morning_o.jpg) no-repeat center;
}

#n_morning li#morning a
{
	display: block;
	width: 170px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	background: url(../img/menu_morning_o.jpg) no-repeat center;	
	list-style: none;
	text-indent: -9999px;		
}

/* 左メニュ部分　アクセス */
#menu li#access a
{
	display: block;
	width: 170px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	background: url(../img/menu_access.jpg) no-repeat center;
	list-style: none;
	text-indent: -9999px;
}

#menu li#access a:hover
{
	background: url(../img/menu_access_o.jpg) no-repeat center;
}

#n_access li#access a
{
	display: block;
	width: 170px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	background: url(../img/menu_access_o.jpg) no-repeat center;	
	list-style: none;
	text-indent: -9999px;		
}

/* 左メニュ部分　スタッフ */
#menu li#staff a
{
	display: block;
	width: 170px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	background: url(../img/menu_staff.jpg) no-repeat center;
	list-style: none;
	text-indent: -9999px;
}

#menu li#staff a:hover
{
	background: url(../img/menu_staff_o.jpg) no-repeat center;
}

#n_staff li#staff a
{
	display: block;
	width: 170px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	background: url(../img/menu_staff_o.jpg) no-repeat center;
	list-style: none;
	text-indent: -9999px;		
}

/* 左メニュ部分　料金・プラン */
#menu li#charge a
{
	display: block;
	width: 170px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	background: url(../img/menu_charge.jpg) no-repeat center;
	list-style: none;
	text-indent: -9999px;
}

#menu li#charge a:hover
{
	background: url(../img/menu_charge_o.jpg) no-repeat center;
}

#n_charge li#charge a
{
	display: block;
	width: 170px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	background: url(../img/menu_charge_o.jpg) no-repeat center;	
	list-style: none;
	text-indent: -9999px;		
}

/* 左メニュ部分　お客様の声 */
#menu li#voice a
{
	display: block;
	width: 170px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	background: url(../img/menu_voice.jpg) no-repeat center;
	list-style: none;
	text-indent: -9999px;
}

#menu #voice a:hover
{
	background: url(../img/menu_voice_o.jpg) no-repeat center;
}

#n_voice li#voice a
{
	display: block;
	width: 170px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	background: url(../img/menu_voice_o.jpg) no-repeat center;	
	list-style: none;
	text-indent: -9999px;		
}


/* 左メニュ部分　ギャラリー */
#menu li#gallery a
{
	display: block;
	width: 170px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	background: url(../img/menu_gallery.jpg) no-repeat center;
	list-style: none;
	text-indent: -9999px;
}

#menu #gallery a:hover
{
	background: url(../img/menu_gallery_o.jpg) no-repeat center;
}

#n_gallery li#gallery a
{
	display: block;
	width: 170px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	background: url(../img/menu_gallery_o.jpg) no-repeat center;	
	list-style: none;
	text-indent: -9999px;		
}

/* 左メニュ部分　特集 */
#menu li#special a
{
	display: block;
	width: 170px;
	height: 42px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	background: url(../img/menu_special.jpg) no-repeat center;
	list-style: none;
	text-indent: -9999px;
}

#menu #special a:hover
{
	background: url(../img/menu_special_o.jpg) no-repeat center;
}

#n_special li#special a
{
	display: block;
	width: 170px;
	height: 42px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	background: url(../img/menu_special_o.jpg) no-repeat center;	
	list-style: none;
	text-indent: -9999px;		
}

/* 左メニュ部分　メルマガ */
#menu li#mail a
{
	display: block;
	width: 160px;
	height: 29px;
	margin: 0px;
	padding: 0px;
	background: url(../img/menu_mail.jpg) no-repeat center;
	list-style: none;
	text-indent: -9999px;
}

#menu #mail a:hover
{
	background: url(../img/menu_mail_o.jpg) no-repeat center;
}

/* 左メニュ部分　キャンセル */
#menu li#cancel a
{
	display: block;
	width: 160px;
	height: 29px;
	margin: 0px;
	padding: 0px;
	background: url(../img/menu_cancel.jpg) no-repeat center;
	list-style: none;
	text-indent: -9999px;
}

#menu #cancel a:hover
{
	background: url(../img/menu_cancel_o.jpg) no-repeat center;
}

#n_cancel li#cancel a
{
	display: block;
	width: 160px;
	height: 29px;
	margin: 0px;
	padding: 0px;
	background: url(../img/menu_cancel_o.jpg) no-repeat center;	
	list-style: none;
	text-indent: -9999px;		
}

/* 左メニュ部分　求人 */
#menu li#recruit a
{
	display: block;
	width: 160px;
	height: 29px;
	margin: 0px;
	padding: 0px;
	background: url(../img/menu_recruit.jpg) no-repeat center;
	list-style: none;
	text-indent: -9999px;
}

#menu #recruit a:hover
{
	background: url(../img/menu_recruit_o.jpg) no-repeat center;
}


/*お得情報バナー*/
#container #menu .bn
{
	margin:0px 5px 10px 5px;
}

/*予約ボタン*/
#container #menu .yoyaku
{
	margin:0px 0px 10px 0px;
}


/*フッター部分----------------------------------------------*/
#footer
{
	height:70px;
	background-color:#847868;
	text-align:right;
	padding-top:15px;
	padding-right:10px;
	margin: 0px 9px 0px 9px;
	clear: both;
	
}

#footer address
{
	color:#FFFFFF;
	font-size: 11px;
	font-style: normal;
	line-height: 175%;

}