@charset "Shift_JIS";

@import url(/common/css/jtb_site_970.css);
@import url(/common/css/regulation_970.css);

/*------------------------------*/

#shisetsu #contentsArea,
#yadodayori #contentsArea{
margin-top:0px;
}

#shisetsu #localNavigation,
#yadodayori #localNavigation{
margin-bottom:0px;
}

#gridC01{
width:830px !important;
width:950px;
}

p{
color:#333333;
}

h2{
	background:url(../images/bg_h2_2.gif) no-repeat bottom;
	text-align:left;
	border:none;
	padding:0px 20px 15px 26px;
	color:#333333;
	line-height: 135%;
	margin:0px 0px 10px 0px;
	font-size: 100%;
}


h2.kushitsu{
	background:url(../images/bg_kushitsu_ti.gif) no-repeat bottom;
	text-align:left;
	border:none;
	padding:2px 20px 15px 26px;
	color:#333333;
	line-height: 135%;
	margin:0px 0px 10px 0px;
	font-size: 100%;
}

#plandetail h3{
	background:url(../images/bg_h2_grey.gif) no-repeat bottom;
	text-align:left;
	border:none;
	padding:0px 20px 15px 26px;
	color:#333333;
	line-height: 125%;
	margin:0px 0px 10px 0px;
	font-size: 92%;
}



h1{
margin-bottom:20px;
	padding-top:10px;
	padding-bottom:14px;
}

#list h1{
margin-bottom:10px;
}
h1 em{
font-size:70%;
}


#shisetsu h1,
#yadodayori h1{
	background:url(/common/images/title_h1.gif) no-repeat left bottom;
	padding-left:25px;
	padding-top:1px;
	padding-bottom:2px;
}

#shisetsu h1,
#yadodayori h1{
	margin-bottom:5px;
	margin-top: 0px;
}


#plandetail h1,
#plandetailresult h1{
background:none;
padding:0px;
border:none;
font-size:92%;
line-height:100%;
}

#plandetail h1{
margin:0;
line-height:1.3em;
}

#plandetailresult h1{
margin-bottom:10px;
line-height:1.3em;
}

#plandetail h1 em,
#plandetailresult h1 em{
font-size:70%;
font-weight:normal;
}

.otherselectbox h3{
	background:url(../images/bg_h2_grey.gif) no-repeat bottom;
	text-align:left;
	border:none;
	padding:0px 20px 14px 26px;
	color:#333333;
	line-height: 125%;
	margin:6px 0px 10px 0px;
	font-size: 92%;
}

.actionbox h3{
	background:url(../images/bg_kushitsu_ti.gif) no-repeat bottom;
	text-align:left;
	border:none;
	padding:0px 20px 14px 26px;
	color:#333333;
	line-height: 125%;
	margin:6px 0px 3px 0px;
	font-size: 92%;
}

.fs10{
font-size:77%;
line-height:1.2em;
}
* html .fs10{
font-family: 'ＭＳ Ｐゴシック', sans-serif;
font-size:77%;
line-height:1.2em;
}
*:first-child+html .fs10{
font-family: 'ＭＳ Ｐゴシック';
font-size:71%;
line-height:1.2em;
}


.clearfix:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix{
	display:inline-block;
}

/* リンク */

a.linkStandard{
	background:url(/common/images/icon_list.gif) 0 0.4em no-repeat;
	padding-left:10px;
}

.linkDown a{
	background:url(/common/images/icon_list_down.gif) 0 0.45em no-repeat;
	padding-left:9px;
}

.linkWindow{
	background:url(/common/images/window.gif) 0 center no-repeat !important;
	padding-left:12px !important;
}


/*--------------------------- リンクリスト横並び ---*/
.linkListHorizontalDown:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	margin:10px;
	
}
.linkListHorizontalDown{
	display:inline-block;
}
.linkListHorizontalDown li{
	float:left;
	margin-right:15px;
	white-space:nowrap;
}
.linkListHorizontalDown a{
	font-size:92%;
	background:url(/common/images/icon_list_down.gif) 0 0.3em no-repeat;
	padding-left:10px;
}

.linkUp{
margin-bottom:20px;
font-size:92%;
}

.windowlist a{
	background:url(/common/images/window.gif) no-repeat left 0.3em !important;
}

.planlist{
width:830px;
}


/*--------------------------------------------------common---*/

#localNavigation{
text-align:right;
margin:5px 0px;
font-size:92%;
}


#localNavigation em{
margin-right:10px;
font-weight:normal;
}


/*----------------------施設概要--------*/

#outline:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#outline{
	display:inline-block;
	padding-bottom:15px;
	margin-top:10px;
}

#outline .photobox{
float:left;
width:248px;
}

#outline .photobox img{
border:1px solid #cecece;
}



#outline .description{
margin-left:265px;
}

#outline .description p{
font-size:92%;
line-height:120%;
margin-bottom: 6px;
}

#outline .description .prBox table{
	padding:0;
	margin:0;
}
#outline .description .prBox td{
	border:none;
	padding:0;
	margin:0;
	font-size:100%;
}

#outline .description p.hyoka{
text-align:right;
font-size:72% !important;
font-size:60%;
margin-bottom:3px;
}
*:first-child+html #outline .description p.hyoka {
  font-family: 'ＭＳ Ｐゴシック',sans-serif;
  font-size:55%;
}
#outline .description p.hyoka img{
margin-right:3px;
vertical-align:middle;
}

#outline .description p.rate{
	float:left;
	width:245px !important;
	width:245px;
	padding:6px 0 6px 0;
	margin:0px;
	background:url(../images/bg-rate.gif) no-repeat top;
}
#outline .description p.rate span{
margin-left:10px;
margin-right:8px;
margin-top:5px;
}
#outline .description p.rate em{
margin-left:0;
margin-right:0;
margin-top:5px;
margin-bottom:0;
font-size:88% !important;
font-size:70%;
font-weight:normal;
}
*:first-child+html #outline .description p.rate em {
  font-family: 'ＭＳ Ｐゴシック',sans-serif;
  font-size:50%;
}
#outline .description p.rate img{
margin-right:2px;
margin-bottom:3px;
vertical-align:middle;
}

#outline .description p.icon90{
text-align:right;
margin-left:245px !important;
margin-left:245px;
margin-bottom:0;
height:2.5em;
}
#outline .description p.icon90 img{
vertical-align:middle;
}

#outline .description .outlinetxt{
	border-bottom:1px solid #e5e5e5;
	line-height:135%;
	font-size:100%;
	margin-bottom:8px;
	padding-bottom: 8px;
}

#outline .description .access{
	line-height:115%;
	margin-bottom:8px;
}

#outline .description .access img{
vertical-align:middle;
margin-bottom:2px !important;
margin-bottom:0px;
}



#outline .description .caution,
.cautionbox{
border:3px double #cc0000;
background:#ffe4e4;
padding:5px 9px;
margin-bottom:8px;
}

#outline .description .caution p,
.cautionbox p{
	color:#cc0000;
	font-size: 92%;
	line-height: 115%;
}

#outline .description .caution h2,
.cautionbox h2,
.errorbox h2{
	background:none;
	border:none;
	padding:0px;
	margin:0px;
	color:#cc0000;
}


#outline .description .icon{
float:left;
}

.icon img{
margin-right:4px;
}

#outline .description .mobile{
float:right;
font-size:92%;
}


/*----------------------切り替えタブ--------*/

#tabs:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#tabs{
	display:inline-block;
	border-bottom:5px solid #25256e;
	padding-left:5px;
	width:830px;
}

#tabs p.tabimg{
float:left;
width:600px;
}

#tabs p.tabimg img{
margin:0px 5px 0px 0px;
}

#tabs p.topics{
margin-left:710px !important;
margin-left:705px;
}

#downlinklist{
	background:url(../images/bg_linklist.gif) repeat-x bottom;
	padding:4px 18px 16px 18px !important;
	padding:6px 18px 16px 18px;
	margin-bottom: 5px;
}


/*----------------------カレンダー-------------*/


#calendarbox .calendarinner table,
.arealistbox table,
table.calendar{
border:1px solid #cccccc;
border-collapse:collapse;
}

#calendarbox .calendarinner table{
margin:10px 25px;
}

.arealistbox table{
width:100%;
	margin:3px 0px 5px 0px;
}

.osusumeplan table.calendar,
.normalplan table.calendar{
	margin:0px 0px 10px 23px;
	width: 783px;
}

.conditionselectbox table.calendar{
	margin:5px 0px 0px 0px;
	width:630px;
}

#calendarbox .calendarinner table td,
#calendarbox .calendarinner table th,
.arealistbox table th,
.arealistbox table td{
border:1px solid #cccccc;
		font-size:92%;
	line-height:110%;
}

.osusumeplan table.calendar td,
.osusumeplan table.calendar tbody th,
.normalplan table.calendar td,
.normalplan table.calendar tbody th{
	background:url(../images/bg_plancalendar_td.gif) repeat-x top;
	border:1px solid #cccccc;
	text-align:center;
	padding:5px;
	line-height: 140%;
	vertical-align:middle;
	font-weight:bold;
}


#calendarbox .calendarinner table td,
#calendarbox .calendarinner table th{
width:104px;
padding:3px;
}

.arealistbox table th,
.arealistbox table td{
	padding:8px 5px;
}

#calendarbox .calendarinner table thead th{
text-align:center;
background:url(../images/bg_cal_thead.gif) repeat-x bottom;
}

.arealistbox thead th{
background:url(../images/bg_plancalendarnormal_th.gif) repeat-x bottom #f5f5f5;
	width:218px;
}

.arealistbox thead td,
.conditionselectbox table.calendar thead td{
background:url(../images/bg_plancalendarnormal_th.gif) repeat-x bottom #f5f5f5;
	text-align:center;
}

.conditionselectbox table.calendar thead td{

}

.arealistbox thead td{
	width:38px;
}

.arealistbox thead td.holy em,
.conditionselectbox table.calendar thead td.holy em,
#calendarbox .calendarinner table thead th.sunday{
color:#ff3333;
font-weight:normal;
}

.arealistbox thead td.weekend em,
.conditionselectbox table.calendar thead td.weekend em,
#calendarbox .calendarinner table thead th.satday{
color:#3300ff;
font-weight:normal;
}

#calendarbox .calendarinner table tbody th{
text-align:center;
background:url(../images/bg_cal_weekday.gif) repeat-x bottom #f4f2e6;
text-align:left;
font-weight:bold;
}

#calendarbox .calendarinner table tbody th.holy,
.osusumeplan table.calendar thead td.holy,
.normalplan table.calendar thead td.holy,
.arealistbox thead td.holy,
.conditionselectbox table.calendar thead td.holy{
background:url(../images/bg_cal_holiday.gif) repeat-x bottom #ffdede;
}

#calendarbox .calendarinner table tbody th.weekend,
.osusumeplan table.calendar thead td.weekend,
.normalplan table.calendar thead td.weekend,
.arealistbox thead td.weekend,
.conditionselectbox table.calendar thead td.weekend{
background:url(../images/bg_cal_weekend.gif) repeat-x bottom #ddddf2;
}


#calendarbox .calendarinner table tbody td{
background:url(../images/bg_cal_normal.gif) repeat-x top #ffffff;
text-align:center;
line-height:120%;
font-size:100%;
font-weight:bold;
padding:8px 3px;
vertical-align:middle;
}

#calendarbox .calendarinner table tbody td.nondata{
background:url(../images/bg_cal_non.gif) repeat-x top #eeeeee;
}

.arealistbox tbody th{
	vertical-align:middle;
	text-align:left;
}

.arealistbox tbody td{
	text-align:center;
	vertical-align:middle;
}

.arealistbox tbody .topline,
.conditionselectbox table.calendar tbody td{
	background:url(../images/bg_plancalendar_td.gif) repeat-x top;
	text-align:center;
}

.conditionselectbox table.calendar tbody td{
padding:6px 0px;
}

.arealistbox tbody tr.topline td.over{
background:url(../images/bg_calender_yellow.gif) repeat-x top #FFFF9E;
}

.arealistbox tbody tr.topline td.under{
background:url(../images/bg_calender_orange.gif) repeat-x top #FFBE5A;
}

.arealistbox tbody tr.topline td.none{
background:url(../images/bg_cal_non.gif) repeat-x top #EEEEEE;
}

.arealistbox tbody td.over{
background:#FFFF9E;
}

.arealistbox tbody td.under{
background:#FFBE5A;
}

.arealistbox tbody td.none{
background:#EEEEEE;
}

.osusumeplan table.calendar thead th,
.osusumeplan table.calendar thead td{
	background:url(../images/bg_plancalendar_th.gif) repeat-x bottom #f4f2e6;
	border:1px solid #cccccc;
	text-align:center;
	font-size:92%;
	line-height:110%;
	padding:5px;
}

.osusumeplan table.calendar thead th{
vertical-align:middle;
}

.osusumeplan table.calendar thead td{
width:78px;
} 



.osusumeplan table.calendar tbody th,
.normalplan table.calendar tbody th{
	font-size:92%;
}

.osusumeplan table.calendar td a,
.normalplan table.calendar td a{
font-weight:bold;
font-size:100%;
line-height:130%;
}

.normalplan table.calendar thead th{
	background:url(../images/bg_plancalendarnormal_th.gif) repeat-x bottom #f5f5f5;
	border:1px solid #cccccc;
	text-align:center;
	font-size:92%;
	line-height:105%;
	padding:5px;
	vertical-align:middle;
}


.normalplan table.calendar thead td{
background:url(../images/bg_plancalendarnormal_th.gif) repeat-x bottom #f5f5f5;
	border:1px solid #cccccc;
	text-align:center;
	font-size:92%;
	line-height:115%;
	padding:5px;
	width:78px;
	font-weight:normal;
} 

.osusumeplan table.calendar thead td.weekend em,
.normalplan table.calendar thead td.weekend em{
color:#3300ff;
font-weight:normal;
}

.osusumeplan table.calendar thead td.holy em,
.normalplan table.calendar thead td.holy em{
color:#ff3333;
font-weight:normal;
}




/*----------------------ご予約はこちら--------*/

#reservebox{
margin-bottom:20px;
}

#reservebox .h2box{
background:url(../images/bg_yoyaku_title_1.gif) repeat-y;
}

#reservebox .h2box h2{
	background:url(../images/bg_yoyaku_title_2.gif) no-repeat bottom;
	padding:5px 0px 8px 0px;
	margin:0px;
	color:#333333;
	text-align:center;
}
#reservebox p.pic{
background:none;
padding:0px;
margin:0px;
}

#reservebox p{
	background:url(../images/bg_yoyaku.gif) no-repeat top;
	text-align:center;
	font-size:113%;
	font-weight:bold;
	padding: 6px;
}


/*-----------------------------------SEO用*/

#linkcroud{
}





/*------------------------------------------------フォトギャラリ--------*/

.galarybox table{
margin-left:25px;
width:780px;
}

.galarybox table td.sep{
width:20px;
}

.galarybox table td{
	text-align:center;
	font-size:92%;
	width:380px;
	padding: 0px 0px 5px 0px;
}



#linkcroud h2{
	background:#c5c5c7;
	border-bottom:4px solid #b7b7b9;
	font-size:92%;
	padding:4px 12px 2px 12px;
}

#linkcroud h3{
background:url(../images/img_dot_01.gif) no-repeat bottom;
margin:0px 12px;
font-size:92%;
color:#2f2f2f;
padding:0px;
}

#linkcroud p{
font-size:92%;
margin:0px 12px 12px 12px;
line-height:
}


/*----------------------情報一覧--------*/
.listbox{
	margin-bottom:20px;
}

.listbox p{
margin:0px 25px 10px 25px;
font-size:92%;
}

.listbox table{
margin:0px 25px 20px 25px;
border-collapse:collapse;
}


.listbox table tbody th{
	background:#f4f2e6;
	padding:4px 5px;
	font-size:92%;
	width: 160px;
border-bottom:2px solid #ffffff;
border-right:2px solid #ffffff;
}

.listbox table thead th{
	background:#f4f2e6;
	padding:4px 5px;
	font-size:92%;
border-bottom:2px solid #ffffff;
border-right:2px solid #ffffff;
}

.listbox table th.empty{
	background:#ffffff;
}


.listbox table thead th.price{
	width:100px;
}
.listbox table thead th.term{
	width:120px;
}
.listbox table thead th.court{
	width:120px;
}
.listbox table thead th.nighter{
	width:120px;
}

.listbox table td{
	padding:4px 5px;
	font-size:92%;
border-bottom:2px solid #ffffff;
border-right:2px solid #ffffff;
}

.listbox table td img{
vertical-align:middle;
margin-left:3px;
margin-bottom:2px;
}

.listbox table caption{
	text-align:left;
	padding-left:5px;
	font-weight:bold;
	margin-top:5px;
	font-size:92%;
}

.listbox table td dt{
	clear:both;
	float:left;
	width:120px;
	margin:2px 0px;
}

.listbox table td dd{
	margin:2px 0px 2px 130px;
}

.listbox table.sport td dt{
	width:90px;
	margin:2px 0px;
float:left;	
	clear:both;
}

.listbox table.sport td dd{
	margin:2px 0px 2px 90px;

}

.listbox table td img.photo{
border:1px solid #cccccc;
}

p.caption{
font-size:78% !important;
font-size:70%;
}


.listbox h3{
	border-left:5px solid #969696;
	border-bottom:1px solid #969696;
	padding:6px 10px;
	background:none;
	margin:10px 25px 15px 25px;
	line-height:14px;
	font-size:92%;
}

.detail{
border:1px solid #cccccc;
margin:0px 25px 10px 25px;
}

.detail .title:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.detail .title{
background:url(../images/bg_syousai.gif) repeat-x bottom;
display:inline-block;
padding:3px 8px 6px 4px;
width:766px !important;
width:778px;
}

.detail .title h4{
border:none;
font-size:92%;
float:left;
line-height:100%;
}

.detail .title p{
float:right;
}

.detail .title p a{
text-align:right;
padding-right:15px;
font-size:92%;
line-height:110%;
padding-top:5px;
display:block;
}

.detail .title .linkOpen,
.detail .title .linkClose{
margin:0px;
}

.detail .title .linkOpen a{
background:url(../images/ic_plus_01.gif) right 5px no-repeat;
}

.detail .title .linkClose a{
background:url(../images/ic_minas_01.gif) right 5px no-repeat;
}

.detail .contentbox{
	/*display:none;*/
	margin: 2px 0px;
}

.detail .contentbox p{
margin:3px;
font-size:92%;
line-height:115%;
}

.detail .contentbox caption{
font-size:92%;
padding-top:10px;
}

.detail table{
margin:0px 3px 0px 3px;
width:770px;
}

.detail table.bathInfo td{
	width:202px;
}

.detail table.restInfo thead th{
width:210px;
}

.detail table td{
font-size:92%;
}

.detail table.mobileInfo tbody td,
.detail table.mobileInfo thead th{
width:315px;
}

#cautionbox{
border:1px solid #cccccc;
width:830px;
}

#cautionbox h2{
background:url(../images/bg_caution_title.gif) repeat-x bottom;
font-size:92%;
margin:0px;
padding:8px 5px 10px 15px;
line-height:14px;
}

#cautionbox h2 em{
font-weight: normal;
margin-left:15px;
}

#cautionbox p{
	margin:3px 10px 5px 10px;
	font-size:92%;
	line-height:125%;
}

#cautionbox.multiple p{
margin:0px 10px 20px 22px;
}

#cautionbox ul{
margin-bottom:20px;
}
#cautionbox ul li{
margin:0px 10px 0px 22px;
font-size:92%;
line-height:140%;
}

#cautionbox.multiple p.btmTable{
margin-bottom:0px;
}

#cautionbox h3{
background:url(../images/bg_ti_bk.gif) no-repeat left bottom;
padding:3px 0px 2px 10px;
line-height:100%;
font-size:92%;
margin:20px 15px 8px 15px;
}

#cautionbox.multiple table{
margin:5px 24px;
border:1px solid #CCCCCC;
border-collapse:collapse;
width:780px;
}

#cautionbox.multiple table td,
#cautionbox.multiple table th{
border:1px solid #CCCCCC;
line-height:100%;
font-size:92%;
padding:5px 7px;
}


#cautionbox.multiple table th{
background:#F5F5F5;
}

#cautionbox.multiple table td.price{
text-align:right;
}

#cautionbox.multiple table td.pricecaution,
.conditionselectbox table td.pricecaution{
	text-align:right;
	font-size:78% !important;
	font-size:68%;
	white-space: nowrap;
}


.coinfobox{
margin-bottom:20px;
}

.coinfobox p{
margin:0px 25px;
font-size:92%;
}
.coinfobox p a{
margin-right:15px;
}


/*-------------------------------------再検索-----------*/
#searchbox{
margin-top:8px;
}


#searchbox table,
div.confirmbox{
	border:2px solid #D5CC99;
	width: 100%;
	margin-bottom: 5px;
}

#searchbox table th{
	vertical-align:middle;
	text-align:center;
	width:70px;
	border:1px solid #D5CC99;
	font-size:92%;
	color:#666666;
	font-weight:bold;
}

#searchbox table th.focus{
width:120px;
}

#searchbox table td{
border:1px solid #D5CC99;
	font-size:92%;
}
#mapselectarea #searchbox table td,
#mapselectsubarea #searchbox table td{
padding:10px 10px 6px 10px;
}
/*--------------------------- 20090916modify ----------------------------*/
#mapselectsubarea #searchbox table td{
padding:10px 10px 6px 10px;
font-size:120%;
}
/*-------------------------- /20090916modify ----------------------------*/

#searchbox table td.forms,
div.confirmbox{
padding-top:5px;
background:url(../images/bg_searchbox.gif) repeat-x top #fbf8ed;
}

#searchbox table td.sort{
	background:url(../images/bg_box_kekka_or.gif) repeat-x bottom #FBFAF6;
	padding:4px 10px;
	line-height: 1.2em;
}

#searchbox table td.forms select{
vertical-align:middle;
}
/*--------------------------- 20090916add -----------------------------*/
#mapselectsubarea #searchbox table td.forms select{
font-size:105%;
}
/*-------------------------- /20090916add -----------------------------*/

#searchbox table td.forms p{
margin-bottom:6px;
line-height:100%;
font-weight:bold;
	margin-left:10px;
}
/*--------------------------- 20090916add -----------------------------*/
#mapselectsubarea #searchbox table td.forms p{
line-height:110%;
}
/*-------------------------- /20090916add -----------------------------*/

#searchbox table td.forms p a,
#searchbox table td.forms p span{
font-weight:normal;
}



#searchbox table td.forms p input{
margin-right:2px;
}

#searchbox table td.forms p img{
margin-left:2px;
}

#searchbox table td.forms p strong{
	margin:10px 12px;
	font-weight:bold;
	font-size: 110%;
	}	
/*--------------------------- 20090916add -----------------------------*/
#mapselectsubarea #searchbox table td.forms p strong{
font-size:85%;
}	

#mapselectsubarea #searchbox table td.forms p strong{
margin-left:0px;
}
/*--------------------------- 20090916add -----------------------------*/

#searchbox table td.forms p.date{
margin-bottom:2px !important;
margin-bottom:4px;
}

td.forms p label{
margin-right:10px;
}

td.forms p input.first{
margin-left:10px;
}


#searchbox table td.forms em{
}

#searchbox table td.searchbt{
text-align:center;
padding:4px;
}
#searchbox table td.forms p.daycaution{
	margin-left:60px;
	margin-bottom: 7px;
	font-weight:normal;
}
/*--------------------------- 20090916add ----------------------------*/
#mapselectsubarea #searchbox table td.forms p.daycaution{
margin-top:5px;
margin-left:65px;
font-size:75%;
}
/*-------------------------- /20090916add ----------------------------*/

#searchbox table td.forms #shibox2{
	padding:0 0 5px;
}

#searchbox table td.forms #shibox2 img{
	vertical-align:middle;
}
#searchbox table td.forms .noShib{
	display:none;
}
#searchbox table td.forms .getShib{
	display:block;
}
#searchbox table td.forms div.shibori{
	margin:0 10px;
	width:725px;
	background:#FFFFFF;
	padding:5px 0;
	border:dashed 1px #D5CC99;
}
#searchbox table td.forms div.shibori p em{
	margin:0;
}
#searchbox table td.forms div.shibori p{
	margin-left:10px;
}
#searchbox table td.forms div.shibori p.recomm{
	margin-top:15px;
}
#searchbox table td.forms div.shibori p.close{
	margin:0 10px 0 0;
	text-align:right;
}

#list #searchbox {
margin-bottom:20px;
}

#ty #searchbox {
	margin-bottom:3px;
}

#searchresult{
	font-weight: bold;
	font-size:92%;
	margin-left:5px;
}

#searchresult strong{
	font-size:138%;
}

#pertinent{
	font-size:92%;
	font-weight: bold;
}

#pertinent strong,
#searchresult strong{
	font-weight: bold;
}

#sortbox{
	background:url(../images/bg_sort.gif) repeat-x bottom;
	padding:5px;
	margin-bottom: 5px;
}

#sortbox p{
font-size:92%;
}

#sortbox p span{
font-weight:bold;
margin-right:5px;
color:#333333;
}


.costcaution{
text-align:right;
font-size:92%;
}

.pagelink{
	text-align:right;
	font-size:92%;
	margin:0px 0px 0px 410px;
}

.pagelink em{
color:#333333;
font-weight:normal;
}



/*--------------------------------------プラン一覧-------------*/

h1.ichiran:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

h1.ichiran{
	display:inline-block;
	width:805px !important;
		width:830px;
		margin-bottom:6px;
		padding-bottom:0px;
}

h1.ichiran .titletxt{
	float:left;
	background:none;
	padding:0px;
	margin:0px;
}

h1.ichiran .icon90{
float:right;
padding-top:10px;
}

h1.ichiran .areatxt{
float:right;
font-size:60%;
font-weight:normal;
padding-top:22px;
padding-bottom:0px;
}

.seoInfoTxt{
	font-size:92%;
	margin-bottom:12px;
	margin-top: 0px;
}

.ListTitle{
	font-size:92%;
	text-align:right;
	margin-top:0px;
	padding-top:0px;
	line-height:1em;
}

.ListTitleTxt{
margin:0px 0px 15px 5px;
font-size:92%;
}

/*--------------------------------------おすすめプラン-------------*/
.timestanp{
color:#CC0000;
float:left;
width:400px;
}

.osusumeplan:after,.normalplan:after,/*.osusumeplan */.namePrice:after,/*.normalplan .namePrice:after,*/.namePriceKikaku:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.osusumeplan{
	display:inline-block;
	background:url(../images/bg_boxor_boxline.gif) repeat-y;
	margin-bottom: 15px;
}

.osusumeplan .h2box{
background:url(../images/bg_boxor_wh.gif) repeat-y;
}

.osusumeplan .namePrice,
.osusumeplan .namePriceKikaku{
	background:url(../images/bg_boxor_grad2.gif) no-repeat bottom;
	padding:2px 22px 18px 14px;
	margin:0px;
	text-align:left;
	width:794px !important;
	width:830px;
	display:inline-block;
}

.osusumeplan h2{
	padding:0 0 0 10px;
	margin:0;
	color:#333333;
	font-size:100%;
	background:none;
	float:left;
	width:600px;
	background:url(../images/bg_boxor_line.gif) no-repeat left bottom;
}
.osusumeplan .price,.normalplan .price{
	padding:0;
	margin:0 0 0 10px;
	color:#333333;
	font-size:100%;
	font-weight:bold;
	background:none;
	float:right;
}

.normalplan{
	display:inline-block;
	background:url(../images/bg_boxno_boxline.gif) repeat-y;
	margin-bottom: 15px;
}

.normalplan .h2box{
background:url(../images/bg_boxno_wh.gif) repeat-y;
}

.normalplan .namePrice,
.normalplan .namePriceKikaku{
	background:url(../images/bg_boxno_grad2.gif) no-repeat bottom;
	padding:2px 22px 18px 14px;
	margin:0px;
	text-align:left;
	width:794px !important;
	width:830px;
	display:inline-block;
}

.normalplan h2{
	padding:0 0 0 10px;
	margin:0;
	color:#333333;
	font-size:100%;
	background:none;
	float:left;
	width:600px;
	background:url(../images/bg_boxno_line.gif) no-repeat left bottom;
}


.osusumeplan .description,
.normalplan .description{
	float:left;
	width:617px;
	margin:0px 0px 0px 24px !important;
	margin:5px 0px 5px 11px;
}

.osusumeplan .description p,
.normalplan .description p{
	font-size:92%;
	line-height:130%;
	margin-bottom:6px;
}

.osusumeplan .description p.freeplaninfo,
.normalplan .description p.freeplaninfo{
	margin-bottom:12px;
}

.osusumeplan .description p img,
.normalplan .description p img{
vertical-align:middle;
margin-right:3px;
}

.osusumeplan .description p span,
.normalplan .description p span{
margin-left:20px;
font-weight:bold
}

.osusumeplan .description p span.first,
.normalplan .description p span.first{
font-weight:bold;
margin-left:0px;
}
.osusumeplan .description p.icon,
.normalplan .description p.icon{
margin-bottom:0px;
}

.osusumeplan .photobox,
.normalplan .photobox{
	margin:0px 20px 5px 654px;
}

.osusumeplan .daylink,
.normalplan .daylink{
	text-align:right;
	margin-right:26px;
	margin-bottom:8px !important;
	margin-bottom:6px;
	clear: left;
	color: #999999;
	font-size: 92%;
	line-height: 140%;
}

.osusumeplan table.icon,
.normalplan table.icon{
margin-bottom:6px;
}

.osusumeplan table.icon td,
.normalplan table.icon td{
	vertical-align:top;
	padding-right:10px;
	font-size:92%;
	line-height: 110%;
}

.osusumeplan table.icon td.icons,
.normalplan table.icon td.icons{
white-space:nowrap;
}

/*--------------------フリープラン--------------------*/

.freeplanboxout{
	margin:35px 0px 0px 0px;
}
.freeplanbox{
	margin:12px 0px 0px 0px;
}

.freeplanbox .title:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.freeplanbox .title{
border:1px solid #d5d5d5;
background:url(../images/bg_freeplan_title.gif) repeat-x bottom;
display:inline-block;
padding:3px 8px 3px 4px;
width:816px !important;
width:830px;
}


.freeplanbox .title h2{
	border:none;
	background:none;
	float:left;
	padding: 4px;
	margin:0px 2px;
}

.freeplanbox .title p{
float:right;
text-align:right;
font-size:92%;
line-height:100%;
padding-top:4px;
}


.freeplanbox .description:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.freeplanbox .description{
background:url(../images/bg_setplan.gif) repeat-x bottom;
display:inline-block;
padding:3px 20px 18px 20px;
margin:4px 0px 3px 0px;
width:790px !important;
width:830px;
}

.freeplanbox .description .icon{
float:left;
width:40px;
}

.freeplanbox .description .txt{
font-size:92%;
line-height:125%;
margin-left:50px;
}

.freeplanbox .description .txt strong{
font-weight:bold;
color:#333333;
}

.freeplanbox .description .txt .sort em{
color:#666666;
}

.freeplanbox .contentbox:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.freeplanbox .contentbox{
	display:inline-block;
	margin-left:10px;
	padding-bottom:10px;
}

.freeplanbox .content{
border-right:1px solid #cccccc;
float:left;
width:258px;
margin-left:10px;
font-size:92%;
line-height:125%;
}

.freeplanbox .content strong{
font-weight:bold;
color:#333333;
}

.freeplanbox .content img{
margin-right:3px;
}

/*-----------------------検索結果一覧---*/

.planlistbox:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.planlistbox{
	margin-bottom:30px;
	display:inline-block;
	margin-top: 5px;
}

.planlistbox .h2box:after,
.arealistbox .h2box:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.planlistbox .h2box,
.arealistbox .h2box{
	background:url(../images/bg_h2.gif) no-repeat bottom;
	text-align:left;
	border:none;
	padding:2px 10px 14px 26px;
	margin:0px 0px 5px 0px;
	display:inline-block;
	width:794px !important;
	width:830px;
}

.planlistbox .h2box h2,
.arealistbox .h2box h2{
	float:left;
	background:none;
	margin:0px 0px 0px 0px;
	padding:0px;
	line-height: 125%;
}

.planlistbox .h2box p,
.arealistbox .h2box p{
float:right;
	text-align: right;
	margin-top:0px;
font-size:92%;
line-height:100%;
}

.planlistbox .photobox{
	float:left;
	width:260px;
	margin-left: 20px !important;
	margin-left: 10px;
}
.planlistbox .photobox p{
	font-size:92%;
}

.planlistbox .photobox img{
margin:0px 5px 5px 0px;
}

.planlistbox .photobox a:hover{
	position:relative; top:1px; left:1px;
}

.planlistbox .description{
	margin-left:280px;
	margin-right: 16px;
}

.planlistbox .description p{
	font-size:92%;
	line-height:120%;
	margin-bottom: 6px;
}

.planlistbox .description p a.linkIchiran{
font-weight:bold;
}

.planlistbox .description p span{
font-weight:bold;
}

.planlistbox .description p.icon{
margin:8px 0px;
}

.planlistbox .description p.freeplan{
margin:0px;
}

.planlistbox .description p img{
vertical-align:middle;
}

.planlistbox .description table.prBox{
	padding:0;
	margin:0;
}
.planlistbox .description .prBox td{
	border:none;
	padding:0;
	margin:0;
	font-size:100%;
}
.planlistbox .description p.price{
	float:left;
	width:290px;
	margin-top:8px;
	margin-bottom:0px;
	padding:0;
}

.planlistbox .description p.hyoka{
text-align:right;
font-size:72% !important;
font-size:60%;
margin-top:0.7em;
margin-bottom:0;
padding:0;
}
*:first-child+html .planlistbox .description p.hyoka {
  font-family: 'ＭＳ Ｐゴシック',sans-serif;
  font-size:55%;
}

.planlistbox .description p.hyoka img{
margin-right:3px;
}

.planlistbox .description p.rate{
	float:left;
	width:245px !important;
	width:245px;
	padding:6px 0 6px 0;
	margin:0px;
	background:url(../images/bg-rate.gif) no-repeat top;
}
.planlistbox .description p.rate span{
margin-left:10px;
margin-right:8px;
margin-top:5px;
font-weight: normal;
}
.planlistbox .description p.rate em{
margin-left:0;
margin-right:0;
margin-top:5px;
margin-bottom:0;
font-size:88% !important;
font-size:70%;
font-weight:normal
}
*:first-child+html .planlistbox .description p.rate em{
  font-family: 'ＭＳ Ｐゴシック',sans-serif;
  font-size:50%;
}
.planlistbox .description p.rate img{
margin-right:2px;
margin-bottom:3px;
}

.planlistbox .description p.icon90{
text-align:right;
margin-left:245px !important;
margin-left:245px;
margin-bottom:0;
height:2.5em;
}

.planlistbox .description .icon90 img{
}

.planlistbox .description p.price span{
font-size:113%;
font-weight:bold;
}

.planlistbox table{
width:530px ;
	margin-bottom:5px;
}

.planlistbox table th{
	background:url(../images/bg_planichiran_title.gif) repeat-x bottom;
	padding:5px 3px;
	font-size:92%;
	line-height:125%;
	font-weight:bold;
}

.planlistbox table th.price{
	text-align:right;
	font-weight:normal;
}

.planlistbox table td{
	border-bottom:1px dashed #cccccc;
	padding:5px 5px 5px 0px;
	font-size:92%;
	line-height:125%;
}

.planlistbox table td img{
margin-right:3px;
vertical-align:top;
}

.planlistbox table td.price{
text-align:right;
width:120px;
font-weight:bold;
}

.planlistbox table td.icon{
	width:138px;
}

.iconinfo{
margin-top:20px;
padding-bottom:10px;
}

.iconinfo table{
margin:10px 20px;
}

.iconinfo td{
padding-right:30px;
font-size:92%;
line-height:115%;
}

.iconinfo table.iconinfo_s td{
	width:20%;
}
.iconinfo table.iconinfo_s2 td{
	margin-right:20px;
}
.iconinfo table.iconinfo_s3 td{
	width:190px;
	padding-right:10px;
}

.iconinfo td img{
float:left;
margin-right:5px;
}


/*-------------宿泊プラン・修正2008.05.30---------------------*/


.planlistbox h3{
background:url(../images/bg_planichiran_title.gif) repeat-x bottom;
padding:5px 13px;
line-height:125%;
font-size:100%;
float:left;
}

.perhead{
display:inline;
margin-left:608px;
}

.yadoplanlist{
width:803px;
 margin-left: 20px !important;
 border-bottom:#666666 dotted 1px;
 padding:5px 0 5px;
/* margin-left: 10px;
*/

}

.hotelsearchlist{
width:260px;
float:left
}

.planrest{ color:#cc0000;
}

.hotelsearchsetubi{
width:163px;
float:left;
}

.hotelsearchsetubi img{
margin:0 0px 5px 5px;
}

.hotelsearcroom{
width:225px;
padding:0 5px;
line-height:130%;
float:left;
}

.hotelsearcpraice{
width:145px;
font-weight:bold;
float:right;
}

.hotelsearcroom li{
list-style:none;
margin-bottom:5px
}

.payment{
font-weight:normal;
}


.photo_descriptionbox{ 
width:830px;
}



/*-------------各ホテルプラン詳細---------------------*/


.infolist{
text-align:right;
font-size:92%;
margin-bottom:5px;
}

.infolist img{
vertical-align:middle;
margin-left:2px;
}

.hotelplan:after,.hotelplan .namePrice:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.hotelplan{
	display:inline-block;
	background:url(../images/bg_plandetailbox.gif) repeat-y;
	margin-bottom: 20px;
}

.hotelplan .namePrice,
.hotelplan .namePriceKikaku{
	background:url(../images/bg_plandetailbox_h2.gif) no-repeat bottom;
	padding:1px 20px 16px 20px;
	margin:0px 6px 0px 5px;
	text-align:left;
	width:779px !important;
	width:819px;
	display:block;
}

.hotelplan h2{
	padding:0 0 0 10px;
	margin:0;
	color:#333333;
	font-size:100%;
	background:none;
	float:left;
	/*width:530px;*/
	background:url(../images/bg_boxor_line.gif) no-repeat left bottom;
}
.hotelplan h2.pl{
	padding:0 0 0 10px;
	margin:0;
	color:#333333;
	font-size:100%;
	background:none;
	float:left;
	/*width:530px;*/
	background:url(../images/bg_boxor_line.gif) no-repeat left bottom;
}
.hotelplan .price{
	padding:0;
	margin:0 0 0 10px;
	color:#333333;
	font-size:100%;
	font-weight:bold;
	background:none;
	float:right;
}
.hotelplan .price span{
	padding:0;
	margin:0 5px 0 0;
	font-weight: normal;
	font-size:92%;
}

.hotelplan .photobox{
	margin-left:550px;
	margin-right:10px;
}

.hotelplan .photobox p.pix01,
.infobox .photobox p.pix01{
	width:250px;
}

.hotelplan .photobox div.pixs div,
.infobox .photobox div.pixs div{
	width:123px;
	margin:3px 5px 0 0;
	padding-bottom:5px;
	float:left;
}

.hotelplan .photobox img{
border:1px solid #cccccc;
}

.hotelplan .description{
	margin-left: 24px !important;
	margin-left: 12px;
	width:518px;
	float:left;
}

.hotelplan .description h3{
background:none;
padding:0px;
margin:0px;
}

.hotelplan .description p{
font-size:92%;
line-height:150%;
margin-bottom:7px;
}

.hotelplan .description h3{
background:none;
padding:0px;
margin:5px 0px;
}

.hotelplan .description p em{
margin-left:28px;
background:#F2EBCE;
padding:1px 2px 0px 2px;
margin-right:5px;
}

.hotelplan .description p em.first{
margin-left:0px;
}

.hotelplan .description p.help{
font-size:78% !important;
font-size:70%;
	line-height:70%;
	margin-bottom:10px;
}

.hotelplan .description p.tokusyoku{
font-size:100%;
line-height:130%;
}


.hotelplan .description p.yoyaku em{
margin-left:0px;
background:none;
}

.hotelplan .description div.tokuten{
border:1px dashed #C4AC75;
padding:5px 12px 6px 12px;
font-size:92%;
margin-bottom:8px;
line-height:125%;
}

#plansortbox{
margin:0px 0px 30px 0px;
}

#plansortbox h2{
margin:0px 0px 2px 0px;
background:url(../images/ti_plamjouken.gif) no-repeat left top;
border-top:none;
border-left:none;
border-right:none;
border-bottom: solid 1px #CCCCCC;
padding:5px 0 5px 14px;
font-size:92%;
line-height:115%;
font-weight:normal;
}
#plansortbox h2 img{
margin:0 10px 2px 0;
vertical-align:middle;
}

#plansortbox p{
padding:5px 20px;
border-bottom:1px solid #cccccc;
font-size:92%;
line-height:115%;
}


.infobox:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.infobox{
margin:0px 0px 20px 0px;
display:inline-block;
width:830px;
}

.infobox .description{
	float:left;
	width:540px;
}

.infobox .descriptionopt{
}

.infobox .description p,
.infobox .descriptionopt p{
margin-bottom:12px;
}

.infobox .description li,
.infobox .descriptionopt li{
background:url(../images/ic_circle.gif) no-repeat 3px;
padding-left:15px;
font-size:92%;
line-height:135%;
}

.infobox .description li.nohead,
.infobox .descriptionopt li.nohead{
background:none;
padding-left:0px;
}


.infobox .photobox{
margin-left:550px;
}

.infobox .photobox img{
border:1px solid #cccccc;
}


.hotelplanlistbox{
	margin:2px 0px 15px 0px;
}
.hotelplanlistbox h2{
margin:0px 0px 2px 0px;
background:none;
border:none;
padding:0px;
}

.hotelplanlistbox table{
width:830px ;
	margin-bottom:5px;
}

.hotelplanlistbox table td{
	border-bottom:1px dashed #cccccc;
	padding:5px 5px 5px 10px;
	font-size:92%;
	line-height:125%;
}

.hotelplanlistbox table td img{
margin-left:3px;
}

.hotelplanlistbox table td.price{
	text-align:center;
	width:150px;
	font-weight:bold;
	text-align:right;
}

.hotelplanlistbox table td.icon{
	width:140px;
}

#calendarbox{
margin:10px 0px;
}


.read{
	color:#cc0033;
	margin:0px 20px 10px 20px;
	font-weight: bold;
}

#calendarbox ul:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#calendarbox #tab{
background-image:url(../images/bg_caltab_ulu.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin-left:1px;
	width: 828px;
}

#calendarbox ul{
	display:inline-block;
	margin-left:15px;
}

#calendarbox ul li{
border-top:1px solid #d5cc99;
border-left:1px solid #d5cc99;
border-right:1px solid #d5cc99;
float:left;
text-align:center;
font-size:92%;
margin:3px 4px 1px 0px;
}

#calendarbox ul li a{
display:block;
padding:3px 10px;
}

#calendarbox ul li a:hover{
background:url(../images/bg_caltab_hover.gif) repeat-x top;
}

#calendarbox ul li.stay{
	background:url(../images/bg_caltab_stay.gif) repeat-x top #ffffff;
	font-weight:bold;
	margin:0px 4px 0px 0px;
	padding: 5px 10px 5px 10px; 
}

#calendarbox .calhead:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#calendarbox .calhead{
	background:url(../images/bg_cal_head.gif) repeat-x bottom;
	padding:3px 20px;
	display:inline-block;
	margin: 0px;
	width:790px !important;
		width:830px;
}

#calendarbox .calhead .jyoken{
padding:10px 0 10px;
}
#calendarbox .calhead .jyoken h4{
margin:0;
background:url(../images/ti_planjyoken-s.gif) no-repeat left top;
border-top:none;
border-left:none;
border-right:none;
border-bottom: solid 1px #CCCCCC;
padding:5px 0 5px 14px;
font-size:92%;
line-height:115%;
font-weight:normal;
}
#calendarbox .calhead .jyoken h4 img{
margin:0 10px 2px 0;
vertical-align:middle;
}
#calendarbox .calhead .jyoken p{
padding:5px 10px;
border-bottom:1px solid #cccccc;
font-size:92%;
line-height:115%;
}

#calendarbox .calhead .left{
	float:left;
	font-size:92%;
color:#cc0033;
}

#calendarbox .calhead .right{
font-size:92%;
float:right;
}

#calendarbox .calendarinner{
background:url(../images/bg_calbox_bk.gif)
}

#calendarbox .month{
	background:url(../images/bg_calbox_title.gif) bottom repeat-x;
	text-align:center;
	font-size: 92%;
	padding: 2px 5px 5px  5px;
	margin: 0px;
}

#calendarbox .calendarinner p.caution{
margin-left:20px;
line-height:125%;
font-size:92%;
padding-bottom:10px;
}

#calendarbox .calendarinner p.caution img{
margin-right:2px;
}

.caloutcaution{
margin-left:20px;
margin-bottom:30px;
line-height:125%;
font-size:92%;
padding-bottom:10px;
}

/*-------------------------------------宿だより*/

#yadodayori .title{
margin:13px 0px 8px 0px;
background:url(../images/bg_yadodayori.gif) no-repeat
}

#yadodayori .title h2{
	background:none;
	padding:0px;
	border:none;
	margin: 0px;
	float:left;
}

#yadodayori .title p.btn{
margin-left:756px;
padding-top:5px;
}

#yadodayori .title p.caution{
text-align:right;
font-size:92%;
margin-top:10px;
}

#yadodayori .dayoribox{
	border:1px solid #D5CC99;
	margin-top:16px;
	padding-top: 11px;
	padding-bottom: 18px;
}

#yadodayori .dayoribox .description:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#yadodayori .dayoribox .description{
margin:18px 0 0 22px;
display:inline-block;
background:url(../images/bg-dayoriline.gif) top left repeat-y;
}

#yadodayori .dayoribox .title:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#yadodayori .dayoribox .title{
display:inline-block;
background:url(../images/bg_yadobpx_h3box.gif) bottom no-repeat;
margin:0px;
	padding:0px 0px 14px 13px;
	width:815px !important;
		width:828px;
}

#yadodayori .dayoribox .title h3{
	float:left;
	width:632px;
	background:url(../images/bg_yadobpx_h3.gif) bottom left no-repeat;
	margin: 0px;
	line-height:115%;
	padding:0px 0px 0px 10px;
}
#yadodayori .dayoribox .title p.date{
text-align:right;
margin:0px 13px 0px 640px;
font-size:92%;
}

#yadodayori .dayoribox .description .txt{
float:left;
width:532px;
font-size:92%;
line-height:125%;
}

#yadodayori .dayoribox .description .photo{
float:left;
margin:0 0 0 10px;
padding-bottom: 3px;
width: 252px;
background: #ffffff;
}

#yadodayori p.backnumber{
font-size:92%;
margin: 10px 0;
}

/* photo */
#yadodayori .dayoribox .description .photoList {
text-align: center;
}
#yadodayori .dayoribox .description .photoList table td {
width: 250px;
height: 260px;
vertical-align: middle;
text-align: center;
}
#yadodayori .dayoribox .description .photoList ul {
text-align:center;
list-style:none outside;
width:auto;
}
#yadodayori .dayoribox .description .photoList ul li {
width:60px;
display:inline;
margin:0px 2px;
}


#yadodayori .dayoribox .description span.hidden {
display: none;
}
#yadodayori .dayoribox .description p.photoTxt {
padding-left: 1em;
text-indent: -1em;
}
#yadodayori .dayoribox .description p.movLink {
font-size: 92%;
}

/* event */
#yadodayori .dayoribox .description dl.event{
margin: 15px 0;
}
#yadodayori .dayoribox .description dl.event dt{
clear: left;
float: left;
width: 6em;
}
#yadodayori .dayoribox .description dl.event dd{
zoom: 1;
margin-left: 6em;
}

/* coupon */
#yadodayori .dayoribox .description .yadoCoupon {
margin-top:10px;
padding-bottom: 10px;
border: 4px solid #C6A37A;
width: 509px;
}
#yadodayori .dayoribox .description .yadoCoupon p.ttl {
margin:0 17px;
padding: 10px;
border: 1px solid #EABE9B;
color: #663300;
font-weight: bold;
}
#yadodayori .dayoribox .description .yadoCoupon p.bikou {
margin:5px 17px 0;
}
#yadodayori .dayoribox .description .yadoCoupon dl{
margin: 10px 17px 0;
}
#yadodayori .dayoribox .description .yadoCoupon dt{
clear: left;
float: left;
width: 6em;
color: #A44B0A;
}
#yadodayori .dayoribox .description .yadoCoupon dd{
zoom: 1;
margin-left: 6em;
}
#yadodayori .dayoribox .description .yadoCoupon dd.date{
color: #E0570D;
}

#yadodayori .dayoribox .description .print p{
width: 357px;
float: left;
}
#yadodayori .dayoribox .description .print img{
vertical-align: middle;
margin-left: 5px;
}


/*----------------------------------------------------地図から空室照会*/

#areacalendar .timeinfo{
padding:7px 12px 4px 24px;
border-bottom:1px solid #D8C67C;
margin:0px;
}

#areacalendarsub .timeinfo{
padding:7px 12px 4px 24px;
margin:0px 0px 10px 0px;
}

.timeinfo p{
font-size:92%;
line-height:135%;
}

.timeinfo strong{
	font-size:115%;
	font-weight: bold;
}

.arealistbox{
margin-top:10px;
}


.arealistbox .kushitsuinfo{
	font-size:92%;
}
.arealistbox .kushitsuinfo img{
vertical-align:middle;
margin-right:3px;
}

.arealistbox .kushitsuinfo img.space{
margin-left:28px;
}

/*----------------------------------------------------地図から宿を探す*/

#mapbox:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


#mapbox{
	background:url(../images/bg_map_box.gif) repeat-y;
	display:inline-block;
	width:830px;
	margin-bottom: 20px;
}

#mapbox .map{
	margin:12px 20px 5px 0px;
	float:left;
	font-size:82% !important;
	font-size:69%;
	padding-left: 25px;
	width: 500px;
}

#mapbox .map img{
margin-bottom:3px;
}

#mapbox .list{
margin:12px 10px 10px 570px;
}

#mapbox .list .return{
margin:30px 0px 0px 0px;
}

.areaselect{

}

#mapselectarea .areaselect .h3box{
	width:190px;
	margin:10px 0px 0px 14px;
	float: left;
} 

#mapselectsubarea .areaselect .h3box{
	width:250px;
	margin:0px 0px 0px 14px;
	float: left;
} 

#mapselectarea .areaselect .clearfix,
#mapselectsubarea .areaselect .clearfix{
margin-bottom:30px;
}

.areaselect .h3box ul{
margin-left:11px;
}

.areaselect .h3box ul li{
font-size:92%;
}


.areaselect .h3box h3,
.areaselect .h3box h2{
	background:url(../images/bg_ti_bk.gif) no-repeat left bottom;
	height:27px;
	vertical-align: middle;
	padding:0px 0px 0px 10px;
	line-height:100%;
	font-size:92%;
}

.areaselect .h3box p{
margin-left:12px;
}

/*-------------------------選択内容確認*/
.selectedtable{
border:1px solid #939393;
border-collapse:collapse;
width:100%;
margin-bottom:24px;
}

.selectedtable tbody th{
width:142px;
background:#cccccc;
padding:3px 15px 2px 15px;
border:1px solid #939393;
font-weight:bold;
line-height:1.2em;
font-size:92%;
}

.selectedtable tbody td{
border:1px solid #939393;
padding:4px 15px;
line-height:1.2em;
font-size:92%;
}

.pricetitle{
background:#cccccc;
padding:3px 15px 2px 15px;
border:1px solid #939393;
font-weight:bold;
margin-bottom:10px;
line-height:1.2em;
font-size:92%;
}

.pricelistbox,
.datelistbox{
margin-bottom:20px
}

.pricelistbox p{
}

.pricelistbox h3{
background:url(../images/bg_ti_bk.gif) no-repeat left bottom;
padding:3px 0px 2px 10px;
line-height:100%;
font-size:92%;
margin:0px 0px 0px 15px;
}

.pricelistbox p.caution{
margin:10px 0px 10px 25px;
font-size:92%;
line-height:115%;
}

.pricelistbox table,
.datelistbox table{
width:785px;
margin-left:25px;
border:1px solid #cccccc;
border-collapse:collapse;
}

.pricelistbox table thead td,
.datelistbox table thead td{
background:#F4F2E6;
text-align:center;
}

.pricelistbox table th,
.pricelistbox table td,
.datelistbox table th,
.datelistbox table td{
padding:3px;
font-size:92%;
border:1px solid #cccccc;
line-height:130%;
}

.pricelistbox table tbody th{
background:#F5F5F5;
width:60px;
}

.pricelistbox table tbody td.price{
	text-align:right;
}

.pricelistbox table tbody td.number{
text-align:right;
}

.pricelistbox table.optionprice td.unit{
width:122px;
text-align:right;
}

.pricelistbox table.optionprice td.count{
width:115px;
text-align:center;
}

.pricelistbox table.optionprice td.price{
	width:129px;
	text-align:right;
}

.pricelistbox table thead td.subtotal{
	width:71px;
}

.pricelistbox p.subtotal{
	font-weight:bold;
	text-align:right;
	margin:10px 22px 5px 0px;
	font-size:105%;
}

.pricelistbox p.total{
background:#FFE3E5;
text-align:right;
color:#CA0002;
border:3px double #CA0002;
padding:6px 18px;
font-weight:bold;
font-size:120%;
}

.datelistbox table tbody th{
background:#F5F5F5;
width:15%;
}
.datelistbox table tbody td.hakuArea{
width:15%;
}
.datelistbox table tbody td.mealMark{
width:108px;
}
.datelistbox table tbody td.mealMark img{
margin:0 8px;
}
.datelistbox table tbody td.mealMark img.dinner{
margin-right:0;
}

.actionbox{
border:1px solid #D4C876;
margin-bottom:10px;
}

.actionbox p,
.otherselectbox p{
margin:0px 20px 10px 20px;
	font-size: 92%;
	line-height: 125%;
}

.actionbox p strong{
font-size:112%;
color:#333333;
font-weight:bold;
}

.actionbox .btnbox{
width:828px;
}

.actionbox p.txt{
width:500px;
margin-bottom:5px;
}

.actionbox p.btn{
	float:right;
	margin-bottom:5px;
}

.otherselectbox{
border:1px solid #CCCCCC;
margin-bottom:10px;
}

.jyokenLink{
font-size:92%;
margin:20px 0;
}
.jyokenLink p em{
font-weight:bold;
}

/*-------------------------予約条件入力*/

.conditionselectbox{
margin:10px 0px 20px 0px;
}

.conditionselectbox p{
margin:0px 22px 10px 22px;
font-size:92%;
}

.conditionselectbox p em{
font-size:112%;
font-weight:normal;
}

.conditionselectbox p strong{
font-size:112%;
font-weight:bold;
color:#000000;
}

.conditionselectbox table{
width:790px;
margin-left:22px;
border:1px solid #cccccc;
border-collapse:collapse;
}

.conditionselectbox table thead td{
background:#F4F2E6;
text-align:center;
}

.conditionselectbox table thead th{
background:#F4F2E6;
}

.conditionselectbox table th,
.conditionselectbox table td{
padding:5px;
font-size:92%;
border:1px solid #cccccc;
line-height:130%;
}



.conditionselectbox table tbody th{
background:#F5F5F5;
width:135px;
}

.conditionselectbox table tbody th em{
color:#CC3300;
font-weight:normal;
}

.conditionselectbox table tbody th strong{
font-weight:bold;
}

.conditionselectbox table tbody td.price{
text-align:right;
}

.conditionselectbox table td table.memberlist{
width:630px;
margin:5px 0px 0px 0px;
}

.conditionselectbox table td table.memberlist tbody th{
width:110px;
}

.conditionselectbox table td table.memberlist tbody td{
width:80px;
}

.conditionselectbox h4.kodomo{
font-size:92%;
margin:12px 22px 2px 22px;
border:none;
padding:0px;
}

.conditionselectbox h4{
margin:12px 22px 2px 22px;
border-bottom:1px solid #979797;
padding:4px 4px 5px 5px;
font-size:92%;
line-height:100%;
}

.conditionselectbox table.choiceoption{
margin-bottom:20px;
}

.conditionselectbox table.choiceoption ul{
width:390px;
}

.conditionselectbox table.choiceoption ul li{
text-indent:-1.1em !important;
padding-left:1.1em !important;
text-indent:-0.7em;
padding-left:0.7em;
width:175px;
float:left;
}

.conditionselectbox table.choiceoption .input{
text-align:center;
}

.conditionselectbox table.addoption thead th.date{
text-align:center;
}

.conditionselectbox table.addoption tbody th.select,
.conditionselectbox table.addoption tbody td.select{
width:75px;
text-align:center;
}

.conditionselectbox table.addoption tbody th.item{
width:500px;
}

div.confirmbox{
padding:18px;
text-align:center;
margin-bottom:15px;
width:793px !important;
width:830px;
}

#plandetail #cautionbox{
margin-bottom:30px;
}

/*-----------------------------------------------TY系--*/

h1.ty{
padding:0px;
border:none;
background:none;
margin:0px 0px 7px 0px;
text-align:center;
}


.bnrbox{
margin:10px 0px;
text-align:center;

}

.bnrbox img.leftbnr{
margin:0px 10px 0px 0px;
}


table.tyextra,
table.tynormal{
margin-bottom:10px;
}

table.tyextra td,
table.tynormal td{
padding:0 12px 3px;
line-height:120%;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
}

table.tyextra td.price,
table.tynormal td.price{
text-align:center;
padding-top: 5px;
}

table.tynormal td.rating{
padding:0 0 3px;
}

table.tyextra td.sep,
table.tynormal td.sep{
padding:0;
width: 10px;
}

table.tynormal td.icon,
table.tyextra td.icon{
	padding-bottom:2px;
}

table.tyextra td.btn,
table.tynormal td.btn{
text-align:center;
border-bottom:1px solid #CCCCCC;
padding:3px 0px 10px 0px;
}

table.tyextra td.btn img,
table.tynormal td.btn img{
margin:0px 10px;
}

table.tyextra td.photobox,
table.tynormal td.photobox{
text-align:center;
}

table.tyextra td.photobox{
width:386px;
}

table.tynormal td.photobox{
width:246px;
}

table.tyextra td.photobox table,
table.tynormal td.photobox table{
text-align:center;
margin-left:2px;
}

table.tyextra td.photobox table td,
table.tynormal td.photobox table td{
padding:0px 2px 4px 2px;
border:none;
}
table.tyextra td.photobox a:hover,
table.tynormal td.photobox a:hover{
position:relative; top:1px; left:1px;
}

table.tyextra td.title{
background:url(../images/bg_h2_grad_darkgray.gif) repeat-x bottom;
padding:10px 15px 17px 15px;
border-top:1px solid #cccccc;
width:380px !important;
width: 410px;
}

table td.title h2{
background:url(../images/bg_h2_line_grad_bl.gif) no-repeat top left;
padding:0px 0px 0px 10px;
font-size:92%;
margin:0px;
line-height:120%;
}

table.tynormal td.title{
background:url(../images/bg_h2_grad_darkgray.gif) repeat-x bottom;
padding:10px 10px 20px 10px;
border-top:1px solid #cccccc;
}

table.tyextra td.area,
table.tynormal td.area{
text-align:right;
font-size:92%;
}

table.tyextra td img,
table.tynormal td img{
vertical-align: middle;
}

table.tyextra .rateBox,
table.tynormal .rateBox{
padding:6px 0;
margin-top: 3px;
background:url(../images/bg-rate.gif) no-repeat top left;
}
table.tyextra .rateBox{
width: 386px;
}
table.tynormal .rateBox{
margin-left:2px;
}
table.tyextra .rateBox p.rate,
table.tynormal .rateBox p.rate{
width:245px !important;
width:245px;
margin:0;
line-height: normal;
float: left;
min-height:17px;
height: auto !important;
height: 17px;
font-size:92%;
}
table.tyextra p.rate span,
table.tynormal p.rate span{
margin-left:10px;
margin-right:8px;
margin-top:5px;
font-weight: normal;
}
table.tyextra p.rate em,
table.tynormal p.rate em{
margin-left:0;
margin-right:0;
margin-top:5px;
margin-bottom:0;
font-size:88% !important;
font-size:70%;
font-weight:normal;
vertical-align: middle;
}
*:first-child+html table.tyextra p.rate em,
*:first-child+html table.tynormal p.rate em{
  font-family: 'ＭＳ Ｐゴシック',sans-serif;
  font-size:50%;
}
table.tyextra p.rate img,
table.tynormal p.rate img{
margin-right:2px;
margin-bottom:3px;
}

table.tyextra p.hyoka{
float: left;
padding-left: 13px;
width:120px !important;
width: 133px;
background:url(../images/icn_anq.gif) no-repeat top left;
margin: 0 0 0 3px;
line-height: normal;
}
table.tynormal p.hyoka{
float: left;
margin: 0 0 0 2px;
}
table.tyextra p.hyoka img,
table.tynormal p.hyoka img{
vertical-align: top;
}

table.tyextra p.icon90{
text-align:right;
}
table.tynormal p.icon90{
text-align:right;
margin-right: 7px;
}

table.tyextra p.txt{
margin-top:5px;
font-size:92%;
}
table.tyextra td.price p.charge,
table.tynormal td.price p.charge{
font-weight: bold;
font-size: 116%;
line-height: 140%;
color: #CC0033;
}
table.tynormal td.rating p.txt{
margin:0 10px;
padding-top: 5px;
width: 250px;
font-size:92%;
}
/*-----------------------------------------------エラー関連--*/
.conditionselectbox table th.error,
.conditionselectbox .memberError th,
.conditionselectbox .memberError td{
background:#CC0033;
color:#FFFFFF;
}

.conditionselectbox table td.error{
color:#CC0033;
}

.conditionselectbox table th.error em,
.conditionselectbox .memberError em{
color:#FFFFFF;
}

.errorbox{
background:#ffe4e4;
padding:5px 9px;
margin-bottom:7px;
}
.errorMag{
margin-top:9px;
}
.errorbox p{
color:#cc0000;
font-weight:bold
}
.errorSub{
padding:0 9px 3px;
font-size: 92%;
}

/*-------------------------選択内容確認の申込旧デザイン---*/
#reserve-select h2{
	font-size: 100%;
	padding:0;
	margin:0;
	background:none;
	display:block !important;
}
#reserve-select h2.continue{
	font-size: 92%;
}
#reserve-select .reserve-box{
	border:1px solid #deb887;
	background-color:#fffaf0;
	margin-bottom:5px;
	width:830px;
}
#reserve-select .reserve-box .title{
	width:100%;
	background:none;
	border-bottom:1px solid #8b4513;
	background-color:#F2DFB5;
}
#reserve-select .reserve-box h3{
	padding:3px;
	margin:0;
	background:none;
	font-size: 92%;
}
#reserve-select .reserve-box p,
#reserve-select .reserve-box ul li {
	margin:10px;
	font-size: 92%;
	line-height:120%;
}
#reserve-select .reserve-box ul li {
	margin:0 10px;
}
#reserve-select .reserve-box span {
	margin:0 10px;
	font-size: 127%;
	font-weight:bold;
}
#reserve-select .explain{
	float:left;
	width:550px !important;
}
#reserve-select .netInfor h3{
background:url(../images/bg_ti_bk.gif) no-repeat left bottom;
padding:3px 0px 2px 10px;
line-height:100%;
margin:0px 15px 8px 15px;
}
#reserve-select .netInfor p{
margin-left:25px;
}

#reserve-select .button{
	float:left !important;
	width:250px !important;
}
#reserve-select .netBtn{
	text-align: right;
}
#reserve-select .button input{
	width:200px;
	margin-left:10px;
	line-height:150%;
}
#reserve-select .netBtn input{
	width:200px;
	margin-right: 50px;
	line-height:150%;
}
#reserve-select .button input.wide{
	width:230px;
	margin-left:10px;
}
#reserve-select .button .txtLink{
	margin-left:20px;
}


/*--------------------------- SEO用追加テキスト ---*/
#mapselectarea h1,
#mapselectsubarea h1{
margin-bottom:5px;
}


p.text001 {
margin-left:20px;
font-size: 85%;
margin-bottom:20px;}

#selected-confirm-structure #action .reserve-online strong{
	font-weight:bold;
	color:#CC0033;
}

/*--------------------------- 早期割引アイコン(2008.12.09追記) ---*/
table.calendar img.hayawari,
#calendarbox .calendarinner table img.hayawari{
margin-left:3px;
}
#calendarbox .calendarinner p.caution img.hayawari{
margin-left:3px;
vertical-align:middle;
}


/*--------------------- 企画商品用 ここから---------------------*/
.osusumeplan .namePriceKikaku h2,
.normalplan .namePriceKikaku h2{
	width:528px;
}
.osusumeplan .namePriceKikaku .price,
.normalplan .namePriceKikaku .price{
	width:150px;
	text-align:right
}
.osusumeplan .namePriceKikaku .priceIcon,
.normalplan .namePriceKikaku .priceIcon{
	float:right;
	width:82px;
}

.hotelplan .namePriceKikaku h2.pl{
	width:668px;
}
.hotelplan .namePriceKikaku .priceIcon{
	float:right;
	width:82px;
}
/*--------------------- 企画商品用 ここまで---------------------*/

/*--------------20080219bp追加---------------------*/
/* クルーポイント還元率（プラン一覧・プラン詳細） */
.description p.crewpointInfo,
#calendarbox p.crewpointInfo{
font-size:86%;
margin-top:5px;
margin-bottom:5px;
}

.description p.crewpointInfo img,
#calendarbox p.crewpointInfo img{
margin-right:3px;
vertical-align:middle;
}

#calendarbox p.crewpointInfo{
text-align:right;
}
/*--------------20080225bp追加---------------------*/
.description p.crewpointInfo span.fontSmaller{
font-weight:normal;
margin-left:3px;
font-size:85%;
_font-size:75%;
}

/*--------------------- map内ページにバナー追加 -----------------*/

#mapbox .list table{
height:500px;
}

#mapbox .list table td{
line-height:1.55em;
}


#mapbox .list table td.mapRightBnrBox{
vertical-align:bottom;
}

#mapbox .list table td.mapRightBnrBox p.tokusyu{
margin:0 0 4px 0;
}

#mapbox .list table td.mapRightBnrBox .banner{
float:left; 
width:105px;
}

#mapbox .list table td.mapRightBnrBox .txt{
margin-left:105px;
font-size:80%;
line-height:1.5em;
}

#mapbox .list table td.mapRightBnrBox .txt a{
font-size:120%;
margin-bottom:10px;
line-height:1.6em;
}

/*--------------------- map内ページにバナー追加 -----------------*/

/*--------------------- クリップ追加 ここから---------------------*/

.clipAdd{
	border:1px solid #d6d6d6;
	padding:4px 4px 3px 4px;
	background-color:#f5f7f4;
	width:98%;
	margin-top:10px;
	clear:both;
}

.clipAdd .clipBt{
	float:left;
	margin:0!important;
	padding:0!important;
}

.clipAdd .clipTxt{
	float:right;
	margin-top:4px;
}
/*--------------------- クリップ追加 ここまで---------------------*/

/*--------------------- mapページ　やどだよりまちだより---------------------*/

#mapselectsubarea .staffInfoBlock {
	background:url(../images/map/yadomachi/bg_dayori_bottom.gif) no-repeat 0 100%;
	width: 830px;
	margin-bottom: 30px;
	padding-bottom: 10px;
}

#mapselectsubarea .staffInfoBlock .frame_top {
	vertical-align: top;
	margin:0;
	padding:0;
}

*:first-child+html #mapselectsubarea .frame_top {
	margin-top: -3px;
}

#mapselectsubarea .staffInfoBlock h2 {
	background: none;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
}

#mapselectsubarea .staffInfoBlock h2 img {
	vertical-align: bottom;
	_margin-top: -8px;
}

*:first-child+html #mapselectsubarea .staffInfoBlock h2 img {
	margin-top: -15px;
}

#mapselectsubarea .staffInfoBlock p {
	background:url(/common/images/window.gif) no-repeat 0 2px;
	padding-left: 15px;
	margin-left: 15px;
	width: 785px;
	
}

#mapselectsubarea .staffInfoBlock p .hotelnameElement,
#mapselectsubarea .staffInfoBlock p .subareanameElement,
#mapselectsubarea .staffInfoBlock p .meshnameElement,
#mapselectsubarea .staffInfoBlock p .meshnameElement {
	font-size: 85%;
	}



/*--------------------- mapページ　やどだよりまちだよりここまで---------------------*/