/*_____________________ main_title ______________________*/

#add_Col h2{
position:relative;
width:960px;
height:190px; }
#add_Col h2 a {
display:block;
width:960px;
height:190px;
overflow:hidden;}
#add_Col h2 img {
position:absolute;
display:block;}
#add_Col h2 span {
position:absolute;
left:255px;
top:149px;
display:block;
background:url(/element/special/shared/images/bs_txt_001.gif) no-repeat left top;
width:705px;
height:41px;
text-indent:-9999px; }
#add_Col h2 a span {
cursor:pointer}


/*_____________________ calendar ______________________*/

#main_Col .calendarArea {
width:730px;
margin-bottom:20px;}

#main_Col .calendarArea .explainArea {
width:730px;
padding:5px 0;}
#main_Col .calendarArea .explainArea:after {
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;}

#main_Col .calendarArea .explainArea .explainTxt {
float:left;
width:577px;
line-height:100%;
color:#8d8d8d;
font-size:85%;
padding-top:5px;}
#main_Col .calendarArea .explainArea .explainTxt span {
display:inline-block;
padding-top:2px;
margin-right:10px;
background:url(/element/j_hotel/holidays/shared/images/status_001.gif) no-repeat left top;}
#main_Col .calendarArea .explainArea .explainTxt .state001 {
background-position:0 0;
padding-left:14px;}
#main_Col .calendarArea .explainArea .explainTxt .state002 {
background-position:0 -20px;
padding-left:14px;}
#main_Col .calendarArea .explainArea .explainTxt .state003 {
background-position:0 -40px;
padding-left:14px;}
#main_Col .calendarArea .explainArea .explainTxt .state004 {
background-position:0 -60px;
padding-left:14px;}

#main_Col .calendarArea .explainArea .pagingBox {
float:right;
width:153px;}
#main_Col .calendarArea .explainArea .pagingBox:after {
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;}
#main_Col .calendarArea .explainArea .pagingBox span {
float:left;
color:#CCC;
font-weight:bold;}
#main_Col .calendarArea .explainArea .pagingBox span a,
#main_Col .calendarArea .explainArea .pagingBox span em {
display:block;
line-height:100%;
height:17px;
padding-top:4px;
background:url(/element/j_hotel/holidays/shared/images/btn_001.gif) no-repeat left top;}

#main_Col .calendarArea .explainArea .pagingBox span.before em {
padding-left:13px;
width:64px;}
#main_Col .calendarArea .explainArea .pagingBox span.before a {
padding-left:16px;
width:61px;}
#main_Col .calendarArea .explainArea .pagingBox span.before a {
background-position:left top;}
#main_Col .calendarArea .explainArea .pagingBox span.before em {
background-position:left -60px;}

#main_Col .calendarArea .explainArea .pagingBox span.after em {
padding-left:10px;
width:66px;}
#main_Col .calendarArea .explainArea .pagingBox span.after a {
padding-left:6px;
width:70px;}
#main_Col .calendarArea .explainArea .pagingBox span.after a {
background-position:-77px top;}
#main_Col .calendarArea .explainArea .pagingBox span.after em {
background-position:-77px -60px;}

#main_Col .calendarArea .explainArea .pagingBox span.before a:hover {
background-position:0 -30px; }
#main_Col .calendarArea .explainArea .pagingBox span.after a:hover {
background-position:-77px -30px; }

#main_Col .calendarArea .modified_Txt {
color:#666666;
text-align:right;
padding-top:20px;}





/*_____calendar Table______*/
#main_Col .calendarArea .table_base {
width:730px;}
#main_Col .calendarArea .table_base .areaName {
width:95px;
padding-left:2px;
text-align:left;}
#main_Col .calendarArea .table_base .sunday,
#main_Col .calendarArea .table_base .holiday,
#main_Col .calendarArea .table_base .saturday,
#main_Col .calendarArea .table_base .weekday {
width:62px;}

#main_Col .calendarArea .table_base th {
font-weight:normal;
border-top:2px solid #acacac;
border-bottom:1px dotted #acacac;
border-right:1px solid #acacac;
line-height:100%;
padding:4px 0;}
#main_Col .calendarArea .table_base th.areaName {
color:#a0a0a0;}
#main_Col .calendarArea .table_base th.sunday,
#main_Col .calendarArea .table_base th.holiday {
background-color:#FEE3E8;
border-color:#acacac;
color:#F31313;}
#main_Col .calendarArea .table_base th.saturday {
background-color:#D9EFE8;
border-color:#acacac;
color:#1298A0;}
#main_Col .calendarArea .table_base th span {
display:block;}

#main_Col .calendarArea .table_base td {
text-align:center;
line-height:110%;
padding:0;}
#main_Col .calendarArea .table_base tr:hover,
#main_Col .calendarArea .table_base td:hover {
background:#f9f5e4;}

#main_Col .calendarArea .table_base td a {
display:block;
line-height:110%;
padding:12px 0 10px 0;
overflow-x:hidden; }
#main_Col .calendarArea .table_base td a:hover {
background:#f8efca;}

#main_Col .calendarArea .table_base td .state001,
#main_Col .calendarArea .table_base td .state002,
#main_Col .calendarArea .table_base td .state003,
#main_Col .calendarArea .table_base td .state004 {
display:block;
text-indent:-9999px;
background:url(/element/j_hotel/holidays/shared/images/status_001.gif) no-repeat left top;}
#main_Col .calendarArea .table_base td .state001 {
background-position:23px 0;}
#main_Col .calendarArea .table_base td .state002 {
background-position:23px -20px;}
#main_Col .calendarArea .table_base td .state003 {
background-position:23px -40px;}
#main_Col .calendarArea .table_base td .state004 {
background-position:25px -60px;
margin:14px 0;}

#main_Col .calendarArea .table_base td .price {
display:block;
font-size:70%;
padding-top:5px;}
#main_Col .calendarArea .table_base td .price em {
font-size:130%;}



/*_____________________ sub_Col ______________________*/
#sub_Col .listlink_sidebox DD A {
display:inline-block;}
#sub_Col .listlink_sidebox DD A SPAN {
display:block;
font-weight:normal;}



/*_________ [13] Searching Loader __________*/
#container .loading_container { position:relative; margin:0 auto 2em auto; padding:68px 0 0 0; width:300px; text-align:center; font-size:140%;}
#container .loading_container b { display:block; width:300px; text-align:center; }


/* NEW Style 20210104
----------------------------------------------*/
#main_Col,
#add_Col{
font-family: var(--cmn-font-family);
}
#add_Col{
position:relative;
}
#add_Col span {
position: absolute;
left: 255px;
top: 149px;
display: block;
background: url(/element/special/shared/images/bs_txt_001.gif) no-repeat left top;
width: 705px;
height: 41px;
text-indent: -9999px;
}
.contentTitle h3 {
margin-bottom:15px;
padding:6px 15px 4px;
border-bottom:1px solid #d7d7d7;
background-color:#f6f6f6;
font-size:17px;
font-weight:bold;
}
.number-box{
background:#f7f7f7;
box-sizing:border-box;
padding:12px 15px;
text-align:center;
}
.number-box img{
margin-left:5px;
}
.number-box .select-num{
padding-left:15px;
font-size:15px;
}
.number-box span select{
margin:-2px 1px 0 1px;
padding:3px 0;
}
.number-box-info{
font-size:11px;
margin:5px 0 8px;
}

#main_Col .tableStyle2 table td ul li{
font-size:12px;
}
#main_Col .tableStyle2 table td ul li a{
color:#555;
}

#main_Col .calendarArea .explainArea .explainTxt{
color:#333;
font-size:11px;
}

#main_Col .calendarArea .explainArea .explainTxt b{
font-weight:normal;
}

#main_Col .calendarArea .table_base th,
#main_Col .calendarArea .table_base td{
border-top-width:1px;
border-color:#ccc !important;
}

#main_Col .calendarArea .table_base th{
border-bottom-style:solid;
}

#main_Col .calendarArea .table_base th.saturday,
#main_Col .calendarArea .table_base th.sunday,
#main_Col .calendarArea .table_base th.holiday{
background-color:#f0f0f0;
}

#main_Col .calendarArea .table_base th.saturday{
color:#333;
}

#main_Col .calendarArea .table_base tr:hover,
#main_Col .calendarArea .table_base td:hover{
background:#e0eef9;
}

#main_Col .calendarArea .table_base td:not([class]) a{
color:#666 !important;
}

#main_Col .calendarArea .table_base td a:active,
#main_Col .calendarArea .table_base td a:hover,
#main_Col .calendarArea .table_base td a:focus{
color:#fff !important;
background:#338cd5;
}

#main_Col .calendarArea .explainArea .pagingBox{
width:auto;
}

#main_Col .calendarArea .explainArea .pagingBox span{
margin-left:10px;
}

#main_Col .calendarArea .explainArea .pagingBox span a,
#main_Col .calendarArea .explainArea .pagingBox span em{
padding:5px !important;
border:1px solid #ccc;
border-radius:4px;
color:#666;
display:block;
line-height:1;
height:auto !important;
width:auto !important;
min-width:4em;
padding-top:4px;
background:none;
text-align:center;
font-weight:normal;
}

#main_Col .calendarArea .explainArea .pagingBox span em{
color:#ccc;
}