@charset "utf-8";

/*  */

.clear{
	clear:both;
}
.fll{
	float:left;
}
.flr{
	float:right;
}
.no-padd{
	padding:0;
}
.no-mag{
	margin:0;
}

/* margin */

.mgt5{
	margin-top:5px;
}
.mgb5{
	margin-bottom:5px;
}
.mgt10{
	margin-top:10px;
}
.mgb10{
	margin-bottom:10px;
}
.mgr10{
	margin-right:10px;
}
.mgl10{
	margin-left:10px;
}
.mgt15{
	margin-top:15px;
}
.mgb15{
	margin-bottom:15px;
}
.mgl15{
	margin-left:15px;
}
.mgr15 { margin-right:15px;}
.mgt20{
	margin-top:20px;
}
.mgl20{
	margin-left:20px;
}
.mgb20{
	margin-bottom:20px;
}
.mgt30{
	margin-top:30px;
}
.mgb30{
	margin-bottom:30px;
}
.mgb40{
	margin-bottom:40px;
}
.mgr30{
	margin-right:30px;
}
.mgt40{
	margin-top:40px;
}
.mgt45{
	margin-top:45px;
}
.mgl25{
	margin-left:25px;
}
.mgl75{
	margin-left:75px;
}
.adjust10 { padding-right:10px; padding-bottom:10px; float:left;}


.mgb50{
	margin-bottom:50px;
}
.mgb100{
	margin-bottom:100px;
}

.padd5{
	padding:5px;
}
.ls0{
	letter-spacing:-0.1em;
}
.pdl5 { padding-left:5px;}
.pdb20 { padding-bottom:20px;}
/* text */

.text{
	font-size:12px;
}
.ts{
	font-size:11px;
}
.tss{
	font-size:10px;
}
.tl{
	font-size:14px;
}

.lineh15{
	line-height:1.5em;
}

.tx_style01 { text-align:center;}
/* font color */

.tcol_pink{
	color:#f9818f;
}
.tcol_red{
	color:#cc0000;
}
.tcol_red2{
	color:#ff2700;
}
.tcol_br{
	color:#592906;
}
.tcol_gray{
	color:#bfbfbf;
}


/* width */

.w700{
	width:700px;
	margin:30px auto 0px;
}
.w350{
	width:350px;
}
.w140{
	width:140px;
}
.w580{
	width:580px;
}
.w580 p { padding-bottom:10px;}
.h100{
	height:100px;
}
.h120{
	height:120px;
}


.posi_r10{
	position:relative;
	right:-10px;
}
.posi_r10 p{
	text-align:center;
	margin-bottom:5px;
	color:#595959;
	font-weight:bolder;
}


/************************calender**************************************/
.acco_head {cursor:pointer; }

.notes_n, .notes, .notes_b, .notes02, .notes_L   {
	font-size:11px;
	font-weight:normal; word-wrap: break-word; white-space: normal;
}
/*.notes_n span, .notes span, .notes_L span  {padding: 0 5px;}*/
.notes { color:#c7000a; }
.notes_L { color:#c7000a; font-size:12px; font-weight:bold; }
.notes_n { font-size:12px;}
.notes_b { font-weight:bold; font-size:12px;}
.notes02 { color:#006400;}
.pale, .pale span.notes { color:#a1a1a1;} 
.pale img { opacity:0.3;}
.pale02 { color:#bfbfbf;}



.logo_list { padding: 10px 0 10px 0; float: left; width:100%;}
.logo_list p { width:20%; float:left; }
.logo_list ul { width:80%; float:right;}
.logo_list ul li { display:inline; }
.logo_list ul li a { float:left; margin:0 0 5px 10px;}


/************************ 一週間カレンダー **************************************/
table.calender{clear:both;text-align:left; margin: 0; }

table.calender td, table.calender th {vertical-align: middle;}

#page01 {width:580px;}
#page02 {width:620px;}

.calbox{padding:0px 3px;height:20px;line-height:22px;width:100px;float:left;}
#boxGo { position:relative;  bottom:-11px;}

thead.controls tr th{}
table.calender thead.controls { }
table.calender thead.controls tr th.date_navigation{padding:0px; background:none; border:none;}
table.calender thead.controls tr th.date_navigation table{margin:0px;  }
table.calender thead.controls tr th.date_navigation table#style01 {position:relative; right:-171px;  }


table.calender thead.controls tr th.date_nav{background:none;border:none; color:#333;}
table.calender thead.controls tr th.date_nav .date_from{display:inline-block;}

.date_nav ul.back a.day{background-position:-50px 0px;}
.date_nav ul.back a.day:active{background-position:-50px -20px;}
.date_nav ul.back a.week{background-position:0px 0px;}
.date_nav ul.back a.week:active{background-position:0px -20px;}
.date_nav ul.forward a.day{background-position:-100px 0px;}
.date_nav ul.forward a.day:active{background-position:-100px -20px;}
.date_nav ul.forward a.week{background-position:-150px 0px;}
.date_nav ul.forward a.week:active{background-position:-150px -20px;}

.date_nav ul{padding:0;margin:0;vertical-align:middle;}
.date_nav ul li{display:block;float:left;}
.date_nav ul a{width:50px;display:block;background:url(../img/acc/buttons.png) no-repeat;width:50px;height:20px;overflow:hidden;text-indent:-9999px;overflow:hidden;}
.date_nav ul.forward{display:inline;float:right;}
.date_nav label,.date_nav span{color:#333; font-weight:bold;}
.date_nav span{width:250px;}
.date_nav .date_from{height:17px;line-height:22px; padding-bottom:5px;}
.date_nav .date_from label{display:block;float:left;line-height:22px;padding:0 5px;}
.date_from_nav{text-align:center;}

th.top_left_corner{  }
th.top_right_corner{  }


th.date{padding:0;margin:0;width:40px;height:60px;}
th.date span{display:block;text-align:center;}
th.date span.day_name{font-size:11px;font-weight:bold;white-space:nowrap;}
th.date span.day{font-size:15px;margin:-4px 0;}
th.date span.month{font-size:11px;font-weight:normal;}

table.calender thead th{height:40px;background:#F6EFDF;padding:0 5px; border: solid 1px #bfbfbf;color:#592906;}

table.calender th.note{font-weight:normal;font-size:11px; background:#eeeeee; color:#333; }
table.calender td{background:#F6EFDF;padding:3px 5px;border: solid 1px #bfbfbf;}

table.calender#page01 td.room_name p{/*white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;*/width:212px;margin:0;color:#592906; font-weight:bold;}

table.calender#page02 td.room_name p{width:242px;margin:0;color:#592906; font-weight:bold;
}
table.calender td.room_name {}
table.calender td.book_now{width:40px; 
}
table.calender th.weekend{background:#ede0c2;}
table.calender td.rate{width:40px;padding:2px;background:#FFF;text-align:center;}

table.calender#page01 td.rate:hover{background:#d2e1e6;}

table.calender td.rate a{text-decoration:none;display:inline-block;}

table.calender td.rate span,table.calender td.rate a{width:100%;line-height:39px;}

table.calender td.rate span.wide,table.calender td.rate a.wide{font-size:10px;}


table.calender td.weekend{background:#eeeeee; }



table.calender tr.grouping td{background:#fff;height:1px;font-weight:bold;font-size:1.1em;}

table.calender tr.grouping td.blank{padding:0px;}

a.details{font-size:11px;padding-left:12px;background:url(../img/acc/details2.png) left center no-repeat;}
a.photos{font-size:11px;padding-left:18px;background:url(../img/acc/photo.png) left center no-repeat;}


/************** 予約ページ ****************/

table.step0 { margin: 10px 0; /*background:#FFF;*/}
table.step0 th, table.step0 td { border: none; padding:5px;}

.checkin{padding:0; border:none;}
.checkin ol{margin:0;order:0;overflow:hidden;zoom:1; padding:10px 0;}
.checkin ol li{list-style-image:none;list-style-type:none;margin-left:0;white-space:nowrap;display:inline;float:left;padding-left:24px;padding-right:10px; }
.checkin ol li label{font-weight:bold;padding-right:5px;display:block;float:left; color:#006d2c;  }


/*step2*/
.bg01,.bg02  { background:#ff5900; color:#FFF; font-weight:bold; }
.bg02 { background:#592906;}
table.step2 { width:700px; margin-left:5px; margin-right:5px; margin-bottom:5px; clear:both;}
table.step2 thead th { }

table.step2 th, table.step2 td { border: solid 1px #bfbfbf; padding:5px; vertical-align:middle;}
table.step2 tbody td { background:#FFF;}
table.step2 tfoot { border: solid 1px #bfbfbf; background:#fff;}
table.step2 tfoot td{ border:none;}

.rate2 { text-align:center;  }
.rate3 { } .rate4 {}
.rate3 span { font-weight:bold;}

.style03 { font-weight:bold; font-size:12px;}


.roomcol{padding-left:10px}
.roomcol{font-weight:normal;font-size:11px}

.roomcol ol{margin:0;padding:0;border:0;overflow:hidden;*zoom:1}
.roomcol ol li{list-style-image:none;list-style-type:none;margin-left:0px;display:inline;float:left;padding-left:4px;padding-right:4px;word-wrap: break-word; white-space: normal;}
.roomcol ol li span.title { font-weight:bold; color: #ff5900; font-size:14px;}


/************************* SEARCH ACCOMMODATION ************************/

table.search_AC{
	margin: 10px 0; clear:both;
}
table.search_AC thead th, table.search_AC tbody td, table.search_AC tbody th, table.search_AC tfoot th
{ border:#bfbfbf 1px solid; padding:7px 10px; border-collapse:collapse;
	vertical-align:middle;
	}
	
table.search_AC thead th{
	background:#f6efdf;
	color:#592906; font-weight:bold; 
}
table.search_AC tbody td, table.search_AC tbody th{
	text-align:left;
}
table.search_AC tbody th {  font-weight:bold;}
table.search_AC tbody td table td { border:none;}

table.search_AC tfoot th {  text-align:center; border:none; padding:7px 10px;}


/************************* TOP PAGE SEARCH ACCOMMODATION ************************/

table.search_AC2{
	border:#bfbfbf 1px solid; width:160px;
}
table.search_AC2 thead th, table.search_AC2 tbody td, table.search_AC2 tbody th, table.search_AC2 tfoot th
{  border-collapse:collapse;
}
table.search_AC2 thead th{
	background:#f6efdf;
	color:#592906; font-weight:bold;
	padding:4px 3px;
	border-bottom:#bfbfbf 1px solid;
}
table.search_AC2 tbody td, table.search_AC2 tbody th{}
table.search_AC2 tbody th { font-weight:bold;  padding:4px 3px 0 3px}
table.search_AC2 tbody td { padding:4px 3px}

table.search_AC2 tfoot th {  text-align:center; padding: 5px 0;}





/*** test class***/
.border01 { border-top: solid #FFF 2px; width: 100%; margin:10px 0;}
.border02 { border-top: solid #bfbfbf 2px; width: 100%; }
.border03 { border-top: solid #999999 1px; width: 580px; padding-bottom:15px;}






.planpic { float:left; padding-right:10px; padding-bottom:10px;}
.box01 {
	width:430px;
	border: solid 1px #bfbfbf;
	padding:5px;
	float:left;
	margin-bottom: 10px;
	background:#FFF;
	 }
	 .box01 h4, .box01 h3 { padding-left:5px;}


.box03 {  padding:5px; margin: 10px 0;}
.box03 h3 {padding-left:5px; background:none;}
.box03 h3 span { font-size: 12px; color:#4d4d4d; padding-left:10px;
	}
.box03 h4 span {font-size: 12px;  padding-left:10px; font-weight:normal;}

.box03 p, .box03 ul, .box03 h4 { padding:5px; }

.box02 { padding:0 15px; padding-bottom:15px;margin: 5px; background:#fff;  width:655px; border:5px solid #eeeeee; }

.button, .button2 { color:#FFF; font-weight:bold; padding:3px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border:none; cursor: pointer; background:#592906;}
.button2 { background:#b367b2;}
.button a, .button2 a { color:#FFF; }
input:hover, .button2:hover { opacity:0.8;}
.button2 a:hover { text-decoration:none;}

.bgcl01 { background:#F3F3F3;} .bgcl01 h3, .bgcl01 h4 { color:#4d4d4d;}/*gray*/
.bgcl02 { background:#ffeee5;} .bgcl02 h3, .bgcl02 h4 { color:#ff5900;}/*オレンジ*/
.bgcl02 .button { background:#ff5900;}
.bgcl03 { background:#eff8e8;} .bgcl03 h3, .bgcl03 h4 { color:#006d2c;} /*緑*/
.bgcl03 .button { background:#006d2c;}
.bgcl04 { background:#faebfa;} .bgcl04 h3, .bgcl04 h4 { color:#81017e;} /*紫*/
.bgcl04 .button { background:#81017e;} 
.bgcl05 { background:#e6e9f3;} .bgcl05 h3, .bgcl05 h4 { color:#0a50a1;}/*青*/
.bgcl06 { background:#feecec;} .bgcl06 h3, .bgcl06 h4 { color:#f84263;}/*ピンク*/
.bgcl07 { background:#f0f9e3;} .bgcl07 h3, .bgcl07 h4 { color:#66b821;}/*黄緑*/


#box02 { float:left; clear:both; width:250px; }
.list_photo {
	padding-top:10px;}
	
	
	

table.step3 { margin: 10px 0;}
table.step3 th, table.step3 td {  padding:10px 5px;}
table.step3 th { font-weight:bold; width:200px;}

.wd01 { width:80px;}
.wd02 { width:100px;}
.wd03 { width:200px;}
.adjust01 { position:relative; top:3px; right:-3px;}
.fwb { font-weight:bold;}

/************* FAQ ******************/
ul.faqnav {  float:left;clear:both; padding: 5px 0 20px 0;}
ul.faqnav li { display:inline; padding-right:5px; float:left;}
ul.faqnav li a { color:#FFF; font-weight:bold; background:#592906; text-decoration:none; padding:3px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; line-height:28px;}
ul.faqnav li a:hover { background:#ff5900;}

.faqbox { border-top: solid #FFF 2px; width: 100%;
}
.faqbox_in {
	width:690px;
	float:left;
	border-left: 6px solid #ff5900;
	background-color:#FFF;
	padding-left:3px;
	margin-left:5px;
	margin-bottom:10px;
	margin-top:10px;
	-webkit-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
	}
.faqbox_in p { font-weight:bold; }
.faqbox_in span { }

/******************* TOOLTIP *************************************/
.tooltip {}
.tooltip li { position: relative;}
.tooltip a { font-weight: bold;}
.tooltip li span {
     background: #fff;
	 opacity:0.9;
     border: 1px solid #ee7700;
     position: absolute;
     top: -30px;
     left: 180px;
     text-align: left;
     padding: 10px;
     z-index: 2;
     display: none;
	 width:400px;
	 text-align:left;
	 color:#333;
     }
.tooltip li span:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 10px solid transparent;
    border-right-color: #ee7700;
    right: 100%;
    top: 22px;
   }
   
/******************* TA widget *************************************/   
.Ta { width:155px; min-height:185px;}
.Ta_inner { width:155px; min-height:185px; position:relative; left:-7px;}

/******************* JRE *************************************/ 
#JRE_but { text-align:right; padding: 23px 15px 0 0;}