@charset "utf-8";

/* reserve */

header { background: url(../../reserve/img/header_bg.png) center top no-repeat; height: 250px; }

.colorRed { color: #CC0000; }


.bglineBox { background: #F4F2EB; border: 1px solid #D7D0BA; margin:20px auto; padding: 20px; width: 100%; }

.pointList li { margin-left: 1.5em; text-indent: -1.38em;
margin-bottom: 0.5em; }
.pointList li:first-letter { color: #A38C58; }


p.btn { text-align: center; margin: 30px auto; }

.numTable { width: 100%;
margin: 20px 0 60px;
border-top: 1px solid #A38E58;
border-bottom: 1px solid #A38E58;
}

.numTable th { background: #EDE9DE;
padding: 24px 20px; vertical-align: top; text-align: left; font-weight: normal; width: 22%;
}
.numTable td { 
padding: 20px 24px; vertical-align: top; text-align: left;
}

.numTable td>table { 
width: 660px; margin-bottom: 20px;
border-bottom: 1px solid #A38E58;
border-collapse: separate;
}
.numTable td>table td { 
padding: 16px 0; vertical-align: top; text-align: left;
border-bottom: 1px dotted #A38E58;
}
.numTable td>table tr:last-child td { 
border-bottom: none;
}
.numTable td>table td input[type=text] { 
width: 80px;
}
.numTable td p span { 
padding-left: 40px;
}

.numTable  ul.notes {
margin: 16px 0;
}
.numTable td >ul.notes li {
margin-left: 1.5em; text-indent: -1.5em;
}
.numTable td >ul.notes li span { color: #CC0000; }


.selectMonth {
display: inline-table;
margin: 24px 0;
padding: 20px 10px;
background: #F4F2EB;
width: 340px;
}
.selectMonth dt {
display: table-cell;
width: 50%;
text-align: center;
}
.selectMonth dd {
display: table-cell;
width: 50%;
text-align: center;
border-left: 2px solid #AB9766;
}


.calTableNavi {
width: 100%;
border-bottom: 1px solid #A38E58;
}
.calTableNavi th { padding: 4px 16px;
font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif; font-size: 1.2rem; vertical-align: middle;
text-align: left;
}
.calTableNavi td { padding: 4px 0;
vertical-align: middle;
}
.calTableNavi td.last { text-align: right;
}
.calTableNavi td li { display: inline-block; *display: inline; *zoom: 1; 
margin: 4px 2px;
border: 1px solid #E6E0D1; background: #F4F2EB;
}
.calTableNavi td li a { display: block; text-align: center; margin: 0 auto; padding: 4px 24px;
}
.calTableNavi td li.active { 
position: relative; background: #7F682A; border: none;
}

.calTableNavi td li.active:before { 
content: url(../../reserve/img/cal_week.png);
position: absolute; width: 8px; height: 7px;
bottom: 4px; left: 42px;
}

.calTableNavi td li.active a { color: #fff; text-decoration: none; 
}


.calTableBody {
display: none;
width: 100%;
margin: 10px auto 20px;
}
.calTableBody thead { border-bottom: 4px solid #fff; }
.calTableBody thead th {
background: #7F682A; color: #fff; font-weight: normal; font-size: 0.9rem; text-align: center;
padding: 16px 4px;
border-left: 2px solid #fff;
white-space: nowrap;
}
.calTableBody tbody tr { border-bottom: 2px solid #fff; }
.calTableBody tbody th { color: #5A4115; font-weight: bold; text-align: center; vertical-align: middle; background: #E6E0D1; font-size: 0.9rem; 
padding: 2px 4px; line-height: 1.4;
border-left: 2px solid #fff;
}
.calTableBody tbody td { vertical-align: middle; text-align: right;
border-left: 2px solid #fff;
}

.calTableBody tbody tr.off th { color: #fff; background: #999; }

.calTableLegend {
width: 100%;
margin: 0 0 30px;
border: 1px solid #5A4115;
}
.calTableLegend td {  padding: 10px 5px;
vertical-align: middle; text-align: left;
}
.calTableLegend td:first-child {
	padding-left: 16px;
}
.calTableLegend td:last-child {
	padding-right: 16px;
}

.formTable { 
width: 100%;
margin: 20px 0 60px;
border-top: 1px solid #A38E58;
border-bottom: 1px solid #A38E58;
border-collapse: separate;
}

.formTable th { background: #EDE9DE;
padding: 16px; vertical-align: middle; text-align: left; font-weight: normal; width: 22%;
border-bottom: 1px solid #A38E58;
}
.formTable tr:last-child th,
.formTable tr:last-child td { border-bottom: none; }
.formTable th.dotlineR { border-right: 1px dotted #A38E58; }
.formTable td { 
padding: 16px 24px; vertical-align: top; text-align: left; border-bottom: 1px solid #A38E58;
vertical-align: middle;
}
.formTable .dotline { border-bottom: 1px dotted #A38E58; }

.formTable input.w100 { 
margin-right: 16px; width: 110px;
}
.formTable input.w120 { 
width: 120px;
}
.formTable input.w160 { 
margin-right: 30px; width: 160px;
}
.formTable input.w280 { 
width: 280px;
}
.formTable input.w440 { 
width: 440px;
}

.formTable textarea.w440 {
	width: 440px;
	height: 100px;
}

.formTable td p label input { margin-right: 4px; }


.selectGuide>label,
.selectLangage>label { padding-right: 20px; }
.selectGuide>label:last-child,
.selectLangage>label:last-child { padding-right: 0; }

.selectAtrb { width: 42%; display: inline-block; *display: inline; *zoom: 1; }
.selectAtrb2 { width: auto; display: inline-block; *display: inline; *zoom: 1; }
.selectTrigger { width: 41%;  display: inline-block; *display: inline; *zoom: 1; }

.thanksWrapper { margin: 0 auto; width: 760px; }
.thanksWrapper h2 { margin: 0 auto 20px; text-align: center; }
.thanksWrapper p { margin: 20px auto 0; text-align: center; }
.thanksWrapper ul { color: #666; }
.thanksWrapper li { margin-left: 1em; text-indent: -1em; 
margin-bottom: 0.25em; }


/* -- reservation_content -- */

ul.reservation_content {
	text-align:center;
}

ul.reservation_content li {
	display: inline-block;
	margin-left: 20px;
}

ul.reservation_content li input {
	margin-right: 7px;
	vertical-align: baseline;
}





/* -- magin_Table -- */


.mb0 {
	margin-bottom: 0px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb60 {
	margin-bottom: 60px;
}

.toku {
	position: relative;
}

.toku .poptxt {
	position: absolute;
	left: -108px;
	bottom: 38px;
	z-index: 100;
	margin: -76px 0 0;
	display: block;
	background: url(../../reserve/img/popup_bgtop.png) no-repeat left top;
	padding: 10px 0 0;	
	width:276px;
}

.toku .poptxt .inner1 {
	background: url(../../reserve/img/popup_bgbtm.png) no-repeat left bottom;
	padding: 0 0 30px;
}

.toku .poptxt .inner2 {
	background: url(../../reserve/img/popup_bgrep.png) repeat-y left top;
	display: block;
	color: #333;
	font-size: 14px;
	width:261px;
	text-align: left;
	padding: 0 0 0 15px;
}

.caption {
	margin: -20px 0 20px 10px;
	font-size: 92%;
}