
/*-------------------------------------
reserve title
-------------------------------------*/

#reserveTitle {
	margin: 15px auto 0 auto;
	padding: 0;
	width: 670px;
}

/*-------------------------------------
reserve base
-------------------------------------*/

#mapwapper {
	text-align: center;
}

#reserve {
	margin: 10px auto 0 auto;
	padding: 0;
	width: 670px;
	text-align: left;
}

#reserve a {
	color: #000;
	text-decoration: none;
}

/*-------------------------------------
reserve tab
-------------------------------------*/

ul#reserveTab {
	margin: 0;
	padding: 0;
	width: 670px;
	text-indent: -9999px;
	display: block;
	list-style: none;
	background: url(../img/reserve_tab_menu.gif) no-repeat;
}

ul#reserveTab li,
ul#reserveTab li a {
	margin: 0;
	padding: 0;
	width: 223px;
	height: 46px;
	float: left;
	overflow: hidden;
	outline: none;
	transition: none;
}

li#rtFukuoka {
	width: 224px;
}

li#rtFukuoka a:hover {
	background: url(../img/reserve_tab_menu.gif) no-repeat 0 -46px;
}

li#rtKansai a:hover {
	background: url(../img/reserve_tab_menu.gif) no-repeat -223px -46px;
}

li#rtHaneda a:hover {
	background: url(../img/reserve_tab_menu.gif) no-repeat -446px -46px;
}

li#rtFukuoka.selected,
li#rtFukuoka.selected a:hover {
	background: url(../img/reserve_tab_menu.gif) no-repeat 0 -92px;
}

li#rtKansai.selected,
li#rtKansai.selected a:hover {
	background: url(../img/reserve_tab_menu.gif) no-repeat -223px -92px;
}

li#rtHaneda.selected,
li#rtHaneda.selected a:hover {
	background: url(../img/reserve_tab_menu.gif) no-repeat -446px -92px;
}

/*-------------------------------------
reserve
-------------------------------------*/

#reserveFukuoka,
#reserveKansai,
#reserveHaneda {
	margin: 0;
	/*padding: 15px;*/
	border: 1px solid #d4d4d4;
	border-top: none;
	background: #fff;
}

#reserveFukuoka,
#reserveKansai,
#reserveHaneda {
	width: 668px; /* all browsers, of course */
	width: 668px\9; /* IE8 and below */
	*width: 668px; /* IE7 and below */
	_width: 670px; /* IE6 */
}

/*--- map ---*/

.reserveMap {
	width: 350px;
	height: 305px;
	position: relative;
	top: 0;
	left: 0;
	float: left;
	padding: 10px 0 0 10px;
}

.reserveMap img {
	position: relative;
	top: 0;
	left: 0;
}

.reserveMap p {
	position: absolute;
	color: #fff;
	background: #bbb;
}

.reserveMap p a {
	display: block;
	border: 1px solid #ff8b00;
	background: #fff;
}

.reserveMap p a:hover {
	background: #ffa130;
}

/*--- map fukuoka ---*/

p.rmYamaguchi {
	top: 23px;
	left: 176px;
}

p.rmFukuoka {
	top: 75px;
	left: 168px;
}

p.rmSaga {
	top: 91px;
	left: 71px;
}

p.rmNagasaki {
	top: 126px;
	left: 36px;
}

p.rmOita {
	top: 110px;
	left: 212px;
}

p.rmKumamoto {
	top: 159px;
	left: 108px;
}

p.rmMiyazaki {
	top: 188px;
	left: 202px;
}

p.rmKagoshima {
	top: 227px;
	left: 61px;
}

/*--- map kansai ---*/

p.rmHyogo {
	top: 75px;
	left: 70px;
}

p.rmKyoto {
	top: 57px;
	left: 162px;
}

p.rmSiga {
	top: 84px;
	left: 253px;
}

p.rmOsaka {
	top: 149px;
	left: 144px;
}

p.rmNara {
	top: 188px;
	left: 218px;
}

p.rmWakayama {
	top: 233px;
	left: 105px;
}

/*--- map haneda ---*/

p.rmGunma {
	top: 84px;
	left: 74px;
}

p.rmTochigi {
	top: 60px;
	left: 162px;
}

p.rmIbaraki {
	top: 113px;
	left: 233px;
}

p.rmSaitama {
	top: 145px;
	left: 115px;
}

p.rmTokyo {
	top: 182px;
	left: 97px;
}

p.rmKanagawa {
	top: 220px;
	left: 93px;
}

p.rmChiba {
	top: 209px;
	left: 222px;
}

/*--- search ---*/

.reserveSearch {
	margin: 10px 10px 10px 0;
	padding: 0;
	width: 278px;
	float: right;
}

dl.reserveArea {
	margin: 0;
	padding: 0;
	width: 278px;
}

dl.reserveArea dt {
	margin: 0;
	padding: 5px 8px;
	font-weight: bold;
	background: url(../img/reserve_dot.gif);
}

dl.reserveArea dd {
	margin: 0;
	padding: 3px;
}

dl.reserveArea dd.raGray {
	background: #f5f5f5;
}

.reserveDetails {
	margin: 10px 0 0 0;
	padding: 0;
	width: 278px;
	border: 1px dotted #d4d4d4;
	background: #fff;
}

.reserveDetails {
	width: 276px; /* all browsers, of course */
	/* width: 278px\9;  IE8 and below */
	/* *width: 278px;  IE7 and below */
	/* _width: 278px;  IE6 */
}

dl.rdMenu {
	margin: 8px;
	padding: 0;
}

dl.rdMenu dt {
	margin: 0;
	padding: 0 0 5px 6px;
	font-weight: bold;
	float: left;
	background: url(../img/reserve_arrow.gif) no-repeat left center;
	clear: both;
}

dl.rdMenu dt {
	width: 50px; /* all browsers, of course */
	width: 60px\9; /* IE8 and below */
	*width: 60px; /* IE7 and below */
	_width: 60px; /* IE6 */
}

dl.rdMenu dd {
	margin: 0;
	padding: 0 0 5px 0;
	width: 200px;
	float: left;
}

dl.rdMenu dt.rdKeyword,
dl.rdMenu dd.rdKeyword {
	width: 260px;
}

dl.rdMenu dd input {
	width: 240px;
}

.reserveBtn {
	margin: 10px 0 0 0;
	padding: 0;
}

/*-------------------------------------
clearfix
-------------------------------------*/

.reserveCfx:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}
