@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:26px; color:#000; line-height:65px; font-weight:500; text-align:center; background:#eaeef3;}
.tabArea li.on a {color:#fff; border-color:#3264c7; background:#3264c7;}



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

.title01 {margin:60px 0 17px; font-size:26px; color:#000000; line-height:27px; font-weight:700; line-height:1.05; text-align:left;}

#reservationArea {margin-bottom:-20px;}
.timeSelectWrap {overflow:hidden;}
.calendarSelect {float:left; width:55%;}
.calendarWrap .headBox {position:relative; line-height:70px; font-size:26px; color:#fff; text-align:center; background:#000000;}
.calendarWrap .headBox .btn_prev {position:absolute; top:23px; left:30px;}
.calendarWrap .headBox .btn_next {position:absolute; top:23px; right:30px;}
#calendar {width:100%;}
#calendar th {border:1px solid #d3d3d3; font-size:19px; line-height:50px; 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:60px; text-align:center;}
#calendar td > div .btn_reser {position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:1px solid #3264c7; line-height:60px; background:#f5f8ff;}
#calendar td > div .btn_reser_active {color:#fff; background:#3264c7; }
#calendar td > div a {display:block;}
#calendar td.todayOn .btn_reser a {position:absolute; top:50%; left:50%; width:50px; height:50px; margin-left:-25px; margin-top:-25px; border-radius:50%; line-height:50px; color:#fff; background:#3264c7;}
#calendar td.todayOn > div > span {position:absolute; top:50%; left:50%; width:50px; height:50px; margin-left:-25px; margin-top:-25px; border-radius:50%; line-height:50px; color:#fff; background:#3264c7;}
.calendarText1 {overflow:hidden; border:1px solid #d3d3d3; border-top:0; padding:20px; font-size:19px; color:#383838; line-height:55px;}
.calendarText1  * {vertical-align:top;}
.calendarText1 input {margin-left:10px; color:#3264c7;}
.calendarText1 .reser_color {display:inline-block; width:80px; height:55px; margin-right:8px; margin-top:5px; border:1px solid #3264c7; background:#ebf2f9;}
.calendarText2 {padding:10px 0; font-size:19px; color:#868686;}
.calendarText2 b {display:inline-block; 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:20px;}
.textarea_box .txt b {color:#ff3000;}

.timeSelect {float:right; overflow:hidden;}
.timeSelect dl {float:left; width:265px; border:1px solid #d3d3d3; text-align:center;}
.timeSelect dl:first-child {margin-right:-1px;}
.timeSelect dt {font-size:22px; color:#fff; line-height:70px; text-align:center; background:#797979;}
.timeSelect ul {padding:10px 0;}
.timeSelect ul {text-align:center; font-size:22px; line-height:40px;}
.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:#3264c7;}


#passwordBox2 {position:relative; width:800px; margin:200px auto 100px; padding:100px 45px 45px; border:1px solid #ededed; text-align:center; background:#f8f8f8;}
#passwordBox2 * {vertical-align:middle;}
#passwordBox2 .timg {position:absolute; top:-100px; left:320px;}
#passwordBox2 strong {display:block; font-size:33px; color:#383838;}
#passwordBox2 > p {padding:15px 0 50px; font-size:20px; color:#585858;}
#passwordBox2 .fRow {display:inline-block; width:520px; margin-bottom:10px; text-align:left;}
#passwordBox2 .fRow label {display:inline-block; width:125px; text-align:left;}
#passwordBox2 .fRow input {width:360px;}
#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 strong {display:inline-block; border-right:1px solid #383838; padding-right:20px; margin-right:20px; font-size:25px; font-weight:500; color:#383838; line-height:1;}


.noticeBox {padding:35px 50px; border:1px solid #d1d9e9; font-size:22px; color:#3b3939; background:#f5f8ff;}
.noticeBox .title {margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #d1d9e9; font-size:24px; line-height:34px;}
.noticeBox em {color:#3264c7;}
.noticeBox .decimal_list {margin-left:20px;}
.noticeBox .decimal_list li {list-style:decimal; line-height:1.8}
.noticeBox .dot_list {}
.noticeBox .dot_list li {position:relative; padding-left:12px; line-height:1.8}
.noticeBox .dot_list li:before {position:absolute; top:20px; left:0; width:3px; height:3px; border-radius:50%; background:#3b3939; content:'';}

.noticeBox02 {margin-top:100px; padding:40px; text-align:center; color:#fff; background:#484a54;}
.noticeBox02 .t02 {margin-top:7px; font-weight:300;}

.writeForm {margin-bottom:20px;}

.r_cont {display:none; margin-bottom:100px;}

.d_block {display:block;}