@charset "utf-8";

/* ####################################### */
/* Reservation */
/* ####################################### */
#reservationTitle {
margin-top: 10px;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
padding: 0;
border-top: 1px solid #b38848;
border-bottom: 1px solid #b38848;
}

#reserveMenuArea {
margin: 0;
padding: 0;
width: 360px;
font-size: 100%;
float: left;
}
#reserveMenuArea address {
padding: 15px;
border-top: 1px dotted #e2d4ba;
}
#reserveMenuArea p {
padding: 15px;
font-size: 90%;
}
#reserveMenuArea p#reserveExp {color: #b38848;}
/*#reserveMenuArea p#reserveExp sup {color: #eb7aab;}*/
#reserveMenuArea p#reservePoint {
padding: 0 15px 15px 15px;
color: #eb7aab;
border-bottom: 1px dotted #e2d4ba;
}
#reserveMenuArea address img, #reserveMenuArea p img {border: 1px solid #e2d4ba;}
#reserveMenuArea dl {
padding: 15px;
color: #666;
font-size: 100%;
border-bottom: 1px solid #e2d4ba;
}
#reserveMenuArea dd {
margin-top: 1em;
font-size: 90%;
}

#reserveTblArea {
margin: 0;
padding: 0;
width: 580px;
font-size: 100%;
float: right;
border-left: 1px dotted #e2d4ba;
text-align: center;
}

/* 日付タブ */
#dateTabs {
margin: 15px auto 0 auto;
padding: 0.5em 0;
width: 550px;
height: 38px;
background: #eeead7 url(../img/reservation_date.gif) no-repeat left top;
border: 1px solid #e2d4ba;
text-align: center;
}
#dateTabs li {
/*float: left;*/
display: inline;
font-size: 85%;
line-height: 38px;
}
#dateTabs li a,#dateTabs li a:link,#dateTabs li a:visited {padding:0 0.1em; color: #b38848;}
#dateTabs li a:active,#dateTabs li a:hover {
color: #fff;
background-color: #b38848;
border-top: 3px solid #b38848;
border-bottom: 3px solid #b38848;
}
#dateTabs li a.current,#dateTabs li a.current:link,#dateTabs li a.current:visited,#dateTabs li a.current:active,#dateTabs li a.current:hover {
color: #fff;
background-color: #b38848;
border-top: 3px solid #b38848;
border-bottom: 3px solid #b38848;
}

#reserveMark {
margin: 15px auto 10px auto;
width: 550px;
color: #b38848;
font-size: 85%;
text-align: left;
}
#reserveMark dt {
float: left;
width: 3.5em;
}

/* 予約確認テーブル */
#reserveTbl {
margin: 0 auto 15px auto;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
width: 550px;
background-color: #fff;
font-size: 100%;
}
caption#tblDate {
color: #7f6255;
font-size: 85%;
}

#reserveTbl th {
padding: 0 0.5em 0 0.5em;
height: 30px;
color: #7f6255;
/*white-space: nowrap;*/
border: 1px solid #e2d4ba;
font-size: 100%;
vertical-align: middle;
}
#reserveTbl th.dixseptMenu {
text-align: center;
background: #eeead7 url(../img/reservation_tblth.gif) repeat-x left top;
}
/*#reserveTbl td {white-space: nowrap;}*/
.timeA, .timeB, .timeC, .timeD, .timeE, .timeF, .timeG, .timeH, .timeI {
white-space: nowrap;
text-align: center;
}

/* ++++++++++++++++++++++++++++++ [Start for Windows] +++++++++++++ */
*:first-child+html #reserveTbl th {font-size: 90%;}
* html #reserveTbl th {font-size: 90%;}
/* ++++++++++++++++++++++++++++++ [/End for Windows] +++++++++++++ */

#reserveTbl td {
padding: 0 1em 0 1em;
height: 30px;
color: #7f6255;
/*background-color: #fff;*/
font-size: 100%;
text-align: center;
vertical-align: middle;
border: 1px solid #e2d4ba;
}
.oddbg {background: #f6f4eb url(../img/reservation_tbltd.gif) repeat-x left top;}

span#netOrder {color: #f00; font-size: 100%;}

/* ####################################### */
/* 営業時間＆受付時間 */
/* ####################################### */
#dixseptTblArea,#promenadeTblArea {
margin: 0 auto;
padding: 1em 0 0.5em 0;
width: 570px;
border-top: 1px dotted #e2d4ba;
}
.businessTbl {
margin: 0 auto;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
width: 550px;
color: #b38848;
background-color: #fff;
font-size: 100%;
}
.businessTbl caption {
padding: 0.5em 0;
color: #7f6255;
text-align: left;
}
.businessTbl caption span {
margin-left: 0.5em;
color: #b38848;
font-size: 85%;
}

.businessTbl th {
margin: 0;
padding: 0;
color: #7f6255;
text-align: center;
vertical-align: middle;
border: 1px solid #e2d4ba;
}
#promenadeTblArea .businessTbl {background: #fff url(../img/business_tblprm.gif) repeat-x left top;}
.businessTbl th.promenadeHour {height: 25px;}
.businessTbl th.dixseptHour {
height: 25px;
background: #eeead7 url(../img/business_tbldxs.gif) repeat-x left top;
}
.businessTbl th.dixseptstyle {
height: 27px;
color: #b38848 !important;
}
.businessTbl td {
margin: 0;
padding: 0;
height: 25px;
text-align: center;
vertical-align: middle;
border: 1px solid #e2d4ba;
}
.oddprmbg {background: #eeead7 url(../img/business_tblprmtd.gif) repeat-x left top;}
.txtHoliday {color: #eb7aab;}
#toPromenadeHour {margin-bottom: 10px; margin-right: 15px; font-size: 85%; text-align: right;}
#toPromenadeHour a,#toPromenadeHour a:link,#toPromenadeHour a:visited {color: #b38848; text-decoration: underline !important;}
#toPromenadeHour a:active,#toPromenadeHour a:hover {color: #6ac3c2;}

/* 休日のお知らせ 
#businessNotice {
margin-top: 1em;
border-bottom: 1px dotted #bbb;
}
#businessNotice h5 {
margin: 0;
padding: 0.5em 0;
color: #d45d12;
border-top: 1px dotted #bbb;
border-bottom: 1px dotted #bbb;
}
#businessNotice p {
margin: 0.5em 0;
padding: 0.5em 0;
font-size: 90%;
}*/

/* ++++++++++++++++++++++++++++++ [Start for Windows] +++++++++++++ */
*:first-child+html .businessTbl {border-collapse: collapse;}
*:first-child+html .businessTbl th.dixseptHour {font-size: 90%;}
*:first-child+html .businessTbl th.promenadeHour {font-size: 90%;}
* html .businessTbl {border-collapse: collapse;}
* html .businessTbl th.dixseptHour {font-size: 90%;}
* html .businessTbl th.promenadeHour {font-size: 90%;}
/* ++++++++++++++++++++++++++++++ [/End for Windows] +++++++++++++ */