/* CSS Document */

/*=============================
	  flash_areaに指定
=============================*/

#flash_area{
		width: 909px; height: 316px;
		background-color: #CCCCCC;
}

/*=============================
	 	  h3に指定
=============================*/

h3.hotellist a{
		display: block;
		width: 271px; height: 39px;
		background-image: url(../share/hotellist_image.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
}

h3.hotellist a:hover{ background-position: 0 -39px; color: #3333CC;}

h3.reservation{
		clear: both;
		width: 279px; height: 27px;
		text-indent: -9999px;
		background-image: url(../share/reservation_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}
* html h3.reservation{
		clear: both;
		width: 279px; height: 27px;
		text-indent: -9999px;
		background-image: url(../share/reservation_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

h3.mailmagazine_title a{
		margin-bottom: 1px;
		display: block;
		width: 271px; height: 36px;
		background-image: url(../share/mailmagazine_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

h3.mailmagazine_title a:hover{ background-position: 0 -36px;}

h3.news_title{
		width: 344px; height: 24px;
		background-image: url(../share/news_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

h3.info_title{
		width: 344px; height: 24px;
		background-image: url(../share/info_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

h3.news_title a:hover{ color: #3333CC;}

h3.info_title a:hover{ color: #3333CC;}



/*=============================
	 td.contents_mainに指定
=============================*/

/*------------------left_box---------------------*/

#left_box{
		margin-bottom: 20px;
		float: left;
		margin-right: 20px;
		width: 279px; height: auto;
}

/*------------------center_box---------------------*/

#center_box{
		float: left;
		margin-right: 20px;
		width: 344px; height: auto;
}

/*------------------right_box---------------------*/

#right_box{
		float: left;
		width: 216px; height: auto;
}

/*=============================
	 #hotellist_boxに指定
=============================*/

#hotellist_box{
		margin-bottom: 2px;
		padding-top: 3px; padding-left: 3px;
		width: 274px; height: 94px;
		text-align: left;
		border: 1px solid #E4E4E4;
		background-color: #C1B4B3;
}

#select_area{
		width: 271px; height: 51px;
		background-image: url(../share/hotelserch_bg.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

table#select_table{
		padding-bottom: 30px;
		width: 271px; height: 230px;
		border: 1px solid #E9E9E9;
		text-align: left;
		background-image: url(../share/select_table_bg.gif);
		background-position: 0 0;
		background-repeat: repeat-x;
}
* html table#select_table{
		padding-bottom: 50px;
		width: 271px; height: 230px;
		border: 1px solid #E9E9E9;
		text-align: left;
		background-image: url(../share/select_table_bg.gif);
		background-position: 0 0;
		background-repeat: repeat-x;
}
*:first-child+html table#select_table{
		padding: 0 0;
		width: 271px; height: 230px;
		border: 1px solid #E9E9E9;
		text-align: left;
		background-image: url(../share/select_table_bg.gif);
		background-position: 0 0;
		background-repeat: repeat-x;
}

.select_tab{
		vertical-align: middle;
		padding-top: 1px;
		margin-top: 26px; margin-left: 13px;
		font-size: 12px; color: #000000;
		background-color: #F3EFEA;
		border: 1px solid #000000;
		width: 219px; height: 18px;
}
* html .select_tab{
		vertical-align: middle;
		padding-top: 1px;
		margin-top: 26px; margin-left: 13px;
		font-size: 12px; color: #000000;
		background-color: #F3EFEA;
		border: 1px solid #000000;
		width: 219px; height: 22px;
}

.select_tab01{
		vertical-align: middle;
		margin-right: 5px;
		padding-top: 1px; padding-bottom: 0px;
		width: 60px; height: 18px;
		background-color: #F3EFEA;
		border: 1px solid #000000;
}
* html .select_tab01{
		vertical-align: middle;
		margin-right: 5px;
		padding-top: 1px; padding-bottom: 0px;
		width: 60px; height: 20px;
		background-color: #F3EFEA;
		border: 1px solid #000000;
}

.select_tab02{
		vertical-align: middle;
		margin-right: 4px;
		padding-top: 1px; padding-bottom: 0px;
		width: 38px; height: 18px;
		background-color: #F3EFEA;
		border: 1px solid #000000;
}
* html .select_tab02{
		vertical-align: middle;
		margin-right: 4px;
		padding-top: 1px; padding-bottom: 0px;
		width: 38px; height: 20px;
		background-color: #F3EFEA;
		border: 1px solid #000000;
}

.select_tab03{
		vertical-align: middle;
		margin-right: 0px; margin-bottom: 3px;
		padding-top: 1px;
		width: 47px; height:18px;
		background-color: #F3EFEA;
		border: 1px solid #000000;
}
* html .select_tab03{
		vertical-align: middle;
		margin-right: 0px;
		padding-top: 1px;
		width: 47px; height: 18px;
		background-color: #F3EFEA;
		border: 1px solid #000000;
}

.select_tab04{
		vertical-align: middle;
		padding-top: 1px; margin-bottom: 3px;
		font-size: 12px; color: #000000;
		background-color: #F3EFEA;
		border: 1px solid #000000;
		width: 219px; height: 18px;
}
* html .select_tab04{
		vertical-align: middle;
		padding-top: 1px; margin-bottom: 3px;
		font-size: 12px; color: #000000;
		background-color: #F3EFEA;
		border: 1px solid #000000;
		width: 219px; height: 22px;
}

.select_tab05{
		vertical-align: middle;
		margin-right: 7px; margin-left: 4px;
		padding-top: 1px;
		width: 47px; height: 18px;
		background-color: #F3EFEA;
		border: 1px solid #000000;
}
* html .select_tab05{
		vertical-align: middle;
		margin-right: 7px; margin-left: 4px;
		padding-top: 1px;
		width: 47px; height: 20px;
		background-color: #F3EFEA;
		border: 1px solid #000000;
}

.select_tab06{
		vertical-align: middle;
		margin-right: 7px; margin-left: 7px;
		padding-top: 1px;
		width: 47px; height: 18px;
		background-color: #F3EFEA;
		border: 1px solid #000000;
}
* html .select_tab06{
		vertical-align: middle;
		margin-right: 7px; margin-left: 7px;
		padding-top: 1px;
		width: 47px; height: 20px;
		background-color: #F3EFEA;
		border: 1px solid #000000;
}

.select_tab07{
		vertical-align: middle;
		margin-right: 7px; margin-bottom: 3px; margin-left: 9px;
		padding-top: 1px;
		width: 47px; height: 18px;
		background-color: #F3EFEA;
		border: 1px solid #000000;
}
* html .select_tab07{
		vertical-align: middle; margin-left: 9px;
		margin-right: 7px;
		padding-top: 1px;
		width: 47px; height: 20px;
		background-color: #F3EFEA;
		border: 1px solid #000000;
}

.select_tab08{
		vertical-align: middle;
		margin-bottom: 3px;
		padding-top: 1px;
		width: 47px; height: 18px;
		background-color: #F3EFEA;
		border: 1px solid #000000;
}
* html .select_tab08{
		vertical-align: middle;
		padding-top: 1px;
		width: 47px; height: 20px;
		background-color: #F3EFEA;
		border: 1px solid #000000;
}

.serch_button{
		width: 68px; height: 25px;
		margin-top: 5px;
}

.text{
		padding-left: 5px; padding-right: 8px;
}

td.reserve_td01{
		height: 20px;
		/*padding-top: 17px;*/ padding-left: 12px;
		line-height: 20px;
		font-size: 10px; color: #FFFFFF;
		vertical-align: top;
}
* html td.reserve_td01{
		height: 20px;
		/*padding-top: 17px;*/ padding-left: 12px;
		line-height: 20px;
		font-size: 10px; color: #FFFFFF;
		vertical-align: top;
}

td.reserve_td02{
		padding-left: 12px;
		line-height: 20px;
		font-size: 10px; color: #FFFFFF;
		vertical-align: top;
}
* html td.reserve_td02{
		padding-top: 0px; padding-left: 12px;
		line-height: 20px;
		font-size: 10px; color: #FFFFFF;
		vertical-align: top;
}

td.reserve_td03 a{
		padding-top: 0px; padding-left: 12px;
		font-size: 10px; color: #FFFFFF;
		vertical-align: top;
		font-size: 10px;
}
* html td.reserve_td03 a{
		padding-top: 0px; padding-left: 12px;
		font-size: 10px; color: #FFFFFF;
		vertical-align: top;
		font-size: 10px;
}

td.reserve_td04{
		width: 200px; height: 20px;
		padding-top: 0px; line-height: 20px;
		font-size: 10px; color: #FFFFFF;
		vertical-align: top;
}
* html td.reserve_td04{
		width: 200px; height: 20px;
		margin-top: -3px;
		padding-top: 0px; line-height: 20px;
		font-size: 10px; color: #FFFFFF;
		vertical-align: top;
}

td.reserve_td05{
		height: 60px;
		padding-left: 12px;
		font-size: 10px; color: #FFFFFF;
		vertical-align: middle;
}
* html td.reserve_td05{
		height: 60px;
		padding-top: 0px; padding-left: 12px;
		font-size: 10px; color: #FFFFFF;
		vertical-align: middle;
}

td.reserve_td09{
		width: 153px; height: 15px;
		padding-top: 0px; padding-left: 12px;
		line-height: 20px;
		font-size: 10px; color: #FFFFFF;
		vertical-align: top;
}
* html td.reserve_td09{
		width: 153px; height: 15px;
		margin-top: -3px; line-height: 20px;
		padding-top: 0px; padding-left: 12px;
		font-size: 10px; color: #FFFFFF;
		vertical-align: top;
}

td.reserve_td03 a:hover{ color: #3333CC;}

.td_margin{ margin-right: 18px;}

/*---------------リンク----------------*/

a.omotenashi_link{
		float: left;
		margin-right: 1px;
		display: block;
		width: 139px; height: 100px;
		background-image: url(../share/omotenashi_link.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
}

a.facility_link{
		margin-bottom: 10px;
		float: left;
		display: block;
		width: 139px; height: 100px;
		background-image: url(../share/facility_link.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/*---------------ロールオーバー----------------*/

a.omotenashi_link:hover{ background-position: 0 -100px;}

a.facility_link:hover{ background-position: 0 -100px;}

/*=============================
	 #reserve_boxに指定
=============================*/

#reserve_box{
		clear: both;
		margin-bottom: 2px;
		padding-left: 3px;
		width: 274px; height: auto;
		border-left: 1px solid #E4E4E4;
		border-bottom: 1px solid #E4E4E4;
		border-right:  1px solid #E4E4E4;
		background-color: #C1B4B3;
}


*:first-child+html #reserve_box{
		clear: both;
		margin-bottom: 2px; padding-bottom: 0px;
		padding-left: 3px;
		width: 274px; height: auto;
		border-left: 1px solid #E4E4E4;
		border-bottom: 1px solid #E4E4E4;
		border-right:  1px solid #E4E4E4;
		background-color: #C1B4B3;
}

#reserve_box h4{
		padding-top: 5px; padding-left: 14px; padding-right: 11px;
}

p.reserve_text{
		padding-top: 5px; padding-left: 14px; padding-right: 11px;
		text-align: left;
		width: 246px; height: 60px;
		font-size: 12px; line-height: 17px;
		/*
		background-color:#ffffcc;*/
}

* html p.reserve_text{
		padding-top: 5px; padding-left: 14px; padding-right: 11px;
		text-align: left;
		width: 246px; height: 70px;
		font-size: 12px; line-height: 17px;
		/*
		background-color:#ffffcc;*/
}

:root p.reserve_text{
		padding-top: 5px; padding-left: 14px; padding-right: 11px;
		text-align: left;
		width: 246px; height: 60px;
		font-size: 12px; line-height: 17px;
}

a.reserve_text_link{
		font-size: 9px; line-height: 24px; color: #000000;
}

* html a.reserve_text_link{
		font-size: 10px; line-height: 24px; color: #000000;
}

:root a.reserve_text_link{
		font-size: 10px; line-height: 24px; color: #000000;
		background-color: #DFD3CA;
		
}

/*=============================
	 #mailmagazine_boxに指定
=============================*/

#mailmagazine_box{
		padding-top: 3px; padding-left: 3px;
		width: 274px; height: 129px;
		border: 1px solid #E4E4E4;
		background-color: #DFD3CA;
}

p.mailmagazine_text{
		padding-top: 5px; padding-left: 14px; padding-right: 11px;
		text-align: left;
		width: 246px; height: 84px;
		font-size: 10px; line-height: 17px;
		background-image: url(../share/mailmagazine_text_bg.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

a.mailmagazine_text_link{
		font-size: 10px; line-height: 24px; color: #000000;
}

a.list_btn{
		padding-top: 5px; padding-left: 38px;
		position: relative;
		top: 0px; left: 261px;
		display: block;
		width: 45px; height: 16px;
		background-image: url(../share/list_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
		font-size: 10px; color: #FFFFFF;
}

a.list_btn:hover{ background-position: 0 -21px;}
a.list_btn:visited{ color: #FFFFFF;}

/*--------------news_list-----------------*/

ul.news_list{
		margin-bottom: 11px;
		padding-left: 16px; padding-top: 19px;
		width: 328px; height: 190px;
		list-style-type: none;
		background-color: #F1ECE9;
}
* html ul.news_list{
		margin-bottom: 11px;
		padding-left: 16px; padding-top: 20px;
		width: 328px; height: 189px;
		list-style-type: none;
		background-color: #F1ECE9;
}

ul.news_list li{
		margin-bottom: 11px;
		padding-left: 9px;
		background-image: url(../share/news_arrow.gif);
		background-position: 0 4px;
		background-repeat: no-repeat;
		font-size: 12px;
}
* html ul.news_list li{
		margin-bottom: 13px;
		padding-left: 9px;
		background-image: url(../share/news_arrow.gif);
		background-position: 0 4px;
		background-repeat: no-repeat;
		font-size: 12px;
}

ul.news_list li a{ color: #000000;}
ul.news_list li a:hover{ color: #3333CC;}

/*--------------info_list-----------------*/

#info_box{
		padding-top: 14px;
		margin-bottom: 5px;
		width: 344px; height: 430px;
		background-color: #F1ECE9;
}
* html #info_box{
		padding-top: 13px;
		width: 344px; height: 327px;
		background-color: #F1ECE9;
}

dl.info_list{
		margin-bottom: 1px;
		padding-left: 16px; padding-top: 6px;
		width: 328px; height: auto;
		list-style-type: none;
}
* html dl.info_list{
		margin-bottom: 1px;
		padding-left: 16px; padding-top: 7px;
		width: 328px; height: auto;
		list-style-type: none;
		
}

dt.infoimage_list{
		margin-right: 12px;
		padding-top: 1px; padding-left: 1px;
		float: left;
		width: 53px;
		background: url(../share/info_image_bg.gif) left top no-repeat;
}
* html dt.infoimage_list{
		margin-right: 8px;
		padding-top: 1px; padding-left: 1px;
		float: left;
		width: 53px;
		background: url(../share/info_image_bg.gif) left top no-repeat;
}

dd.infotext_list{
		padding-top: 1px; padding-left: 12px;
		font-size: 12px; line-height: 18px;
}

dd.infotext_list a{ color: #000000;}
dd.infotext_list a:hover{ color: #3333CC;}

img.info_border{
		clear: both;
		margin-left: 16px;
		width: 312px; height: 2px;
}

/*--------------travel_box-----------------*/

#travel_box{
		margin-bottom: 7px;
		padding-top: 3px; padding-left: 3px;
		width: 211px; height: 89px;
		border: 1px solid #D8D3C2;
		background-color: #F1ECE9;
}

#travel_sub_box{
		padding-top: 4px; padding-left: 3px;
		width: 204px; height: 82px;
		background-color: #E3DFD1;
}

p.travel_text{
		margin-bottom: 1px;
		height: 55px;
		font-size: 10px; line-height: 17px;
		padding-top: 2px; padding-left: 91px; padding-right: 5px;
		background-image: url(../share/report_image.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
}

a.travel_link{
		display: block;
		width: 202px; height: 21px;
		background-image: url(../share/report_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

a.travel_link:hover{ background-position: 0 -21px;}

/*--------------staffblog_box-----------------*/

#staffblog_box{
		margin-bottom: 7px;
		padding-top: 3px; padding-left: 3px;
		width: 211px; height: 89px;
		border: 1px solid #D8D3C2;
		background-color: #F1ECE9;
}

#staffblog_sub_box{
		padding-top: 4px; padding-left: 3px;
		width: 204px; height: 82px;
		background-color: #E3DFD1;
}

p.staffblog_text{
		margin-bottom: 1px;
		height: 55px;
		font-size: 10px; line-height: 17px;
		padding-top: 2px; padding-left: 91px; padding-right: 5px;
		background-image: url(../share/izublog_image.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
}

a.staffblog_link{
		display: block;
		width: 202px; height: 21px;
		background-image: url(../share/izublog_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

a.staffblog_link:hover{ background-position: 0 -21px;}

/*--------------マグロ解体-------------------*/

#box_event_maguro{
		margin-bottom: 5px;
		width: 211px;
		height: 84px;
		border: 1px solid #D8D3C2;
		background-color: #F1ECE9;
		text-indent:-5000pc;
		padding:2px 0 0 1px ;
		
}

a.event_maguro{
		display: block;
		width: 209px;
		height: 81px;
		background-image: url(../share/maguro_bana.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/*--------------シーズン告知-------------------*/

#box_info_season{
		margin-bottom: 5px;
		width: 211px;
		height: 84px;
		border: 1px solid #D8D3C2;
		background-color: #F1ECE9;
		text-indent:-5000pc;
		padding:2px 0 0 1px ;
		
}

a.info_season{
		display: block;
		width: 209px;
		height: 81px;
		background-image: url(../share/season_banner.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/*--------------直行バス期間限定1000円-------------------*/

#box_info_bus1000{
		margin-bottom: 5px;
		width: 211px;
		height: 158px;
		border: 1px solid #D8D3C2;
		background-color: #F1ECE9;
		text-indent:-5000pc;
		padding:2px 0 0 1px ;
		
}

a.info_bus1000{
		display: block;
		width: 211px;
		height: 158px;
		background-image: url(../share/bus_nebiki.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
}



/*--------------伊東園旅行センター告知-------------------*/

#box_info_travel{
		margin-bottom: 5px;
		width: 211px;
		height: 126px;
		border: 1px solid #D8D3C2;
		background-color: #F1ECE9;
		text-indent:-5000pc;
		padding:2px 0 0 1px ;
		
}

a.info_travel{
		display: block;
		width: 211px;
		height: 126px;
		background-image: url(../share/travel_banner.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
}


/*--------------白樺湖紹介エリア-----------------*/

#box_select_summer{
		margin-bottom: 5px;
		width: 211px;
		height: 126px;
		border: 1px solid #D8D3C2;
		background-color: #F1ECE9;
		text-indent:-5000pc;
		padding:2px 0 0 1px ;
		
}

a.select_summer{
		display: block;
		width: 209px;
		height: 126px;
		background-image: url(../share/pick_up3_banner.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/**/a.select_summer:hover{ background-position: 0 -126px;}


/*--------------ホテル湯元紹介エリア-----------------*/

#box_select_summer2{
		margin-bottom: 5px;
		width: 211px;
		height: 126px;
		border: 1px solid #D8D3C2;
		background-color: #F1ECE9;
		text-indent:-5000pc;
		padding:2px 0 0 1px ;
		
}

a.select_summer2{
		display: block;
		width: 209px;
		height: 126px;
		background-image: url(../share/pick_up2_banner.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/**/a.select_summer2:hover{ background-position: 0 -126px;}


/*--------------プール紹介エリア-----------------*/

#box_select_summer3{
		margin-bottom: 5px;
		width: 211px;
		height: 126px;
		border: 1px solid #D8D3C2;
		background-color: #F1ECE9;
		text-indent:-5000pc;
		padding:2px 0 0 1px ;
		
}

a.select_summer3{
		display: block;
		width: 209px;
		height: 126px;
		background-image: url(../share/select_summer_banner3.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/**/a.select_summer3:hover{ background-position: 0 -126px;}



/*--------------9月10月厳選施設紹介エリア-----------------*/

#box_select_autumn{
		margin-bottom: 5px;
		width: 211px;
		height: 126px;
		border: 1px solid #D8D3C2;
		background-color: #F1ECE9;
		text-indent:-5000pc;
		padding:2px 0 0 1px ;
		
}

a.select_autumn{
		display: block;
		width: 209px;
		height: 126px;
		background-image: url(../share/select_autumn_banner.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/**/a.select_autumn:hover{ background-position: 0 -126px;}


/*--------------年末年始期間の受付について-----------------*/
#box_nenmatsu_reserve {
		width: 211px;
		height: 40px;
		border: 1px solid #D8D3C2;
		background-color: #F1ECE9;
		padding:1px ;
		margin-bottom: 5px;
		text-indent:-5000pc;
}

a.nenmatsu_reserve{
		display: block;
		width: 209px;
		height: 40px;
		background-image: url(../share/reserve_nenmatsu.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

a.nenmatsu_reserve:hover{ background-position: 0 -40px;}


/*--------------繁忙期予約時限定お知らせ-----------------*/

#busy_box{
		margin-bottom: 7px;
		padding-top: 3px; padding-left: 3px;
		width: 211px; height: 155px;
		border: 1px solid #D8D3C2;
		background-color: #FFA07A;
}

#busy_sub_box{
		padding-top: 4px; padding-left: 3px;
		width: 204px; height: 147px;
		background-color: #FFE4C4;
}
/*
p.busy_text{
		height: 55px;
		font-size: 12px; line-height: 17px;
		padding-top: 3px; padding-left: 91px; padding-right: 5px;
		margin-bottom:10px;
		background-image: url(../share/busy_image2.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
}
*/
p.busy_text{
		height: 55px;
		font-size: 12px; line-height: 17px;
		padding-top: 3px; padding-left: 91px; padding-right: 5px;
		margin-bottom:10px;
		background-image: url(../share/busy_image6.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}



.busy_btn {
		display: block;
		width: 202px; height: 21px;
		background-image: url(../share/busy_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
		text-indent:-5000px;
}

a.busy_link{
		display: block;
		width: 202px; height: 21px;
		background-image: url(../share/busy_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

a.busy_link_02{
		display: block;
		width: 202px; height: 21px;
		margin-bottom:6px;
		background-image: url(../share/busy_btn02.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

a.busy_link_03{
		display: block;
		width: 202px; height: 21px;
		background-image: url(../share/busy_btn03.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}


a.busy_link:hover{ background-position: 0 -21px;}

a.busy_link_02:hover{ background-position: 0 -21px;}

a.busy_link_03:hover{ background-position: 0 -21px;}

/*--------------cityhotel_box-----------------*/

#cityhotel_box{
		margin-bottom: 7px;
		padding-top: 3px; padding-left: 3px;
		width: 211px; height: 89px;
		border: 1px solid #D8D3C2;
		background-color: #F1ECE9;
}

#cityhotel_sub_box{
		padding-top: 4px; padding-left: 3px;
		width: 204px; height: 82px;
		background-color: #E3DFD1;
}

p.cityhotel_text{
		margin-bottom: 1px;
		height: 55px;
		font-size: 10px; line-height: 17px;
		padding-top: 2px; padding-left: 91px; padding-right: 5px;
		background-image: url(../share/cityhotel_image.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
}

a.cityhotel_link{
		display: block;
		width: 202px; height: 21px;
		background-image: url(../share/cityhotel_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

a.cityhotel_link:hover{ background-position: 0 -21px;}

/*--------------dantai_box-----------------*/

#dantai_box{
		margin-bottom: 7px;
		padding-top: 3px; padding-left: 3px;
		width: 211px; height: 89px;
		border: 1px solid #D8D3C2;
		background-color: #F1ECE9;
}

#dantai_sub_box{
		padding-top: 4px; padding-left: 3px;
		width: 204px; height: 82px;
		background-color: #E3DFD1;
}

p.dantai_text{
		margin-bottom: 1px;
		height: 55px;
		font-size: 10px; line-height: 17px;
		padding-top: 2px; padding-left: 91px; padding-right: 5px;
		background-image: url(../share/dantai_image.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
}

a.dantai_link{
		display: block;
		width: 202px; height: 21px;
		background-image: url(../share/dantai_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

a.dantai_link:hover{ background-position: 0 -21px;}

/*--------------onita_hotel-----------------*/

a.onita_hotel{
		margin-bottom: 6px;
		padding-top: 35px; padding-left: 36px;
		display: block;
		font-size: 10px; line-height: 17px;
		width: 180px; height: 95px;
		background-image: url(../share/onita_hotel_image.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
}

a.shimoda_hotel{
		margin-bottom: 7px;
		padding-top: 35px; padding-left: 36px;
		display: block;
		font-size: 10px; line-height: 17px;
		width: 180px; height: 95px;
		background-image: url(../share/shimoda_hotel_image.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
}

a.yumoto_hotel{
		margin-bottom: 7px;
		padding-top: 35px; padding-left: 36px;
		display: block;
		font-size: 10px; line-height: 17px;
		width: 180px; height: 95px;
		background-image: url(../share/yumoto_hotel_image.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
}

a.kinjyokan{
		margin-bottom: 7px;
		padding-top: 35px; padding-left: 36px;
		display: block;
		font-size: 10px; line-height: 17px;
		width: 180px; height: 95px;
		background-image: url(../share/kinjyokan_image.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
}


a.onita_hotel:hover{ background-position: 0 -130px; color: #3333CC;}

a.shimoda_hotel:hover{ background-position: 0 -130px; color: #3333CC;}

a.yumoto_hotel:hover{ background-position: 0 -130px; color: #3333CC;}

a.kinjyokan:hover{ background-position: 0 -130px; color: #3333CC;}


/*--------------oyakudachi_link-----------------*/

p.oyakudachi_link{
		margin-bottom: 4px;
		height: 69px;
		font-size: 10px; line-height: 20px;
		padding-left: 84px; padding-top: 4px;
		background-image: url(../share/oyakudachi_image.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
}

p.oyakudachi_link a{ color: #000000;}
p.oyakudachi_link a:hover{ color: #3333CC;}

/*--------------sub_recruit_btn-----------------*/

a.sub_recruit_btn{
		font-size: 10px; line-height: 14px;
		padding-top: 29px; padding-left: 10px;
		display: block;
		color: #000000;
		width: 206px; height: 33px;
		background-image: url(../share/sub_recruit_btn.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
}

a.sub_recruit_btn:hover{ background-position: 0 -62px; color: #3333CC;}

/*--------------banner_area-----------------*/

#banner_area{
		clear: both;
		margin-bottom: 39px;
		width: 879px; height: 50px;
		background-color: #CCCCCC;
}

/*------------愉快------------*/

a.yukai{
		margin-bottom: 7px;
		padding-left: 10px; padding-top: 0px;
		display: block;
		width: 206px; height: 27px; letter-spacing: 0px;
		font-size: 10px; 
		text-indent:-5000pc;
		background-image: url(../share/yukai_bg.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

a.yukai:hover{ background-position: 0 -28px; color: #3333CC;}

/*--------------otobo-------------*/
a.otobo{

		margin-bottom: 7px;
		padding-top: 60px; padding-left: 36px;
		display: block;
		font-size: 10px; line-height: 17px;
		width: 180px; height: 70px;
		background-image: url(../share/otobo_image_1.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
}

a.otobo:hover{ background-position: 0 -130px; color: #3333CC;}

/*--------------bus-------------*/

a.bus{
		margin-bottom: 6px;
		padding-top: 33px; padding-left: 36px;
		display: block;
		font-size: 10px; line-height: 17px;
		width: 180px; height: 97px;
		background-image: url(../share/bus_image.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
}

a.bus:hover{ background-position: 0 -130px; color: #3333CC;}