@charset "utf-8";

/* import clearfix.css
------------------------------------------------------------ */
@import url("clearfix.css");


/* global
------------------------------------------------------------ */
#rsvWidget {
	width: 217px;
	margin-top: 82px;
	height: 323px;
	text-align: center;
	background-image: url(../../img/rsvWidget_frameBody.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	overflow: hidden;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;!important
}
#rsvWidget h2 {
	position: relative;
	width: 217px;
	height: 43px;
	background-image: url(../../img/rsvWidget_frameHead.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
/* close */
a#rsvWidget_close {
	display: block;
	position: absolute;
	top: 2px;
	right: 8px;
	width: 45px;
	height: 18px;
	background-image: url(../../img/rsvWidget_close.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
a#rsvWidget_close:hover {
	background-position: -45px 0;
	cursor: pointer;
}

/* announce
------------------------------------------------------------ */
#rsvWidget_announce {
	font-size: 10px;
	padding-top: 5px;
}
#rsvWidget_announce a {

}
#rsvWidget_announce a:link,
#rsvWidget_announce a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#rsvWidget_announce a:hover {
	text-decoration: none;
	color: #F90;
}
#rsvWidget_announce span {
	color: #FF9900;
}

/* select box
------------------------------------------------------------ */
/* common block */
#rsvWidget_checkInDate .rsvWidget_checkHeadBlock,
#rsvWidget_checkOutDate .rsvWidget_checkHeadBlock {
	padding-top: 0px;
	padding-right: 22px;
	padding-bottom: 0px;
	padding-left: 22px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* checkin/out */
#rsvWidget_checkInDate .rsvWidget_checkHeadBlock em,
#rsvWidget_checkOutDate .rsvWidget_checkHeadBlock em {
	display: block;
	float: left;
	width: 72px;
	height: 17px;
	background-repeat: no-repeat;
	line-height: 8px;
	text-indent: -9999px;
}
#rsvWidget_checkInDate .rsvWidget_checkHeadBlock em {
	background-image: url(../../img/rsvWidget_checkIn.gif);
}
#rsvWidget_checkOutDate .rsvWidget_checkHeadBlock em {
	background-image: url(../../img/rsvWidget_checkOut.gif);
}

/* calendar */
#rsvWidget_checkInDate .rsvWidget_checkHeadBlock a,
#rsvWidget_checkOutDate .rsvWidget_checkHeadBlock a {
	float: right;
	padding: 0 0 0 22px;
	background-image: url(../../img/rsvWidget_iconCalendar.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 10px;
	font-size: 8px;
	color: #FFFFFF;
}
/* form area */
#rsvWidget_checkInDate .rsvWidget_checkBodyBlock,
#rsvWidget_checkOutDate .rsvWidget_checkBodyBlock {
	clear: both;
	margin: 4px 0px;
	line-height: 10px;
	font-size: 10px;
}
/* unit */
.rsvWidget_unit {
	vertical-align: sub;
	padding: 0 0 0 1px;
	line-height: 8px;
	font-size: 9px;
	color: #FFFFFF;
}

/* otona / room */
#rsvWidget_otona,
#rsvWidget_room {
	float: left;
	padding: 3px 0 6px 22px;
	font-size: 12px;
}
#rsvWidget_otona em,
#rsvWidget_room em {
	display: block;
	width: 72px;
	height: 17px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	line-height: 8px;
}
#rsvWidget_otona em {
	background-image: url(../../img/rsvWidget_otonaNum.gif);
}
#rsvWidget_room em {
	background-image: url(../../img/rsvWidget_roomNum.gif);
}
#rsvWidget_otonaId, #rsvWidget_roomId {
	width: 40px;
}



/* button, link
------------------------------------------------------------ */
/* reserve menu */
#rsvWidget_reserveMenu {
	clear: both;
	margin: 0 22px;
}
#rsvWidget_reserveMenu li {
	float: left;
	width: 172px;
	height: 27px;
	margin: 0 0 3px;
}
#rsvWidget_reserveMenu li a {
	display: block;
	/*\*/overflow: hidden;/**/
	width: 172px;
	height: 27px;
	background-image: url(../../img/rsvWidget_reserveMemuBtn.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#rsvWidget_rm01 a {	background-position: 0 0;}
#rsvWidget_rm02 a {	background-position: 0 -27px;}

#rsvWidget_rm01 a:hover {	background-position: -172px 0;}
#rsvWidget_rm02 a:hover {	background-position: -172px -27px;}


/* members menu */
#rsvWidget_membersMenu {
	clear: both;
	list-style: none;
	margin: 4px 22px 0 22px;
}
#rsvWidget_membersMenu li {
	width: 172px;
	margin: 0 0 4px 0;
	padding: 4px 0;
	background-color: #000000;
	text-align: center;
	line-height: 10px;
	font-size: 10px;
}
#rsvWidget_membersMenu li a {
	text-decoration: none;
	color: #999999;
}
#rsvWidget_membersMenu li a:link,
#rsvWidget_membersMenu li a:visited,
#rsvWidget_membersMenu li a:hover {
	color: #FFFFFF;
}