@charset "utf-8";
/* ===================================================================
CSS calendar

 file name  :calendar.css
 author     :Ability Consultant
style calendar  :設定　ハックは最下部に記述
=================================================================== */
.bg_calendar {
	width: 100%;
	color: #684113;
}


table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}

#calendar p.caption{
	margin:5px 0;
}

/* -----------------------------------------------------------

	#calendar_con	カレンダーコンテンツ
	
----------------------------------------------------------- */
#calendar #calendar_con{
	width:100%; 
	clear:both;
	overflow:hidden;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#calendar #calendar_con #calendar_box{
	width:100%; 
	clear:both;
	overflow:hidden;
}

/*----------------------------------------------------
	#calendar_month	　xxxx年xx月部分
----------------------------------------------------*/

#calendar #calendar_con #calendar_box #calendar_month{
	float:left;
	width:100%;
	overflow:hidden;
	padding:0;
	margin-top: 1em;
	position:relative;	
}

#calendar #calendar_con #calendar_box #calendar_month h2.month{
	text-align:center !important;
	clear:both;
	margin-bottom:5px;
	font-size:120%;
	line-height: 2;
	font-weight:bold;
	border: 3px double #5A2200;
	color:#5A2200;
}

#calendar #calendar_con #calendar_box #calendar_month p.calendar_l{
	padding:3px 10px;
	font-weight:bold;
	border-radius:6px;
	background-color:#3B1303;
	position:absolute;
	top:0;
	left:0;
}

#calendar #calendar_con #calendar_box #calendar_month p.calendar_r{
	padding:3px 10px;
	font-weight:bold;
	border-radius:6px;
	background-color:#3B1303;
	position:absolute;
	top:0;
	right:0;
}

#calendar #calendar_con #calendar_box #calendar_month p.calendar_l a{
	color:#fff;
	text-decoration: underline;
}

#calendar #calendar_con #calendar_box #calendar_month p.calendar_r a{
	color:#fff;
	text-decoration: underline;
}

#calendar #calendar_con #calendar_box #calendar_month p.calendar_l img{
	display:inline-block;
	margin:0 3px 0 0;
}

#calendar #calendar_con #calendar_box #calendar_month p.calendar_r img{
	display:inline-block;
	margin:0 0 0 3px;
}

#calendar #calendar_con #calendar_box #calendar_month p.calendar_l a:hover, #calendar #calendar_con #calendar_box #calendar_month p.calendar_r a:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}



#calendar_kuroi #calendar_con #calendar_box #calendar_month{
	float:left;
	width:100%;
	overflow:hidden;
	padding:0;
	position:relative;	
}

#calendar_kuroi #calendar_con #calendar_box #calendar_month h2.month{
	text-align:center !important;
	clear:both;
	margin-bottom:5px;
	font-size:120%;
	line-height: 1.5;
	font-weight:bold;
	border-top: none;
	color:#666;
}

#calendar_kuroi #calendar_con #calendar_box #calendar_month p.calendar_l{
	padding:3px 10px;
	font-weight:bold;
	border-radius:6px;
	background-color:#A07C00;
	position:absolute;
	top:-10px;
	left:0;
}

#calendar_kuroi #calendar_con #calendar_box #calendar_month p.calendar_r{
	padding:3px 10px;
	font-weight:bold;
	border-radius:6px;
	background-color:#A07C00;
	position:absolute;
	top:-10px;
	right:0;
}

#calendar_kuroi #calendar_con #calendar_box #calendar_month p.calendar_l a{
	color:#fff;
	text-decoration:none;	
}

#calendar_kuroi #calendar_con #calendar_box #calendar_month p.calendar_r a{
	color:#fff;
	text-decoration:none;
}

#calendar_kuroi #calendar_con #calendar_box #calendar_month p.calendar_l img{
	display:inline-block;
	margin:0 3px 0 0;
}

#calendar_kuroi #calendar_con #calendar_box #calendar_month p.calendar_r img{
	display:inline-block;
	margin:0 0 0 3px;
}

#calendar_kuroi #calendar_con #calendar_box #calendar_month p.calendar_l a:hover, #calendar #calendar_con #calendar_box #calendar_month p.calendar_r a:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}


/*----------------------------------------------------
	ご希望の日付・お部屋タイプ　部分
----------------------------------------------------*/

#calendar #calendar_con #calendar_box .txt{
	float:left;
	line-height:1.2;
	margin-left:6px;
}
#calendar #calendar_con #calendar_box .txt_cap{
	clear: both;
	margin-left:6px;
	color: #f00;
	text-decoration: underline;
}

#calendar #calendar_con #calendar_box .txt span{ font-weight:bold;}

#calendar #calendar_con #calendar_box .mark{
	height:10px;
	float:right;	
	padding:0px 10px 0 10px;
	margin:5px auto !important;
	line-height:0 !important;
	border-bottom:1px dashed #CCC;
}

#calendar #calendar_con #calendar_box .mark span{ font-weight:bold;}


#calendar #calendar_con #calendar_box .circle{
	color:#3B1303;
	font-weight: bold;
}

#calendar #calendar_con #calendar_box .tri{
	color:#3B1303;
	font-weight: bold;
}


/*----------------------------------------------------
	table	テーブル
----------------------------------------------------*/
#calendar #calendar_con #calendar_box table{
	width:100%;
	clear:both;
	/*overflow:hidden;*/
	margin:15px 0 5px 0;
	border-collapse:collapse;
	color:#fff !important;
	border:1px solid #BCBCBC;
}

#calendar #calendar_con #calendar_box table a{
	width:100%;
	clear:both;
	overflow:hidden;
	margin-top:15px;
	text-decoration: underline;
	color: #3B1303;
}
#calendar #calendar_con #calendar_box th{
	width:120px;
	height:40px;
	font-size:98%;
	padding:5px;
	border-collapse:collapse;
	border:1px solid #666;
	color:#3B1303;
}
#calendar #calendar_con #calendar_box th.room_type{
	text-align:center;
}

#calendar #calendar_con #calendar_box td{
	width:52px;
	text-align:center;
	font-size:100%;
	/*width:20px;*/
	border-collapse:collapse;
	border:1px solid #666;
	color:#D34600;
}


#calendar #calendar_con #calendar_box td.border_none{
	width:0px !important;
	text-align:center;
	border-top:none;
	border-bottom:none;
}

#calendar #calendar_con #calendar_box td.num{
	color:#3B1303;
	font-size:100%;
}

#calendar #calendar_con #calendar_box td.weekday{
	color:#3B1303;
	font-size:100%;
}

#calendar #calendar_con #calendar_box td a.circle{
	color:#3B1303;
	font-size:124% !important;
	font-weight:bold;
}

#calendar #calendar_con #calendar_box td.tri{
	color:#3B1303;
	font-size:124% !important;
	font-weight::bold;
}

#calendar #calendar_con #calendar_box td.sat{
	background-color:rgba(45,124,231,.2);
}

#calendar #calendar_con #calendar_box td.sun{
	background-color: rgba(180, 22, 22,.2);
}
#calendar #calendar_con #calendar_box td.week {
	color: #3B1303;
}
/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/

* html{
}
.new{
	background: #DC2323;
	color: #fff;
	font-size: 80%;
	padding: 0 2px;
	margin-left: 0.5rem;
	border-radius: 2px;
}