/* CSS Document */

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

h3#title{
		margin-top: 3px;
		margin-right: 111px;
		float: left;
		width: 102px; height: 20px;
		background-image: url(../hotel/img/title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/*=============================
	   h4 sub_titleに指定
=============================*/

h4.sub_title{
		float: left;
		padding-left: 13px; padding-top: 8px;
		height: 19px;
		font-weight: normal; font-size: 12px;
		border-left: 3px solid #B7AAA8;
}

/*=============================
	  area_titleに指定
=============================*/

/* 修正案 */
.area_title {
	clear: both;
	padding: 0 0 16px 16px;
}
/**********/

h3#area_izu_title{
		clear: both;
		margin-top: -4px; margin-left: 16px; margin-bottom: 16px;
		text-indent: -9999px;
		width: 845px; height: 44px;
		background-image: url(../hotel/img/area_izu_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

h3#area_kanto_title{
		clear: both;
		margin-top: -4px; margin-left: 16px; margin-bottom: 16px;
		text-indent: -9999px;
		width: 845px; height: 44px;
		background-image: url(../hotel/img/area_kanto_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

h3#area_chubu_title{
		clear: both;
		margin-top: -4px; margin-left: 16px; margin-bottom: 16px;
		text-indent: -9999px;
		width: 845px; height: 44px;
		background-image: url(../hotel/img/area_chubu_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

h3#area_tohoku_title{
		clear: both;
		margin-top: -4px; margin-left: 16px; margin-bottom: 16px;
		text-indent: -9999px;
		width: 845px; height: 44px;
		background-image: url(../hotel/img/area_tohoku_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/*=============================
	   ul#hotel_navに指定
=============================*/

ul#hotel_nav{
		margin-left: 16px;
		list-style-type: none;
}

ul#hotel_nav li{
		float: left;
		margin-right: 1px; margin-bottom: 46px;
}
.ie ul#hotel_nav li{ margin-bottom: 31px; }

/*------------------リンク-------------------*/
li.ito_area_btn a{
		display: block;
		width: 120px; height: 21px;
		background: url(../hotel/img/ito_area_btn.gif) 0 0 no-repeat;
	}
li.kanto_area_btn a{
		display: block;
		width: 91px; height: 21px;
		background: url(../hotel//img/kanto_area_btn.gif) 0 0 no-repeat;
	}
li.chubu_area_btn a{
		display: block;
		width: 120px; height: 21px;
		background: url(../hotel/img/chubu_area_btn.gif) 0 0 no-repeat;
	}
li.tohoku_area_btn a{
		display: block;
		width: 130px; height: 21px;
		background: url(../hotel/img/tohoku_area_btn.gif) 0 0 no-repeat;
	}
/*------------------ロールオーバー-------------------*/
	li.ito_area_btn a:hover{ background-position: 0 -21px;}
	li.kanto_area_btn a:hover{ background-position: 0 -21px;}
	li.chubu_area_btn a:hover{ background-position: 0 -21px;}
	li.tohoku_area_btn a:hover{ background-position: 0 -21px;}


p.pdf{
		margin-top: 32px; margin-left: 16px;
		clear: both;
		padding-top: 7px; padding-left: 34px;
		width: auto; height: 24px;
		font-size: 10px;
		background-image: url(../company/img/pdf_image.gif);
		background-position: 0 0px;
		background-repeat: no-repeat;
}
* html p.pdf,
*+html body p.pdf{
		margin-top: 1px; margin-left: 16px;
		clear: both;
		padding-top: 7px; padding-left: 34px;
		width: auto; height: 24px;
		font-size: 10px;
		background-image: url(../company/img/pdf_image.gif);
		background-position: 0 0px;
		background-repeat: no-repeat;
}

p.pdf a{ font-size: 10px;}

p.att{
		margin-top: 20px; margin-left: 16px;
		clear: both;
		padding-top: 1px; padding-left: 5px;
		width: auto; height: auto;
		font-size: 12px;
		background-position: 0 0px;
		background-repeat: no-repeat;
}
* html p.att,
*+html body p.att{
		margin-top: 1px; margin-left: 16px;
		clear: both;
		padding-top: 1px; padding-left: 5px;
		width: auto; height: auto;
		font-size: 12px;
		background-position: 0 0px;
		background-repeat: no-repeat;
}

p.att a{ font-size: 12px;}

/*=============================
	   area_left_boxに指定
=============================*/

/* 修正案 */
.area_box {
	width: 539px;
	padding: 0 16px 0 322px;
	background-position: 16px 0;
	background-repeat: no-repeat;
	}
	#izu_area {
	height: auto; min-height: 578px;
	background-image: url(../hotel/img/izu_area_image.gif);
	}
	* html #izu_area { height: 578px; }
	#kanto_area {
	height: auto; min-height: 514px;
	background-image: url(../hotel/img/kanto_area_image.gif);
	}
	* html #kanto_area { height: 514px; }
	#chubu_area {
	height: auto; min-height: 514px;
	background-image: url(../hotel/img/chubu_area_image.gif);
	}
	* html #chubu_area { height: 514px; }
	#tohoku_area {
	height: auto; min-height: 514px;
	background-image: url(../hotel/img/tohoku_area_image.gif);
	}
	* html #tohoku_area { height: 514px; }
/**********/

#area_left_box{
		/*position: relative;
		top: 0px; left: 16px;
		float: left;
		margin-right: 36px; margin-bottom: 41px;*/
		position: absolute;
		padding-top: 16px;
		padding-left: 16px;
		width: 286px; height: auto/*562px*/;
}
* html #area_left_box img,
*+html body #area_left_box {
	padding-top: 0;
}
/** html #area_left_box{
		position: relative;
		top: 0px; left: 16px;
		float: left;
		margin-right: 36px; margin-bottom: 41px;
		width: 286px; height: auto;
}*/

/*=============================
	   area_right_boxに指定
=============================*/

#area_right_box{
		/*float: left;*/
		padding-left: 322px;
		padding-bottom: 34px;
		width: 539px; height: auto;
		min-height: 512px;
}
* html #area_right_box {
	height: 512px;
}

/*=============================
	   hotel_listに指定
=============================*/

ul.hotel_list{
		list-style-type: none;
}


/* ↓修正版 */
dl.hotel_list dt {
	clear: left;
	float: left;
	margin-right: 4px;
	width: 45px; height: 50px;
	background-image: url(../hotel/img/dt_border.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	}

dl.hotel_list dd {
	margin-bottom: 11px;
	float: left;
	padding-top: 3px;
	line-height: 21px;
	width: 490px; height: 50px;
	background-image: url(../hotel/img/dd_border.gif);
	background-position: 0 46px;
	background-repeat: no-repeat;
	}
	dl.hotel_list .hotel_num {
	float: left;
	padding: 13px 10px 19px 10px;
	}
	dl.hotel_list a { color: #000; }
	dl.hotel_list a:hover { color: #00f; }

dl.seasonhotel_list dt {
	clear: left;
	float: left;
	margin-right: 4px;
	width: 45px; height: 93px;
	background-image: url(../hotel/img/dt_border.gif);
	background-position: 0 42px;
	background-repeat: no-repeat;
	}

dl.seasonhotel_list dd {
	margin-bottom: 11px;
	float: left;
	padding-top: 3px;
	line-height: 21px;
	width: 490px; height: 91px;
	background-image: url(../hotel/img/dd_border.gif);
	background-position: 0 90px;
	background-repeat: no-repeat;
	}
	
	dl.seasonhotel_list .hotel_num {
	float: left;
	padding: 13px 10px 60px 10px;
	}
	
	dl.seasonhotel_list a { color: #000; }
	
	dl.seasonhotel_list a:hover { color: #00f; }
	

/* ↑修正版 */

dt.hotel_image{
		float: left;
		margin-right: 4px;
		width: 45px; height: 50px;
		background-image: url(../hotel/img/dt_border.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

dd.hotel_info{
		margin-bottom: 11px;
		float: left;
		padding-top: 3px;
		line-height: 21px;
		width: 490px; height: 50px;
		background-image: url(../hotel/img/dd_border.gif);
		background-position: 0 46px;
		background-repeat: no-repeat;
}

dd.hotel_info_bottom{
		margin-bottom: 13px;
		float: left;
		padding-top: 3px;
		line-height: 21px;
		width: 490px; height: 50px;
		background-image: url(../hotel/img/dd_border.gif);
		background-position: 0 46px;
		background-repeat: no-repeat;
}

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

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

a.hotel_link{ color: #000000;}
a.hotel_link:hover{ color: #3333CC;}
a.hotel_link:visited{ color: #000000;}

.bold{ font-weight: bold;}

.pagetop {
	clear: both;
	width: 845px;
	height: 9px;
	margin: 0 auto;
	padding-bottom: 32px;
	}
	.pagetop a {
	float: right;
	display: block;
	width: 119px; height: 9px;
	background-image: url(../share/page_back_btn.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	line-height: 9px;
	}
	.pagetop a:hover{ background-position: 0 -9px; }