@charset "Shift_JIS";


/* ========== 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 {
	margin-top: 30px;
	padding: 10px;
	border: solid 1px #CCCCCC;
}


/* ========== Footer ========== */ 
#footer {
	margin-top: 30px;
	padding: 8px 10px;
	background-color: #EEEEEE;
}



