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

 file name  :calender.css
 author     :
 style info :カレンダー指定

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

/* clearfix */ 
#calender ul:after, #calender-com ul:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/*----------------------------------------------------
	#カレンダー　オプション用
----------------------------------------------------*/
#calender {

}

#calender h3 {
	font-size:120%;
	width:530px;
	height:22px;
	margin-bottom:5px;
	padding-left:20px;
	background:url(../img/tit_calender.gif) 0 0  no-repeat;
}

#calender h4 {
	padding-left:14px;
	background:url(../img/icon_arrow_green.gif) no-repeat left 1px;
}

#calender .calenderInfo {
	margin-bottom:5px;
}

#calender ul {

}

#calender ul li {
	float:left;
	display:inline;
	width:178px;
	margin:0 8px 10px 0;
}

#calender ul li.calenderL {
	clear:both;
}

#calender ul li.calenderR {
	margin-right:0;
}

#calender ul li table {
	margin-bottom:0.5em;
	border-collapse:collapse;
    border-spacing:0;
	border-top:2px solid #CCC;
	border-left:2px solid #CCC;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
	width: 100%;
}

#calender ul li table th {
	font-weight:bold;
	text-align:center;
	padding:3px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background:#EEEEEE;
}

#calender ul li table td {
	text-align:center;
	line-height:1;
	padding:3px;
	border-bottom:solid #999 1px;
	border-right:solid #999 1px;
}

#calender ul li table th.sun {
	background:url(../img/bg_grd_pink.gif) 0 0 repeat-x #FFE6F2;
}

#calender ul li table td.sun {
	background:#FFE6F2;
}

#calender ul li table th.sat {
	background:#ECF9FF url(../img/bg_grd_blue.gif) 0 0 repeat-x;
}

#calender ul li table td.sat {
	background:#ECF9FF;
}

#calender ul li table td a {
	display:block;
}

#calender ul li table td a:hover {
	text-decoration:none;
	background:#FF80C0;
}

/*----------------------------------------------------
	#カレンダー　ホテル、オプション用
----------------------------------------------------*/
#calender-com {
}

/*-----共通指定------*/
#calender-com h3 {
	font-size:120%;
	width:530px;
	height:22px;
	margin-bottom:5px;
	padding-left:20px;
	background:url(../img/tit_calender.gif) 0 0  no-repeat;
}

#calender-com h4 {
	padding-left:14px;
	background:url(../img/icon_arrow_green.gif) no-repeat left 1px;
}

#calender-com .colorBlue {
	background:#96E4F2;
}

#calender-com .colorGreen {
	background:#9FEB81;
}

#calender-com .colorYelow {
	background:#FCE66F;
}

#calender-com .colorPink {
	background:#FFC2E7;
}

#calender-com .colorPurple {
	background:#D9C4FF;
}

#calender-com .colorSky {
	background:#13D9EF;
}

#calender-com .colorLemon {
	background:#EFF814;
}

#calender-com .colorForest {
	background:#09B709;
}

#calender-com .colorOrange {
	background:#FF5900;
}

#calender-com .colorLime {
	background:#E8FF6B;
}

#calender-com .colorGray {
	background:#626265;
}

/*-----料金テーブル------*/
#calender-com #calender-pricelist table {
	margin-bottom:0.5em;
	border-collapse:collapse;
    border-spacing:0;
	border-top:2px solid #CCC;
	border-left:2px solid #CCC;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
	width: 100%;
}

#calender-com #calender-pricelist table th {
	font-weight:bold;
	text-align:center;
	width:28%;
	padding:2px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background:#EEEEEE url(../img/bg_grd_glay.gif) 0 0 repeat-x;
}

#calender-com #calender-pricelist table th.thColor {
	width:16%;
}

#calender-com #calender-pricelist table td {
	text-align:center;
	line-height:1;
	padding:2px;
	border-bottom:solid #999 1px;
	border-right:solid #999 1px;
}

/*-----カレンダー------*/
#calender-com ul {
	zoom:1;
}

#calender-com ul li {
	float:left;
	display:inline;
	width:178px;
	margin:0 8px 10px 0;
}

#calender-com ul li.calenderL {
	clear:both;
}

#calender-com ul li.calenderR {
	margin-right:0;
}

#calender-com ul li table {
	margin-bottom:0.5em;
	border-collapse:collapse;
    border-spacing:0;
	border-top:2px solid #CCC;
	border-left:2px solid #CCC;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
	width: 100%;
}

#calender-com ul li table th {
	font-weight:bold;
	text-align:center;
	padding:3px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background:#EEEEEE;
}

#calender-com ul li table td {
	text-align:center;
	line-height:1;
	padding:3px;
	border-bottom:solid #999 1px;
	border-right:solid #999 1px;
}

#calender-com ul li table th.sun {
	background:url(../img/bg_grd_pink.gif) 0 0 repeat-x #FFE6F2;
}

#calender-com ul li table th.sat {
	background:#ECF9FF url(../img/bg_grd_blue.gif) 0 0 repeat-x;
}

#calender-com ul li table td a {
	display:block;
}

#calender-com ul li table td a:hover {
	text-decoration:none;
	background:#FF80C0;
}