@charset "UTF-8";

/*トップレイアウト　トップレイアウト　トップレイアウト　トップレイアウト　トップレイアウト*/
#top_head_back_back{
	background:url(../image/top/back_head_back_back.gif) repeat-x;
	width:100%;
}
#top_head_back{
	background:url(../image/top/back_head_back.gif) no-repeat 50% top;
	height:315px;
}
#top_head_main{
	background:url(../image/top/back_head.gif) no-repeat left top;
	width:815px;
	height:315px;
	margin:0 auto 0;
	position:relative;
}

ul.top_menu{
	width:292px;
	height:172px;
}
ul.top_menu li a{
	display:block;
	width:292px;
	height:32px;
	text-indent:-9999em;
}
ul.top_menu li a.top_menu_01{
	background:url(../image/top/li_menu.gif) no-repeat 0px 0px;
}
ul.top_menu li a.top_menu_02{
	background:url(../image/top/li_menu.gif) no-repeat 0px -32px;
}
ul.top_menu li a.top_menu_03{
	background:url(../image/top/li_menu.gif) no-repeat 0px -64px;
}
ul.top_menu li a.top_menu_04{
	background:url(../image/top/li_menu.gif) no-repeat 0px -96px;
}
ul.top_menu li a.top_menu_05{
	background:url(../image/top/li_menu.gif) no-repeat 0px -128px;
	height:44px;
}
ul.top_menu li a.top_menu_01:hover{
	background:url(../image/top/li_menu.gif) no-repeat -292px 0px;
}
ul.top_menu li a.top_menu_02:hover{
	background:url(../image/top/li_menu.gif) no-repeat -292px -32px;
}
ul.top_menu li a.top_menu_03:hover{
	background:url(../image/top/li_menu.gif) no-repeat -292px -64px;
}
ul.top_menu li a.top_menu_04:hover{
	background:url(../image/top/li_menu.gif) no-repeat -292px -96px;
}
ul.top_menu li a.top_menu_05:hover{
	background:url(../image/top/li_menu.gif) no-repeat -292px -128px;
	height:44px;
}



.top_head_main_sub_link{
	position:absolute;
	top:10px;
	left:324px;
	width:477px;
}
.top_head_main_sub_link li{
	float:left;
	text-indent:-9999em;
}


.top_head_main_sub_link li a{
	display:block;
}
.top_head_main_sub_link li a.top_head_main_sub_01{
	width:80px;
	margin-right:60px;
	background:url(../image/top/head_sub.gif) no-repeat 0px 0px;
}
.top_head_main_sub_link li a.top_head_main_sub_02{
	width:80px;
	margin-right:65px;
	background:url(../image/top/head_sub.gif) no-repeat -140px  0px;
}
.top_head_main_sub_link li a.top_head_main_sub_03{
	width:70px;
	margin-right:50px;
	background:url(../image/top/head_sub.gif) no-repeat -275px  0px;
}
.top_head_main_sub_link li a.top_head_main_sub_04{
	width:72px;
	background:url(../image/top/head_sub.gif) no-repeat -405px  0px;
}
.top_head_main_sub_link li a.top_head_main_sub_01:hover{
	background:url(../image/top/head_sub.gif) no-repeat 0px -18px;
}
.top_head_main_sub_link li a.top_head_main_sub_02:hover{
	background:url(../image/top/head_sub.gif) no-repeat -140px  -18px;
}
.top_head_main_sub_link li a.top_head_main_sub_03:hover{
	background:url(../image/top/head_sub.gif) no-repeat -275px  -18px;
}
.top_head_main_sub_link li a.top_head_main_sub_04:hover{
	background:url(../image/top/head_sub.gif) no-repeat -405px  -18px;
}


.top_head_main_img{
	position:absolute;
	top:28px;
	left:292px;
}



/*コンテンツ　コンテンツ　コンテンツ　コンテンツ　コンテンツ　コンテンツ　*/


#top_contents_back{
	background:url(../image/cmn/back_main.gif) left top;
	margin:0 auto 0;
}
#top_contents{
	background:url(../image/cmn/back_main.gif) left top;
	width:815px;
	margin:0 auto 0;
}

#top_contents_sub{
	width:292px;
	float:left;
}

/*サブ　予約システム　---------------------------------------------------------- */


.sub_reserve{
	background:url(../image/top/reserve_02.gif) repeat-y left top;
	width:292px;
}

.sub_reserve th{
	padding:0px 0px 0px 12px;
	height:2.2em;
	padding-top:6px;
	vertical-align:text-top;
	text-align:left;
}


.sub_reserve td{
	padding:3px 9px 3px 0px;
	vertical-align:text-bottom;
}

.sub_reserve_year{
	padding-right:10px;
	text-align:right;
}
.sub_reserve_year img{
	margin-right:2px;
	margin-left:2px;
}

.sub_reserve_back{
	border-bottom:#000099 1px solid;
}

.sub_reserve td.sub_reserve_button{
	text-align:right;
	vertical-align:text-top;
}

.sub_reserve td.sub_reserve_check_in_out{
	text-align:center;
}


/*サブ　QR　web　---------------------------------------------------------- */



#top_contents_sub .div_qr_web{
	width:292px;
	background:url(../image/top/qr_web/bg.gif) no-repeat left bottom;
	padding-bottom:45px;
	line-height:1.5;
	font-size:0.7em;
}

#top_contents_sub .div_qr_web a{
	background:url(../image/top/qr_web/arrow.gif) no-repeat 0px center;
	padding-left:10px;
}

#top_contents_sub .div_qr_web a.none{
	background:none;
	padding-left:0px;
}

#top_contents_sub .div_qr_web .div_qa_code {
	float:left;
	width:98px
}
#top_contents_sub .div_qr_web .div_qa_bg {
	float:left;
	background:url(../image/top/qr_web/qr_2.gif) no-repeat left top;
	width:194px;
	height:108px;
}
#top_contents_sub .div_qr_web .div_qr_txt h5{
	font-size:1em;
	background:url(../image/top/qr_web/line_1.gif) no-repeat left bottom;
	margin-bottom:10px;
	padding-bottom:10px;
}
#top_contents_sub .div_qr_web .div_qa_bg  p{
	width:184px;
	font-size:1em;
	color:#FFFFFF;
}

#top_contents_sub .div_qr_web .div_qr_txt {
	margin:0px 20px;
	clear:both;
	font-size:1em;
}

#top_contents_sub .div_qr_web .div_qr ul li{
	background:url(../image/top/qr_web/line_2.gif) no-repeat left bottom;
	margin-bottom:10px;
	padding-bottom:10px;
}





#top_contents_sub .div_qr_web .div_web_txt {
	margin:0px 20px;
}
#top_contents_sub .div_qr_web .div_web_txt h5{
	font-size:1em;
	background:url(../image/top/qr_web/line_1.gif) no-repeat left bottom;
	margin-bottom:10px;
	padding-bottom:10px;
}

#top_contents_sub .div_qr_web .div_web_txt ul li{
	background:url(../image/top/qr_web/line_2.gif) no-repeat left bottom;
	margin-bottom:10px;
	padding-bottom:10px;
}

#top_contents_sub .div_qr_web .div_web_txt ul li.none{
	background:none;
	margin-bottom:0px;
	padding-bottom:0px;
}


/*メインcontents　---------------------------------------------------------- */


#top_contents_main{
	width:490px;
	padding-left:30px;
	float:left;
}

.h2_back{
	background:url(../image/top/h2_back.gif) no-repeat left top;
	min-height:141px;
	width:477px;
}

.h2_back p{
	font-size:0.9em;
	line-height:1.4;
	margin-top:0.6em;
	margin-bottom:1.5em;
	_margin-bottom:2.5em;
}

.top_picup_01{
 width:230px;
 float:left;
 line-height:0;
}

.top_picup_01 dt{
 line-height:0;
}

.top_picup_01 dd{
	background:url(../image/top/picup_01_back.jpg) no-repeat left top;
	height:145px;
	padding-left:17px;
	padding-top:12px;
 line-height:0;
}
.top_picup_01 dd a{
	background:url(../image/top/picup_01_button.gif) no-repeat left top;
	display:block;
	width:212px;
	height:129px;
	text-indent:-9999em;
 line-height:0;
}
.top_picup_01 dd a:hover{
	background:url(../image/top/picup_01_button.gif) no-repeat left bottom;
	display:block;
	width:212px;
	height:129px;
}


.top_picup_02{
 width:247px;
 float:left;
 line-height:0;
}
.top_picup_02 dt{
 line-height:0;
}
.top_picup_02 dd{
	background:url(../image/top/picup_02_back.jpg) no-repeat left top;
	height:145px;
	padding-left:17px;
	padding-top:12px;
	margin-bottom:2em;
	_margin-bottom:3px;
	line-height:0;
}
.top_picup_02 dd a{
	background:url(../image/top/picup_02_button.gif) no-repeat left top;
	display:block;
	width:212px;
	height:129px;
	text-indent:-9999em;
 line-height:0;
}
.top_picup_02 dd a:hover{
	background:url(../image/top/picup_02_button.gif) no-repeat left bottom;
	display:block;
	width:212px;
	height:129px;
}


.h3_back{
	background:url(../image/top/h3_s.gif) no-repeat left bottom;
	width:477px;
	padding-bottom:1em;
	clear:both;
}

.h3_back table{
	margin-top:0.5em;
	line-height:1.8;
	width:454px;
	margin-left:10px;
}
.h3_back th{
	font-weight:bold;
	white-space:nowrap;
	padding:0.7em 0.5em 0.7em 0.5em;
	vertical-align:top;
	border-bottom:#bcb7ad 1px dashed;
}
.h3_back td{
	line-height:1.6;
	border-bottom:#bcb7ad 1px dashed;
	padding:0.7em 0px;
}


/*フッター　フッター　フッター　フッター　フッター　フッター　フッター　*/

#top_foot_back_back{
	clear:both;
	background:url(../image/cmn/back_foot_back_back.gif) repeat-x;
	width:100%;
}
#top_foot_back{
	background:url(../image/cmn/back_foot_back.gif) center top;
	height:315px;
	height:190px;
}
#top_foot{
	background:url(../image/cmn/back_foot.gif) 0px 0px;
	width:815px;
	margin:0 auto 0;
	height:190px;
	position:relative;
}


.top_foot_link{
	text-align:center;
	height:30px;
	padding-top:32px;
	margin-bottom:8px;
}
.top_foot_link ul{
	display:inline;
}
.top_foot_link li{
	display:inline;
	padding-right:0.3em;
	_padding-right:0.2em;
}
.top_foot_link li a{
	font-size:0.58em;
	_font-size:0.54em;
}



#top_foot dl{
	float:left;
	width:292px;
	height:80px;
	margin-top:5px;
	background:url(../image/cmn/foot_y_line.gif) no-repeat right 50%
}
#top_foot dt{
	float:left;
}
#top_foot dd{
	float:left;
	font-size:0.6em;
	line-height:1.2;
	width:170px;
	padding-top:2px;
	margin-left:10px;
}

#top_foot dd a{
	background:url(../image/cmn/foot_li.gif) no-repeat left 0.55em;
	padding-left:6px;
}

#top_foot address{
	float:left;
	width:265px;
	margin-left:30px;
	font-size:0.8em;
	line-height:1.3;
}
#top_foot address strong{
	font-weight:bold;
	font-size:1.2em;
	line-height:1.7;
}


#top_foot .top_foot_group_link{
	float:left;
	width:200px;
	margin-left:10px;
	margin-top:1.5em;
}

#top_foot .top_foot_group_link li{
	float:left;
	background:url(../image/cmn/foot_li.gif) no-repeat left 0.48em;
}

#top_foot .top_foot_group_link li a{
	padding-left:0.8em;
	font-size:0.6em;
	margin:4px 0px 2px 0px;
	height:13px;
	display:block;
}

#top_foot .top_foot_group_link li a.top_foot_group_link_brighton_01{
	width:192px;
	background:url(../image/cmn/foot_brighton.gif) no-repeat 0.8em top;
	text-indent:-9999em;
}
#top_foot .top_foot_group_link li a.top_foot_group_link_brighton_01:hover{
	background:url(../image/cmn/foot_brighton.gif) no-repeat 0.8em bottom;

}
#top_foot .top_foot_group_link li a.top_foot_group_link_brighton_02{
	width:5.2em;
	margin-right:1em;
}
#top_foot .top_foot_group_link li a.top_foot_group_link_brighton_03{
	width:12em;
}


#top_foot p.foot_copy{
	position:absolute;
	left:0px;
	top:164px;
	color:#FFFFFF;
	font-size:0.6em;
	width:800px;
	text-align:center;
}



.div_bnr_bg{
margin:0px;
padding:0px;
	margin-top:0px;
	background:url(../image/top/banner/bnr_bg.gif) no-repeat left bottom;
	width:292px;
}
.div_bnr{
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	background:url(../image/top/banner/bnr_ul_bg.gif) no-repeat left top;
}




