
/*_____________________ 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/calendar/shared/images/status_002.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/calendar/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/calendar/shared/images/status_002.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;
	font-family: var(--cmn-font-family);
}
#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%; color:#E30707; }
#container .loading_container b { display:block; width:300px; text-align:center; }
