@charset "utf-8";



/* import clearfix.css

------------------------------------------------------------ */

@import url("clearfix.css");



/* global

------------------------------------------------------------ */

#rsvWidget {

	background-color: #382026;

	margin: 20px 0;
	
	width: 184px;

}

#booking-area{
	overflow: hidden;
	background-color: #F2F2F2;
	margin: 0 1px 10px 1px;
}
/* IE6 */
* html #booking-area{
	padding-bottom: 70px;
}

#rsvWidget_otona,
#rsvWidget_room{
	width: 200px;
	overflow: hidden;
	clear: both;
}

.rsvWidget_checkHeadBlock{
	overflow: hidden;
	float: left;
	clear: left;
}

.rsvWidget_checkBodyBlock{
	overflow: hidden;
	float: left;
	clear: right;
}


#rsvWidget h2 {

	height: 50px;

	text-indent: -9000px;

	font-size: 12px;

	line-height: 100%;

	background-image: url(../../img/rsvWidget_frameHead.gif);

	background-repeat: no-repeat;

}
#contents #sub ol#rsvWidget_membersMenu,
#contents #sub ul#rsvWidget_reserveMenu{
	margin: 0px;
}



/* announce

------------------------------------------------------------ */

#rsvWidget_announce {

	min-height: 20px;

	background-image: url(../../img/rsvWidget_announceBg.jpg);

	background-repeat: repeat-y;

	background-position: center top;

	text-align: center;

	line-height: 20px;

	font-size: 10px;

}

#rsvWidget_announce a {

	padding: 0 0 0 15px;

	background-image: url(../../img/rsvWidget_announceBullet.gif);

	background-repeat: no-repeat;

	background-position: left center;

}

#rsvWidget_announce a:link,

#rsvWidget_announce a:visited,

#rsvWidget_announce a:hover {

	text-decoration: none;

	color: #382026;

}



/* select box

------------------------------------------------------------ */

#rsvWidget_checkInDate {

}

#rsvWidget_checkOutDate {

}

/* common block */

#rsvWidget_checkInDate .rsvWidget_checkHeadBlock,

#rsvWidget_checkOutDate .rsvWidget_checkHeadBlock {

	margin: 6px 0 0;

	padding: 0 20px 0 0;

}

#rsvWidget_checkInDate .rsvWidget_checkHeadBlock p,

#rsvWidget_checkOutDate .rsvWidget_checkHeadBlock p {

	float: left;

	height: 15px;

	background-repeat: no-repeat;

	text-indent: -9999px;

}

/* checkin/out */

#rsvWidget_checkInDate .rsvWidget_checkHeadBlock p {

	width: 98px;

	background-image: url(../../img/rsvWidget_checkIn.gif);

}

#rsvWidget_checkOutDate .rsvWidget_checkHeadBlock p {

	width: 105px;

	background-image: url(../../img/rsvWidget_checkOut.gif);

}

/* calendar */

#rsvWidget_checkInDate .rsvWidget_checkHeadBlock a,

#rsvWidget_checkOutDate .rsvWidget_checkHeadBlock a {

	float: right;

	padding: 0 0 0 18px;

	background-image: url(../../img/rsvWidget_iconCalendar.gif);

	background-repeat: no-repeat;

	background-position: left center;

	font-size: 10px;

	color: #d1cea2;

}

/* form area */

#rsvWidget_checkInDate .rsvWidget_checkBodyBlock,
#rsvWidget_checkOutDate .rsvWidget_checkBodyBlock{
	width: 200px;
	clear: both;
	overflow: hidden;
	margin: 10px 0;
	/*margin: 6px 20px;*/
}

#rsvWidget_checkInDate .rsvWidget_checkBodyBlock select,
#rsvWidget_checkOutDate .rsvWidget_checkBodyBlock select{
	font-size: 10px;
}


/* unit */

.rsvWidget_unit {

	vertical-align: sub;

	padding: 0 0 0 2px;

	font-size: 10px;

	color: #1A1A1A;

}



/* otona */

#rsvWidget_otona {

	float: left;

	padding: 0 0 10px 20px;

}

#rsvWidget_otona p {

	width: 50px;

	height: 15px;

	background-image: url(../../img/rsvWidget_otonaNum.gif);

	background-repeat: no-repeat;

	text-indent: -9999px;

	line-height: 8px;

}

#otona {

	width: 60px;

}

/* room */

#rsvWidget_room {

	float: left;

	padding: 0 0 10px 20px;

}

#rsvWidget_room p {

	width: 50px;

	height: 15px;

	background-image: url(../../img/rsvWidget_roomNum.gif);

	background-repeat: no-repeat;

	text-indent: -9999px;

	line-height: 8px;

}

#room {

	width: 60px;

}





/* button, link

------------------------------------------------------------ */

/* reserve menu */

/*#rsvWidget_reserveMenu {

	clear: both;

	width: 200px;

	margin: 0 20px;

}*/

#rsvWidget_reserveMenu{
	margin: 0;
}

#rsvWidget_reserveMenu li {

	width: 200px;

	height: 60px;

}

#rsvWidget_reserveMenu li a {

	display: block;

	/*\*/overflow: hidden;/**/

	width: 190px;

	height: 55px;

	margin: 0 5px;

}

#rsvWidget_rm01 a {	background-position: -5px 0;}

#rsvWidget_rm02 a {	background-position: -5px -60px;}



#rsvWidget_rm01 a:hover {	background-position: -205px 0;}

#rsvWidget_rm02 a:hover {	background-position: -205px -60px;}



/* members menu */

/*#rsvWidget_membersMenu {

	width: 180px;

	margin: 5px 30px 0;

}*/

#rsvWidget_membersMenu{
	margin: 5px 0 0;
}

#rsvWidget_membersMenu li {

	width: 180px;

	height: 23px;

}

#rsvWidget_membersMenu li a {

	display: block;

	/*\*/overflow: hidden;/**/

	width: 180px;

	height: 23px;

	background-image: url(../../img/rsvWidget_membersMenuBtn.gif);

	background-repeat: no-repeat;

	text-indent: -9999px;

}

#rsvWidget_mm01 a {	background-position: 0 0;}

#rsvWidget_mm02 a {	background-position: 0 -23px;}

#rsvWidget_mm03 a {	background-position: 0 -46px;}

#rsvWidget_mm04 a {	background-position: 0 -69px;}



#rsvWidget_mm01 a:hover {	background-position: -180px 0;}

#rsvWidget_mm02 a:hover {	background-position: -180px -23px;}

#rsvWidget_mm03 a:hover {	background-position: -180px -46px;}

#rsvWidget_mm04 a:hover {	background-position: -180px -69px;}


/* home css  */
#rsvWidget{
	margin: 20px 0;
	background: none;
	border-style: solid;
	border-color: #F2F2F2;
	border-width: 1px;
	overflow: hidden;
}

#rsvWidget h2{
	height: auto;
	background: none;
	text-align: center;
	text-indent: 0px;
	margin: 10px 0;
}

#rsvWidget_checkInDate .rsvWidget_checkHeadBlock,
#rsvWidget_checkOutDate .rsvWidget_checkHeadBlock{
	width: 165px;
	height: 25px;
	background-color: #F2F2F2;
}
/* IE6 */
* html #rsvWidget_checkInDate .rsvWidget_checkHeadBlock,
* html #rsvWidget_checkOutDate .rsvWidget_checkHeadBlock{
	width: 220px;
}

#rsvWidget_checkInDate .rsvWidget_checkHeadBlock p,
#rsvWidget_checkOutDate .rsvWidget_checkHeadBlock p {
	float: left;
	font-size: 12px;
	font-weight: bold;
	background: none;
	text-indent: 0px;
	color: #000000;
}


/* checkin/out */
#rsvWidget_checkInDate .rsvWidget_checkHeadBlock p {
	width: auto;
	background-image: none;
}
#rsvWidget_checkInDate .rsvWidget_checkHeadBlock p img,
#rsvWidget_checkOutDate .rsvWidget_checkHeadBlock p img{
	margin-top: 6px;
}

#rsvWidget_checkOutDate .rsvWidget_checkHeadBlock p {
	width: auto;
	background-image: none;
}

/* calendar */
#rsvWidget_checkInDate .rsvWidget_checkHeadBlock a,
#rsvWidget_checkOutDate .rsvWidget_checkHeadBlock a {
	width: 53px;
	height: 10px;
	/*overflow: hidden;*/
	position: relative;
	top: 1px;
	left: -25px;
	background: none;
	padding: 0;
	margin: 0;
}
/* IE7 */
*+html #rsvWidget_checkInDate .rsvWidget_checkHeadBlock a,
*+html #rsvWidget_checkOutDate .rsvWidget_checkHeadBlock a {
	top: 0px;
	height: 11px;
}
/* IE6 */
* html #rsvWidget_checkInDate .rsvWidget_checkHeadBlock a,
* html #rsvWidget_checkOutDate .rsvWidget_checkHeadBlock a {
	top: 0px;
	height: 11px;
}

#rsvWidget_room {
	float: left;
	padding: 0 0 10px 6px;
}

#rsvWidget_room p {
	width: 42px;
	height: 15px;
	background-image: url(../../img/number_text.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	line-height: 8px;
	margin-top: 3px;
}

#room {
	width: 60px;
}

#rsvWidget_otona {
	float: left;
	padding: 0 0 10px 6px;
}

#rsvWidget_otona p {
	width: 120px;
	height: 15px;
	background-image: url(../../img/people_text.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	line-height: 8px;
	margin-top: 1px;
}

#otona {
	width: 60px;
}

#rsvWidget ul#reservation-nav{
/*	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px 0 0 0;*/
	margin: 0 10px;
	clear: both;
}

#rsvWidget ul#reservation-nav li{
	line-height: 0;
	margin-bottom: 5px;
}

#rsvWidget ul#reservation-nav li a{
	line-height: normal;
	text-decoration: none;
}

#rsvWidget p#reservation-more{
	float: right;
	clear: both;
	overflow: hidden;
	margin: 5px 0;
}

#rsvWidget p#reservation-more a{
	font-size: 10px;
	padding-left: 10px;
	margin-right: 10px;
	background-image: url(../../img/more_icon.gif);
	background-position: left 3px;
	background-repeat: no-repeat;
}

#rsvWidget p#tel-more{
	width: 184px;
	height: 57px;
	overflow: hidden;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px 0 0 0;
	clear: both;
}