@charset "utf-8";
/* CSS Document */

.tabArea {overflow:hidden; margin-bottom:50px; border:1px solid #d9d9d9;}
.tabArea li {float:left; width:50%;}
.tabArea li+li {border-left:1px solid #d9d9d9;}
.tabArea a {display:block; font-size:17px; color:#303030; line-height:53px; text-align:center; background:#f3f3f3;}
.tabArea li.on a {color:#fff; background:#b18d55;}

/*################################# write #################################*/

.title01 {margin:50px 0 17px; font-size:18px; color:#333333; font-weight:bold; line-height:20px;}
.title01:first-child {margin-top:0;}

.timeSelectWrap {overflow:hidden;}
.calendarSelect {float:left; width:50%;}
.calendarWrap .headBox {position:relative; line-height:50px; font-size:20px; color:#fff; text-align:center; font-weight:bold; background:#333333;}
.calendarWrap .headBox .btn_prev {position:absolute; top:11px; left:22px;}
.calendarWrap .headBox .btn_next {position:absolute; top:11px; right:22px;}
#calendar {width:100%;}
#calendar th {border:1px solid #d3d3d3; font-size:14px; line-height:35px; color:#868686; background:#f8f8f8;}
#calendar th:first-child {color:#d4343c;}
#calendar th:last-child {color:#2c72ae;}
#calendar td {border:1px solid #d3d3d3;}
#calendar td > div  {position:relative; line-height:45px; text-align:center; font-weight:bold;}
#calendar td > div .btn_reser {position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:1px solid #b18d55; color:#585858; line-height:45px; background:#efe8dd;}
#calendar td > div .btn_reser_active {color:#fff; background:#b18d55; }
#calendar td > div a {display:block;}
#calendar td.todayOn .btn_reser a {position:absolute; top:50%; left:50%; width:36px; height:36px; margin-left:-18px; margin-top:-18px; border-radius:50%; line-height:36px; color:#fff; background:#526151;}
.calendarText1 {overflow:hidden; border:1px solid #d3d3d3; border-top:0; padding:20px; font-size:14px; color:#333333; line-height:35px;}
.calendarText1  * {vertical-align:middle;}
.calendarText1 input {color:#526151;}
.calendarText1 .reser_color {display:inline-block; width:35px; height:25px; margin-top:5px; border:1px solid #b18d55; background:#efe8dd;}
.calendarText1 .left span {margin-right:10px;}
.calendarText1 .right input {margin-left:10px;}
.calendarText2 {padding:10px 0; font-size:14px; color:#868686;}
.calendarText2 b {color:#f54c48;}

#reser_comment b {color:#ff3000;}

.textarea_box {position:relative;}
.textarea_box .txt {position:absolute; top:0px; left:0px; width:100%; height:100%; padding:10px;}
.textarea_box .txt b {color:#ff3000;}

.timeSelect {float:left; overflow:hidden; margin-left:20px;}
.timeSelect dl {float:left; width:280px; border:1px solid #d3d3d3; text-align:center;}
.timeSelect dt {font-size:16px; color:#fff; font-weight:bold; line-height:50px; text-align:center; background:#797979;}
.timeSelect ul {padding:10px 0;}
.timeSelect ul {text-align:center; font-size:15px; line-height:30px; font-weight:bold;}
.timeSelect ul a {display:block; color:#585858;}
.timeSelect ul li.none {color:#959595; text-decoration:line-through;}
.timeSelect ul li.on a, .timeSelect ul a:hover {color:#fff; background:#b18d55;}


#passwordBox2 {position:relative; width:700px; margin:200px auto 100px; padding:100px 45px 45px; border:1px solid #ededed; text-align:center; background:#f8f8f8;}
#passwordBox2 .timg {position:absolute; top:-100px; left:270px;}
#passwordBox2 strong {display:block; font-size:23px; color:#333333;}
#passwordBox2 > p {padding:15px 0 30px; font-size:15px; color:#585858;}
#passwordBox2 .fRow {display:inline-block; width:450px; margin-bottom:10px; text-align:left;}
#passwordBox2 .fRow label {display:inline-block; width:100px; text-align:left;}
#passwordBox2 .fRow input {width:335px;}
#passwordBox2 .fRow input.number {width:100px;}
#passwordBox2 .btn {display:block; margin:20px auto 0;}

.viewHeadBox {margin-bottom:30px; padding:20px 30px; border:1px solid #ededed; background:#f8f8f8;}
.viewHeadBox * {vertical-align:middle;}
.viewHeadBox strong {display:inline-block; border-right:1px solid #333333; padding-right:20px; margin-right:20px; font-size:23px; color:#333333; line-height:1;}


.noticeBox {margin-bottom:60px; padding:30px; border:1px solid #dcdcdc; font-size:16px; color:#333333; text-align:center; background:#f2f2f2;}
.noticeBox b {color:#b18d55;}
.noticeBox p {padding:10px 0; padding-left:35px; text-align:left;}