/*_____________________ main_title ______________________*/

#add_Col h2{
position:relative;
width:960px;
}
#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 .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 .explainTxt span.price{
background:none;
display:block;
margin-top:5px;
}
#main_Col .calendarArea .explainArea .explainTxt span.price b.text-num{
color:#ff0000;
}

#main_Col .calendarArea .explainArea .pagingBox {
float:right;
width:185px;}
#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;
}
#main_Col .calendarArea .explainArea .pagingBox span a,
#main_Col .calendarArea .explainArea .pagingBox span em{
display:block;
line-height:100%;
height:17px;
padding-top:6px;
text-decoration:none;
}
#main_Col .calendarArea .explainArea .pagingBox span em{
opacity:.33;
}
#main_Col .calendarArea .modified_Txt {
color:#666;
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;
font-size:12px;
color:#333;
font-weight:bold;}
#main_Col .calendarArea .table_base th.areaName b{
font-size:14px;
}
#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/calendar/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%;}

#main_Col .calendarArea .explainArea {
width: 960px;
padding: 5px 0 10px;
}
#main_Col .calendarArea .table_base{
width:960px;
}
#main_Col .calendarArea .table_base .areaName {
width: 150px;
padding-left:6px;
text-align: left;
box-sizing:border-box;
}
#main_Col .calendarArea .table_base tr:hover,
#main_Col .calendarArea .table_base td:hover {
background:#fdfaeb;
}
#main_Col .calendarArea .table_base td a:hover {
background:#f8eab9;
}
#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 {
height: 16px;
}
#main_Col .calendarArea .table_base td .state001 {
background-position:29px 0;
}
#main_Col .calendarArea .table_base td .state002 {
background-position:29px -20px;}
#main_Col .calendarArea .table_base td .state003 {
background-position:29px -40px;}
#main_Col .calendarArea .table_base td .state004 {
background-position:30px -60px;
}
#main_Col .calendarArea .explainArea .pagingBox span a{
color:#333;
}
#main_Col .calendarArea .explainArea .pagingBox span em{
color:#ccc;
}
#main_Col .calendarArea .explainArea .pagingBox span a,
#main_Col .calendarArea .explainArea .pagingBox span em {
width: 82px;
height: 27px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background:none;
border:1px solid #ccc;
background-color: #fff;
-webkit-box-shadow: inset 0 -3px rgba(6,0,1,.1);
-moz-box-shadow: inset 0 -3px rgba(6,0,1,.1);
box-shadow: inset 0 -3px rgba(6,0,1,.1);
box-sizing:border-box;
font-size:12px;
text-align:center;
}
#main_Col .calendarArea .explainArea .pagingBox span.before{
margin-right:18px;
}
.pagingBox span a{
position:relative;
}
#main_Col .calendarArea .explainArea .pagingBox span.after a {
padding-right:10px;
}
#main_Col .calendarArea .explainArea .pagingBox span.before a {
padding-left:10px;
}
.city-link{
margin:6px 0 18px 0;
}
.city-link a{
position:relative;
padding-left:8px;
}
.city-link a:before{
content:'';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 4px;
border-color: transparent transparent transparent #333333;
left:0;
top:50%;
display:block;
margin-top:-4px;
}
.calendarArea h3{
font-size:18px;
width:960px;
margin-bottom:-5px;
margin-top:35px;
}
#main_Col .calendarArea .table_base th.areaName b{
color: #333;
}
#main_Col #etcHolidaysArea .block4 {
margin-bottom: 0;
margin-right: 26px;
width: 155px;
float: left;
}
#main_Col .text-link-box{
margin-bottom:30px;
}
#one_column #add_Col{
min-height:190px;
}

/* ----------------------------------------------------------------
clearfix
----------------------------------------------------------------- */

#one_column #add_Col:after,
#one_column #add_Col:before,
#etcHolidaysArea .text-link-box:before,
#etcHolidaysArea .text-link-box:after{
content:"";
display:table;
}
#one_column #add_Col:after,
#etcHolidaysArea .text-link-box:after{
clear:both;
}



/*_________ [13] Searching Loader __________*/
#main_Col .loading_container{
margin:5em auto;
text-align:center;
font-size:140%;
font-weight:bold;
}