/*  Hotel Sekia GuestRoom CSS Document

    2009.10.07
-----------------------------------------*/

@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;
}
*/

/* Plan List 2009.10.07 New
-------------------------------------- */
#planNV{
}

#planNV table{
	margin-top: 10px;
	margin-bottom: 10px;
}

#planNV td{
	padding-right: 2px;
}

#planList{
	margin-top: 10px;
}


#planList h3{
	height: 100px;
	width: 560px;
	display: block;
	text-indent: -999px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#planList h3.planName01{
	background: url(../plan/img/h3_plan01.jpg) no-repeat;
}
#planList h3.planName02{
	background: url(../plan/img/h3_plan02.jpg) no-repeat;
}
#planList h3.planName03{
	background: url(../plan/img/h3_plan03.jpg) no-repeat;
}
#planList h3.planName04{
	background: url(../plan/img/h3_plan04.jpg) no-repeat;
}
#planList h3.planName05{
	background: url(../plan/img/h3_plan05.jpg) no-repeat;
}
#planList h3.planName06{
	background: url(../plan/img/h3_plan06.jpg) no-repeat;
}
#planList h3.planName07{
	background: url(../plan/img/h3_plan07.jpg) no-repeat;
}

div.planBox{
	background: url(../../img/dot_x.gif) repeat-x left bottom;
	padding-bottom: 5px;
	margin-top: 5px;
}

div.planBox:hover{
	background-color: #F0F0F0;
}


#planList h4{
	
}

#planList h5{
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 2px;
}

#planList h5 a{
	padding: 0.2em 0.2em 0.2em 1.5em;
	background: url(../../img/icon_arrow02.gif) no-repeat left center;
	display: block;
	border-bottom: 1px solid #999;
	color: #06F;
}
#planList h5 a:hover{
	background: url(../../img/icon_arrow01.gif) no-repeat left center;
	color: #F00;
}



#planList table{
	width: 100%;
}

#planList th{
	width: 90px;
	vertical-align: top;
	padding: 2px;
}
#planList th img{
	padding: 1px;
	border: 1px solid #C2C6CF;
}
#planList th a:hover{
	filter:alpha(opacity=60); /*for IE*/
	-moz-opacity:0.6;  /* for Firefox*/
	-khtml-opacity: 0.6;
	opacity: 0.6; /*for OPERA Safari*/
}

/*
#planList tr:hover{
	background-color: #F0F0F0;
}
*/

#planList td{
	text-align: left;
	vertical-align: top;
}

/* Plan List Detail dl dt dd
-------------------------------------- */

#planList dl{
	margin-top: 0.5em;
	display: block;
	width: 360px;

}

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

#planList dt.dt01,
#planList dt.dt02,
#planList dt.dt03,
#planList dt.dt04{
	text-indent: -9999px;
	width: 50px;
	/*height: 21px;*/
}
#planList dt.dt01{
	background: url(../plan/img/d01_date.gif) no-repeat 0px 0px;
}
#planList dt.dt02{
	background: url(../plan/img/d02_price.gif) no-repeat 0px 0px;
}
#planList dt.dt03{
	background: url(../plan/img/d03_room.gif) no-repeat 0px 0px;
}
#planList dt.dt04{
	background: url(../plan/img/d04_meal.gif) no-repeat 0px 0px;
}
#planList dd em{
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color: #C00;
}

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

#planList .dinner{
	line-height: normal;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	vertical-align: top;
	font-size: 0.9em;
	color: #4C586D;
}

#planList dd.meal01{
	background: url(../plan/img/icon_meal01.gif) no-repeat 0px 0px;
	padding-left: 50px;
}

#planList dd.meal02{
	background: url(../plan/img/icon_meal02.gif) no-repeat 0px 0px;
	padding-left: 50px;
}

#planList dd.meal03{
	background: url(../plan/img/icon_meal03.gif) no-repeat 0px 0px;
	padding-left: 50px;

}

#planList dd.meal04{
	background: url(../plan/img/icon_meal04.gif) no-repeat 0px 0px;
	padding-left: 55px;
}

/* PlanList ���@Detail Page
-------------------------------------- */

#planList td.btn{
	width: 100px;
	vertical-align: middle;
}

ul.toDetail{
	width: 100px;
}

ul.toDetail li a,
ul.toDetail li a:hover {
	display:block;
	height:45px;
	text-indent:-9999px;
}

ul.toDetail li.toPage {
	background:url(../plan/img/btn_detail.gif) no-repeat 0px 0px;
}
ul.toDetail li.toPage a:hover,
ul.toDetail li.toPage a.selected {
	background:url(../plan/img/btn_detail.gif) no-repeat 0px -53px;
}


/* 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,div.docPlan02{
	display: block;
	margin-bottom: 1em;
	margin-right: 0.5em;
	margin-left: 0.5em;
}

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%;
}



.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*/
}

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

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

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

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

#detail dt.dt01,
#detail dt.dt02,
#detail dt.dt03,
#detail dt.dt04,
#detail dt.dt05,
#detail dt.dt06{
	text-indent: -9999px;
	width: 50px;
	/*height: 21px;*/
}
#detail dt.dt01{
	background: url(../plan/img/d01_date.gif) no-repeat 0em 0.5em;
}
#detail dt.dt02{
	background: url(../plan/img/d02_price.gif) no-repeat 0em 0.5em;
}
#detail dt.dt03{
	background: url(../plan/img/d03_room.gif) no-repeat 0em 0.5em;
}
#detail dt.dt04{
	background: url(../plan/img/d04_meal.gif) no-repeat 0em 0.5em;
}
#detail dt.dt05{
	background: url(../plan/img/d05_tokuten.gif) no-repeat 0em 0.5em;
}
#detail dt.dt06{
	background: url(../plan/img/d06_notes.gif) no-repeat 0em 0.5em;
}

#detail dd em{
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color: #C00;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

#detail dd strong{
	font-weight: bold;
	/*letter-spacing: 1px;*/
	color: #000;
}

#detail dd strong.date{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

#detail dd ul,#detail dd li{
	list-style: none;
	margin-left: 0em;
}

.blockPink{
	background: #FCC;
	padding-right: 0.5em;
	padding-left: 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: 0.5em;
	white-space: nowrap;
}
#charge td{
	text-align: right;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

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



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

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

#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;
	clear: both;
	float: none;
	padding-left: 0.5em;
}

#indexList h3{
	margin-bottom: 5px;
}

#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;
}


/* Birthday 2010.02.10
--------------------------------------------*/

#birthday{
	background: #F8EFD8 url(../plan/img/plate_birthday.gif) no-repeat center 0px;
	padding-top: 140px;
	margin-top: 10px;
}

#birthday div.copy{
	padding-left: 55px;
	background: #F8EFD8;
	padding-bottom: 0.5em;
	border-right: 1px solid #F8A048;
	border-bottom: 2px solid #F8A048;
	border-left: 1px solid #F8A048;
	padding-top: 0.5em;
}