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

.tab_area {overflow:hidden; margin-bottom:10px;}
.tab_area li {float:left; width:50%;}
.tab_area a {display:block; border:1px solid #d9d9d9; font-size:15px; color:#333333; line-height:44px; text-align:center; background:#f3f3f3;}
.tab_area li.on a {margin:-1px; color:#fff; line-height:45px; background:#4bb3e9;}

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

.btitle01 {margin:30px 0 10px; border-bottom:1px solid #cccccc; font-size:18px; color:#333333; font-weight:bold; line-height:36px;}
.btitle01.border_none {margin-bottom:10px; border:0;}


.timeSelectWrap {overflow:hidden;}
.calendarSelect {}
.calendarWrap {border:1px solid #d9d9d9; padding-bottom:5px; background:#fbfbfb;}
.calendarWrap .headBox {position:relative; padding:27px 0 10px; line-height:22px; font-size:20px; color:#000; text-align:center;}
.calendarWrap .headBox * {vertical-align:middle;}
.calendarWrap .headBox .month {display:inline-block; padding:0 35px;}
.calendarWrap .headBox .btn_prev {width:11px;}
.calendarWrap .headBox .btn_next {width:11px;}
#calendar {width:100%;}
#calendar th {font-size:15px; line-height:50px; text-align:center; color:#000000;}
/*
#calendar th:first-child {color:#d4343c;}
#calendar th:last-child {color:#2c72ae;}
*/
#calendar td {color:#bfbfbf;}
#calendar td > div  {position:relative; line-height:40px; text-align:center; font-size:13px;}
#calendar td > div .btn_reser {position:absolute; top:-1px; left:-1px; right:0px; bottom:0px; border:1px solid #4bb3e9; color:#000000; line-height:40px; background:#f0f6f8;}
#calendar td:first-child {color:#d4343c;}
#calendar td:last-child > div .btn_reser {color:#2c72ae;}
#calendar td > div .btn_reser_active {color:#fff; background:#4bb3e9; }
#calendar td > div a {display:block;}
#calendar td.todayOn .btn_reser a {position:absolute; top:50%; left:50%; width:32px; height:32px; margin-left:-16px; margin-top:-16px; border-radius:50%; line-height:32px; color:#fff; background:#4bb3e9;}
.calendarText1 {overflow:hidden; margin-top:15px; font-size:15px; color:#383838; line-height:24px;}
.calendarText1  * {vertical-align:middle;}
.calendarText1 .reser_color {display:inline-block; width:30px; height:18px; border:1px solid #4bb3e9; background:#f0f6f8;}
.calendarText1 input {width:100px; height:24px; color:#4bb3e9;}


.timeSelect {overflow:hidden; padding-bottom:1px;}
.timeSelect dt {padding-top:6px; font-size:17px; color:#4bb3e9; font-weight:bold; line-height:26px;}
.timeSelect ul {display:inline-block; width:100%; font-size:13px; padding:10px 0 0; text-align:center;}
.timeSelect ul li {float:left; width:33.33%;}
.timeSelect ul li.none {color:#999999; background:#ececec;}
.timeSelect ul li.on a {color:#fff; background:#4bb3e9;}
.timeSelect ul li:nth-child(3n+1) a {margin-left:0;}
.timeSelect ul a {display:block; height:30px; margin-top:-2px; margin-left:-1px; border:1px solid #4bb3e9; text-align:center; color:#4bb3e9; line-height:28px; background:#fff;}

.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;}


#password_box02 {position:relative; color:#333333; text-align:center;}
#password_box02 strong {display:block; font-size:18px; color:#383838; font-weight:bold;}
#password_box02 > p {padding:5px 0 20px; font-size:13px; color:#585858; line-height:18px;}
#password_box02 input[type="text"] {width:100% !important;}
#password_box02 .frow {margin-top:5px;}
#password_box02 input[type="submit"] {width:100%; margin-top:15px;}


.view_table {width:100%; border-top:1px solid #333333; color:#333333;}
.view_table td,
.view_table th {height:40px; padding:8px; border-bottom:1px solid #d8d8d8; vertical-align:middle; font-size:14px; font-weight:normal;}
.view_table th {background:#f8f8f8;}



.notice_box {padding:0 15px 20px; border:1px solid #d9d9d9; font-size:13px; color:#666666; line-height:18px; background:#f8f8f8;}
.notice_box h2 {margin:0 -15px 10px; padding-left:20px; padding-top:2px; border-bottom:1px solid #cccccc; font-size:18px; line-height:42px; font-weight:bold; color:#333333; background-size:22px;}
.notice_box em {color:#4bb3e9;}
.notice_box li {list-style:decimal; margin-left:15px;}

.board_txt {margin:-5px 0 10px; font-size:15px; color:#999999;}

.btn_reserve {margin-top:25px; border:1px solid #383838; font-size:17px; color:#505050; line-height:38px; text-align:center;}
.btn_reserve p {overflow:hidden;}
.btn_reserve .btn {float:left; width:50%; color:#505050 !important; background:#fff;}
.btn_reserve .btn+.btn {border-left:1px solid #383838; background:#ececec;}