@charset "utf-8";

@import url(layout.css);
@import url(contents.css);
@import url(ljh.css);


.reservation_caleder { width:850px;  position: relative;  margin:20px auto; font-family:³ª´®°íµñ} 
.reservation_caleder table { width:100%; border-collapse:collapse;} 
.reservation_caleder table tbody th { height:50px;  border:1px solid #d5d5d5; border-left: none; border-top: none;} 
.reservation_caleder table tbody td { width:98px; height:92px; border:1px solid #d5d5d5; text-align:right; vertical-align:top; padding:5px 5px 0 0; border-left: none; border-bottom: none; font-size:12px;} 
.reservation_caleder table tbody td p{margin: 5px 0 0 0;}

.txt_month { font-size:35px;}
.icon_state { margin-top:10px; }

table, tr, th, td {border:0; margin:0; padding:0;}

/* ¿Â¶óÀο¹¾à */

.reservation_input {position:relative; margin:40px auto; width:685px;}
.reservation_input .tit_box{height: 32px;background-color: #ececec;border-top: 1px solid #d4d3d3;
border-bottom: 1px dashed #d4d3d3;}
.reservation_input .tit_box h4.tit{position:absolute; left:25px; top:10px;;}
.reservation_input .tit_box span {padding:19px 0 0 12px; float:left;}
.table_box{clear: both;}
.reservation_input .table_box {border-top:1px solid #ddd;}
.reservation_input .table_box table {width:100%; font-size:12px;}
.reservation_input .table_box tbody th {text-align:left; border-bottom:1px solid #ddd; background:#F1F1F1; padding:10px;}
.reservation_input .table_box {background:url(img/bg_cont_line.gif) left top repeat-x; border-top: 2px solid #ed145b}
.reservation_input .table_box tbody td{text-align:left; padding:10px; border-bottom:1px dashed #ddd;}
.sel_email{height:20px; border:1px solid #b7b7b7; width:96px;}
.counsel_ch_box{border-bottom: 1px solid #d4d3d3; padding-bottom: 25px;}
.reservation_input .personal_box {margin:10px 0 0 0; padding:8px 10px; font-size:11px; color:#9c9999; line-height:18px; letter-spacing:-1px; border:1px solid #e9e9e9; background-color:#fff; overflow: scroll; height: 89px; background-color: #fbfbfb}
.reservation_input .bgbox .btn_counsel_img{margin: 0 0 185px 240px;}

/* ¿Â¶óÀÎ ¿¹¾à */
.calendarWrap{width:800px;margin:auto;}
.whatMonth{ font-size:20px; font-weight:bold; }
.month li{ float:left; padding:0 80px 0; font-size:26px; }
.month li.frist{ padding-left:0px; }
.month li.last{ padding-right:0px; }
.monthClear{ clear:both; }

.reservation{ margin-top:40px; } 
.reservation li{ float:left;}
.reservationClear{ clear:both;}
.today span{ color:#4e78c7;  font-weight:bold; }
.bookin{ padding-left:30px; color:#4e78c7; }

.calendarTable{ width:100%; margin-top:30px; }
.calendarTable tr th{font-size:16px; border:1px solid #ccc; text-align:center; border: 1px solid #ccc; padding:15px 0; }
.calendarTable tr td{position:relative;font-size:16px; border:1px solid #ccc; text-align:right; padding-right:2px; }
.calendarTable tr td a{display:block;width:91%;height:50px;padding-top: 10px;padding-right: 9%;}
.calendarTable tr td p{position:absolute;right:5px;bottom:5px;}
.calendarTable tr td p a{display:block;width:100%;height:21px;}
.calendarTable tr td{width:14%; }
.sunday{ color:#f44e4e; font-weight:bold; }
.saturday{ color:#0000cc; font-weight:bold; }