@charset "utf-8";





/* ========== Hotel ========== */ 

.hotelArea01 {

	width: 960px;

}



.hotelName01 strong {

	padding: 1px 0 0 8px;

	background: transparent url(../img/hotel_name02.gif) repeat-y left top;

	display: block;

}



.hotelLogo01 {

	margin-left: 5px;

	margin-bottom: 5px;

	float: right;

}



.hotelTxt01 {

	line-height: 1.3;

}



.hotelPhone01 {

	margin-top: 7px;

	padding-left: 25px;

	padding-bottom: 1px;

	background: url(../img/hotel_mark_tel01.gif) no-repeat 6px top;

}



.hotelIn01 {

	margin-top: 5px;

	margin-right: 10px;

	padding-left: 25px;

	float: left;

	background: url(../img/hotel_mark_in01.gif) no-repeat left center;

}



.hotelOut01 {

	margin-top: 5px;

	padding-left: 25px;

	float: left;

	background: url(../img/hotel_mark_out01.gif) no-repeat left center;

}





/* ---------- Hotel One Line ---------- */ 

.oneLine01 .hotelPhone01 {

	margin-top: 7px;

	margin-right: 10px;

	float: left;

}



.oneLine01 .hotelIn01 {

	margin-top: 7px;

}



.oneLine01 .hotelOut01 {

	margin-top: 7px;

}





.hotelDetail01 {

	margin-top: 10px;

	float: left;

}



.hotelSelect01 {

	margin-top: 10px;

	float: right;

}





/* ---------- Hotel Box01 ---------- */ 

.hotelBox01 {

	width: 300px;

	margin: 20px 20px 0 0;

	float: left;

}



.hotelBox01 .hotelName01 {

	width: 282px;

	padding: 8px 10px 5px 6px;

	line-height: 1.2;

	background: #E5E5E5 url(../img/hotel_name01.jpg) repeat-x left top;

	border: solid 1px #CCCCCC;

}



.hotelBox01 .hotelPic01 {

	width: 110px;

	margin-top: 10px;

	float: left;

}



.hotelBox01 .hotelInfo01 {

	width: 180px;

	margin-top: 10px;

	float: right;

}





/* ---------- Hotel Box02 ---------- */ 

.hotelBox02 {

	width: 460px;

	margin: 20px 20px 0 0;

	float: left;

}



.hotelBox02L {

	width: 480px;

	float: left;

}



.hotelBox02 .hotelName01 {

	width: 442px;

	padding: 8px 10px 5px 6px;

	line-height: 1.2;

	background: #E5E5E5 url(../img/hotel_name01.jpg) repeat-x left top;

	border: solid 1px #CCCCCC;

}



.hotelBox02 .hotelPic01 {

	width: 164px;

	margin-top: 10px;

	float: left;

}



.hotelBox02 .hotelInfo01 {

	width: 286px;

	margin-top: 10px;

	float: right;

}



.hotelBox02 .hotelPic02 {

	width: 258px;

	margin-top: 10px;

	float: right;

}



.hotelBox02 .hotelInfo02 {

	width: 192px;

	margin-top: 10px;

	line-height: 1.3;

	float: left;

}







/* ---------- Hotel Prefecture ---------- */ 

.hotelPref01 {

	width: 300px;

	margin: 20px 20px -10px 0;

	float: left;

}



.hotelPref02 {

	width: 460px;

	margin: 20px 20px -10px 0;

	float: left;

}







/* ========== Reserve ========== */ 

#reserveTitle {

	padding-top: 30px;

	clear: both;

}





/* ---------- Reserve Box01 ---------- */ 

#reserveBox01 {

	width: 938px;

	padding-bottom: 20px;

	border-right: 1px solid #CCCCCC;

	border-bottom: 1px solid #CCCCCC;

	border-left: 1px solid #CCCCCC;

}





.reserveHotel01 {

	margin: 0 12px;

	padding-top: 9px;

}



/* IE7 */

*+html .reserveHotel01 {

	margin-top: 9px;

	padding-top: 0;

}



/* IE6 */

* html .reserveHotel01 {

	margin-top: 9px;

	padding-top: 0;

}



.reserveHotel01 p {

	width: 265px;

	margin-top: 5px;

	margin-right: 10px;

	float: left;

	padding-left: 19px;

	text-indent: -19px;

}



/* IE7 */

*+html .reserveHotel01 p {

	padding-left: 25px;

	text-indent: -25px;

}



/* IE6 */

* html .reserveHotel01 p {

	padding-left: 25px;

	text-indent: -25px;

}







.reserveHotel01 li label {

	margin:0;

	padding: 0;

}



.reserveOther01 {

	margin: 0 20px;

}



.reserveOther01 li {

	list-style: none;

	display: block;

	margin: 0;

	padding: 20px 10px 0 0;

	float: left;

}





/* ---------- Reserve Box02 ---------- */ 

#reserveBox02 {

	width: 458px;

	padding-bottom: 20px;

	border-right: 1px solid #CCCCCC;

	border-bottom: 1px solid #CCCCCC;

	border-left: 1px solid #CCCCCC;

}



#reserveBox02 .reserveOther01 {

	margin: 0 15px;

}







/* ========== Reserve Renewal ========== */ 

.reserveHotelRn01 {

	margin: 0 8px 0 10px;

	padding-top: 20px;

}







.reserveHotelRn01 p {

	width: 265px;

	margin-top: 5px;

	margin-right: 10px;

	float: left;

	padding-left: 19px;

	text-indent: -19px;

}



/* IE7 */



*+html .reserveHotelRn01 p {

	padding-left: 25px;

	text-indent: -25px;

}



/* IE6 */



* html .reserveHotelRn01 p {

	padding-left: 25px;

	text-indent: -25px;

}



.reserveHotelRn01 li label {

	margin:0;

	padding: 0;

}





.reserveHotelTbRn01 {

	width: 3.2em;

	color:#666666;

}







.reserveHotelFrmRn01 {

	padding: 5px 7px;

	border: solid 1px #CCCCCC;

	background-color: #F7F7F7;

}





.reserveHotelBtn01 {

	padding: 0 0 0 30px;

	vertical-align: top;

}









/* ========== DP Frame ========== */ 

#dpFrm01A {

	width: 940px;

	background: transparent url(../img/dp_frm01_bg01.jpg) repeat-y left top;

}



#dpFrm01B {

	width: 940px;

	background: transparent url(../img/dp_frm01_bg02.jpg) no-repeat left top;

}



#dpFrm02 {

	width: 570px;

	background: transparent url(../img/dp_frm02_bg01.gif) repeat-y left top;

}



#dpFrmCont01 {

	padding: 0 20px 11px 20px;

}



#dpFrmCont02 {

	padding: 0 10px;

}





/* ========== Attention Frame ========== */ 

#attFrm01 {
	width: 90%;
    margin: 0 auto;
		
	padding: 30px;

	border: solid 1px #CCCCCC;

}





/* ========== Footer ========== */ 

#footer {

	margin-top: 30px;

	padding: 8px 10px;

	background-color: #EEEEEE;

}