@charset "UTF-8";

#right{
	width:820px;
}

*html body #right{
	width:800px;
}

#topImg{
	background-image:url(../../img/reservation/topimg.png);
	width:849px;
	height:156px;
}

#topImg h2{
	text-indent:-9999px;
}

#revCl h2{
	background-image:url(../../img/reservation/indextop.png);
	width:800px;
	height:55px;
	text-indent:-9999px;
	padding:0px;
	margin:auto;
}

#revCl h2#re{
	background-image:url(../../img/reservation/retop.png)!important;
	width:800px;
	height:55px;
	text-indent:-9999px;
	padding:0px;
	margin:auto;
}


#revCl{
	text-align:center;
	position:relative;
}

#revCl table{
	width:550px;
	margin:10px auto;
}

#revCl table th{
	border:1px #999999 solid;
	background-color:#F2F2F2;
} 

#revCl table td{
	height:65px;
	padding:0px;
	vertical-align:top;
	font-size:18px;
	text-align:left;
	border:1px #999999 solid;
	background-color:#FFFFFF;
}

*html body #revCl table td{
	font-size:125%;
}

#revCl table td span{
	display:block;
	width:15px;
	height:15px;
	padding:5px;
	background-color:#EEEEEE;
	border-right:1px #999999 solid;
	border-bottom:1px #999999 solid;
	margin-bottom:5px;
	font-size:12px;
	text-align:center;
}

#revCl table td p{
	text-align:center;
	width:80px;
	height:20px;
	text-align:center;
}

#revCl table td p a{
	display:block;
	background-image:url(../../img/reservation/yoyakubn_out.jpg);
	width:45px;
	height:20px;
	text-indent:-9999px;
	margin:auto;
}

#revCl table td p a:hover{
	display:block;
	background-image:url(../../img/reservation/yoyakubn_over.jpg);
}


.saturday{
	color:#0000FF;
}

.sunday{
	color:#FF0000;
}

#revCl table th.titleMo{
	background-color:#336699;
	color:#FFFFFF;
}

.priceup{
	background-color:#DFFFF4!important;
}

.priceoff{
	background-color:#FFE6E6!important;
}

.yPoint{
	font-size:12px!important;
	height:auto!important;
}

#revCl table td span.priceuPit{
	display:inline!important;
	width:auto!important;
	height:auto!important;
	padding:0px!important;
	background:none!important;
	border:none!important;
	margin:0px!important;
	font-size:12px;
	color:#DFFFF4;
}

#revCl table td span.offPit{
	display:inline!important;
	width:auto!important;
	height:auto!important;
	padding:0px!important;
	background:none!important;
	border:none!important;
	margin:0px!important;
	font-size:12px;
	color:#FFE6E6;
}


/* form */
#revCForm{
	text-align:center;
}

#revCForm table{
	width:550px;
	margin:10px auto;
}

#revCForm table th{
	background-color:#336699;
	color:#FFFFFF;
	text-align:left;
	padding:10px;
	border:1px #999999 solid;
} 

#revCForm table td{
	padding:10px;
	vertical-align:top;
	text-align:left;
	border:1px #999999 solid;
	background-color:#FFFFFF;
}

#revCForm table td span{
	font-weight:bold;
}

#revCForm table td.rightbrNone{
	border-right:none;
	text-align:center;
	vertical-align:middle;
}

#planA td{
	background-color:#E1FFFD!important;
}

.charge{
	font-size:13px!important;
	color:#FF0000;
}

#revCl table td#selectMonth{
	height:35px!important;
	font-size:12px!important;
	vertical-align:middle;
	padding:5px!important;
	background-color:#FFFFFF;
}

#selectMonth div.select{
	font-size:14px!important;
	width:270px;
	position:absolute;
	left:420px;
	top:70px;
	font-weight:bold;
}

*html body #selectMonth div.select{
	top:100px;
	left:435px;
}

*+html body #selectMonth div.select{
	top:100px;
	left:430px;
}

html>/**/body #selectMonth div.select {
	top /*\**/:80px\9;
	left /*\**/:430px\9;
}


#revCl table td span.goDay{
	width:45px!important;
	height:auto!important;
	background-color:#FF6600!important;
	padding:2px!important;
	color:#FFFFFF;
	border:none!important;
	font-weight:bold;
	font-size:11px!important;
	margin:auto!important;
}

*html body #revCl table td span.goDay{
	font-size:10px!important;
}