/*  Hotel Sekia GuestRoom CSS Document */

@import url("../../css/ext2.css");
@import url("../../css/search.css");

/*	
#pageName h1{
	behavior: expression(IEPNGFIX.fix(this));
	background: url(../../img/_share/h1_stay.png) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 30px;
}
*/

/* Room Style
-------------------------------------- */
#roomStyle{
}

#roomStyle blockquote{
	margin-bottom: 1em;
	margin-left: 1em;
	margin-right: 1em;
}

#roomStyle h3,#roomStyle h4{
	clear: both;
	float: none;
}
#roomStyle h4{
	
}
/*
#roomStyle h4{
	font-size: 1.1em;
	background: #788FBD url(../../img/icon_sq01.gif) no-repeat 5px center;
	padding-left: 1.6em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	border: 2px solid #DBE4EE;
	color: #FFF;
	font-weight: normal;
	clear: both;
	display: block;
	width: 300px;
}
*/

#roomStyle ul{
}
#roomStyle li{
	
}
#roomStyle .roomExp,
#roomStyle div.roomThum{
	width: 350px;
}

#roomStyle .roomExp{
	float: left;
	display: block;
}
#roomStyle .roomExp ul{
	/*background: url(../../img/dot_x.gif) repeat-x left bottom;*/
	padding-bottom: 10px;
}

#roomStyle .roomExp li{
	margin-left: 2em;
	list-style: square;
	line-height: 160%;
}

#roomStyle div.roomLay{
	float: right;
	width: 150px;
	padding: 5px;
	text-align: center;
}
#roomStyle div.roomLay span{
	display: block;
}

#roomStyle div.roomThum{
	float: left;
	/*clear: left;*/
	/*margin-bottom: 10px;
	padding-top: 10px;*/
}

#roomStyle div.roomThum img{
	/*padding: 1px;*/
	/*border: 1px solid #CCD2DE;*/
}

#roomStyle div.roomThum ul,
#roomStyle div.roomThum li{
	margin: 0px;
	padding: 0px;	
}
#roomStyle div.roomThum li{
	float: left;
	display: inline;
	margin-right: 5px;
	line-height: 0px;
}

#roomStyle div.roomThum li a{
	display: block;
	width: 166px;
	overflow:hidden;
	/*text-align: center;
	vertical-align: middle;*/
	height: 116px;
}

#roomStyle div.roomThum li a:hover{
	filter:alpha(opacity=60); /*for IE*/
	-moz-opacity:0.6;  /* for Firefox*/
	-khtml-opacity: 0.6;
	opacity: 0.6; /*for OPERA Safari*/
}

/*
.zoom li a,.zoom li a:hover{
	display: block;
	width: 166px;
	overflow:hidden;
	height: 116px;
}

/*
.zoom li a{
	
}

.zoom li a:hover{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6; 
}
*/


/*************** Table styles ***************/

#tariff{
}

#tariff table{
	color: #333333;
	width: 500px;
}

#tariff th,#tariff td{
	font-family: Arial, Helvetica, sans-serif;
	padding: 0.3em;
	text-align: center;
	border-right: 1px solid #CCD2DE;
	border-bottom: 1px solid #CCD2DE;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	font-size: 0.9em;
}

#tariff th{
}

#tariff td{
	
	
}

#tariff th.type {
	color: #FFFFFF;
	white-space: nowrap;
	background: #CCCBD0;
}

#tariff td.number {
	background-color: #FAFAFA;
	white-space: nowrap;
}


#tariff td.dayOff {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background: #FEECFF;
	padding-right: 4px;
	padding-left: 4px;
}

#tariff span.period{
	white-space: nowrap;
	display: block;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	text-align: center;
}



/* 2009 Calendar
-------------------------------------- */


#tariffCal{
	position: relative;
}

#seasonExp{
	clear: both;
	float: none;
}

#tariffCal h5{
	text-align: center;
	padding: 2px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
}

#tariffCal div.calBox01,
#tariffCal div.calBox02,
#tariffCal div.calBox03{
	width: 168px;
	float: left;
	background: #F7F6F5;
	border: 1px solid #EEE;
	margin-right: 5px;
	margin-bottom: 5px;
	text-align: center;
}

#tariffCal div.calBox01{
}

#tariffCal div.calBox02{
}

#tariffCal div.calBox03{
}


#tariffCal table{
	margin-right: auto;
	margin-left: auto;
	width: 155px;
	margin-bottom: 5px;
}

#tariffCal th{
	font-size: 90%;
	text-align: center;
	padding: 2px;
	border: 1px solid #A0A5B1;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	background-color: #EBEEF2;
}



#tariffCal em{
	color: #C00;
	font-style: normal;
	font-weight: bold;
}
#tariffCal td{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	color: #000000;
	padding: 2px 4px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #CCD2DE;
	border-bottom: 1px solid #CCD2DE;
	border-left: 1px solid #FFFFFF;
}
/*
#tariffCal td.border4{
	border: 1px solid #CCCBD0;
}
*/

#tariff td.season1,
#tariffCal td.cl01,
#seasonExp td.cl01{
	background-color: #D1E8FF;
	white-space: nowrap;
}
#tariff td.season2,
#tariffCal td.cl02,
#seasonExp td.cl02 {
	background-color: #DBFFDB;
	white-space: nowrap;
}
#tariff td.season3,
#tariffCal td.cl03,
#seasonExp td.cl03 {
	background-color: #EFE0FF;
	white-space: nowrap;
}
#tariff td.season4,
#tariffCal td.cl04,
#seasonExp td.cl04 {
	background-color: #A8FFD3;
	white-space: nowrap;
}
#tariff td.season5,
#tariffCal td.cl05,
#seasonExp td.cl05 {
	background-color: #FF84C1;
	white-space: nowrap;
	color: #FFF;
}

#tariffCal td.cl01b,
#seasonExp td.cl01b{
	background-color: #FFE5E5;
	white-space: nowrap;
}
#tariffCal td.cl02b,
#seasonExp td.cl02b{
	background-color: #FFFFD1;
	white-space: nowrap;
}
#tariffCal td.cl03b,
#seasonExp td.cl03b{
	background-color: #FFE8D1;
	white-space: nowrap;
}

#seasonExp table{
}

#seasonExp td{
	padding: 0.5em 1em 0.5em 0.5em;
	background: url(../../img/dot_x.gif) repeat-x left bottom;
}



/* Stay Plan Page
-----------------------------------------*/

div.docPlan01{
	display: block;
	padding: 5px 15px 10px;
}

div.docPlan01:after{
content: �g.�h;
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}

div.docPlan01:after {
zoom: 100%;
}

/* Hide Mac IE \*/
* html div.docPlan01{
height: 1%;
}

div.docWrap01{
	clear: both;
	float: none;
}

.headThum{
	background: url(../plan/img/bg_head_img.gif) no-repeat 0px 0px;
	float: right;
	height: 128px;
	width: 178px;
	margin-left: 1em;
}
.headThum img{
	padding: 4px;
}

.headThum a{
}

.headThum a:hover{
	filter:alpha(opacity=60); /*for IE*/
	-moz-opacity:0.6;  /* for Firefox*/
	-khtml-opacity: 0.6;
	opacity: 0.6; /*for OPERA Safari*/
}

.docWrap01 dl,
.docWrap01 blockquote{
	margin-left: 1em;
}

.docWrap01 li{
	margin-left: 1em;
	list-style: square;
}

dl#detail{
	margin-top: 0.5em;
}

#detail dt {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	float: left;
	clear: both;
}
#detail dd {
	margin-left: 60px;
	padding-top: 0.8em;
	padding-bottom: 0.5em;
}

#detail dt.dt01,
#detail dt.dt02,
#detail dt.dt03,
#detail dt.dt04{
	text-indent: -9999px;
	width: 50px;
	/*height: 21px;*/
}
#detail dt.dt01{
	background: url(../plan/img/dt01_date.gif) no-repeat 0em 0.5em;
}
#detail dt.dt02{
	background: url(../plan/img/dt02_price.gif) no-repeat 0em 0.5em;
}
#detail dt.dt03{
	background: url(../plan/img/dt03_room.gif) no-repeat 0em 0.5em;
}
#detail dt.dt04{
	background: url(../plan/img/dt04_meal.gif) no-repeat 0em 0.5em;
}




table#charge{
	margin-top: -0.2em;
}

#charge th,#charge td{
	background: url(../../img/dot_x.gif) repeat-x left bottom;
	padding-bottom: 0.2em;
	padding-top: 0.2em;
}

#charge th{
	font-weight: normal;
	padding-right: 1em;
}
#charge td{
	text-align: right;
	padding-left: 1em;
	padding-right: 0.5em;
}

#charge td.roomName{
	font-weight: bold;
	text-align: center;
}

.docWrap01 dd em{
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #C00;
	padding-left: 0.5em;
	padding-right: 0.2em;
}

.docWrap01 dd strong{
	font-weight: bold;
	letter-spacing: 1px;
	color: #000;
}
.docWrap01 dd strong.date{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

.blockPink{
	background: #FCC;
	padding-right: 0.5em;
	padding-left: 0.5em;
}

/* To Reservation
-----------------------------------------*/

#toCal {
	width:360px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

#toCancell {
	width:175px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

#toCal ul,#toCal li,
#toCancell ul,#toCancell li{
	margin: 0px;
	padding: 0px;
}

#toCal li,#toCancell li {
	display:block;
	list-style-type:none;
	width: 174px;
	height:42px;
	float: left;
}
#toCal li a,#toCal li a:hover,
#toCancell li a,#toCancell li a:hover {
	display:block;
	height:100%;
	text-indent:-9999px;
}
*html body #toCal li a,
*html body #toCancell li a{
	line-height: 0px;
	height:100%;
	/*zoom: 1;*/
}

*+html body #toCal li a,
*+html body #toCancell li a{
	height:100%;
}

#toCal li.rsv {
	background:url(../plan/img/btn_rsv.gif) no-repeat 0px 0px;

}
#toCal li.rsv a:hover,#toCal li.rsv a.selected {
	background:url(../plan/img/btn_rsv.gif) no-repeat 0px -53px;
}

#toCal li.rsv2 {
	background:url(../plan/img/btn_list.gif) no-repeat 0px 0px;

}
#toCal li.rsv2 a:hover,#toCal li.rsv2 a.selected {
	background:url(../plan/img/btn_list.gif) no-repeat 0px -53px;
}

#toCancell li.cancell {
	background:url(../plan/img/btn_cancell.gif) no-repeat 0px 0px;

}
#toCancell li.cancell a:hover,#toCancell li.cancell a.selected {
	background:url(../plan/img/btn_cancell.gif) no-repeat 0px -53px;
}


/* Cancell Page
--------------------------------------------*/

#cancell{
}

#cancell li{
	line-height: 200%;
}

#cancell strong{
	font-size: 1.1em;
	color: #000;
}

/* Thanks Page
--------------------------------------------*/

#thanks{
	background: url(../reservation/img/visual_thanks.jpg) no-repeat center center;
	height: 500px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#thanks h3{
	padding-top: 70px;
}


/* Plan List
--------------------------------------------*/

#indexList{
	margin-top: 10px;
	margin-bottom: 10px;
}

#indexList h4{
	background: url(../plan/img/h4_iframe_plan.gif) no-repeat 0px 0px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	height: 30px;
}

#indexList iframe{
	width: 540px;
	height: 200px;
	padding: 10px;
}