#tabcal {
	width: 100%;
}
#tabcal #calnavs {
	float: left;
	width: 100%;
	border-bottom: 1px #CCCCCC solid;
	margin-bottom: 5px;
}

#tabcal #calnavs li {
	text-align: center;
	display: inline-block;
	margin-right: 2px;
	padding:0.8em 1.5em 0.6em;
	background: #ffffff;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-radius: 5px 5px 0px 0px;
	line-height:100%;
	color:#2679c4;
	white-space: nowrap;
}

#tabcal #calnavs li.select { 
	background: #2679c4;
	color:#FFFFFF;
	font-weight:bold;
}

#tabcal div { clear: both; }
#tabcal table { width:100%;}



/* カレンダー用テーブル */
.cal_tbl {
	width: 100%;
	border:1px #cccccc solid;
	border-collapse:separate;
	margin-bottom:0.8em;
}

/* カレンダー用テーブル　th */
.cal_tbl th {
	font-weight: normal;
}

/* カレンダー用テーブル　th・td　共通 */
.cal_tbl th, .cal_tbl td {
	text-align: center;
	vertical-align: middle;
	border-collapse:separate;
	padding: 5px;
}

/* カレンダー用テーブル　td */
.cal_tbl td {
	vertical-align: top;
	padding: 5px;
}

/* 項目行「日曜」セルの設定 */
.youbi_hd {
	background-color: #CB5D5F;
	color:#fff;
}

/* 項目行「月」～「金」セルの設定 */
.youbi_nr {
	background-color: #eeeeee;
	color:#000;
}

/* 項目行「土」のセルの設定 */
.youbi_st {
	background-color: #7091D4;
	color:#fff;
}

/*  */
.gai_td {
	background-color:#ffffff;
}

/* 日付部 日曜 or 祝日 の背景色 */
.hd_td {
	background-color:#fcc;
}

/* 日付部 平日 の背景色 */
.nr_td {
	background-color:#efefef;
}

/* 日付部 土曜 の背景色 */
.st_td {
	background-color:#def;
}

/* 日付部 '特' 設定時の背景色 */
.sp_td {
	background-color:#ffc;
}


.hdf_td, .nrf_td, .stf_td, .spf_td {
	height:3em;
}

/* 料金部 日曜 or 祝日 の文字色 */
.hdf_td {
	color:#f00;
}

/* 料金部 平日 の文字色 */
.nrf_td {
	color:#000;
}

/* 料金部 土曜 の文字色 */
.stf_td {
	color:#06c;
}

/* 料金部 '特' 設定時の文字色 */
.spf_td {
	color:#FF4F00;
	background-color:#FFF4EE;
}

/* 料金部 掲載テキストの設定 */
* .r_bikou {
	color:#000;
	/*font-size:80%;*/
}

/* ● ページ半分で使う場合のCSS ●●●●●●●●●●●●●●●●●●●●● */

/* ===========================
PCサイズ
=============================*/
@media all and (min-width:1000px){
	/*.cal_tbl * { font-size:110%; }*/
	.cal_tbl td img { max-width:18px; margin-right:2px; }

/** .fee01, * .fee02 { text-size-adjust: 110%; font-size:110%; }*/

}

/* ===========================
タブレットサイズ
=============================*/
@media all and (min-width:500px) and  (max-width:999px){
	/*.cal_tbl * { font-size:110%; }*/
	.cal_tbl * .sh { display:none; }
	.cal_tbl td img { max-width:18px; margin-right:2px; }
/** .fee01, * .fee02 { text-size-adjust: 110%;  font-size:110%; }*/
}

/* ===========================
スマホサイズ 2
=============================*/
@media all and (min-width:400px) and (max-width:499px){
	/*.cal_tbl * { font-size:110%; }*/
	.cal_tbl * .sh { display:none; }
	.cal_tbl td img { max-width:15px; margin:0px; }
	
	/*#tabcal #calnavs li { font-size:100%; }*/
/** .fee01, * .fee02 { text-size-adjust: 110%; font-size:110%; }*/
	
}

/* ===========================
スマホサイズ 3
=============================*/
@media all and (max-width:399px){
	/*.cal_tbl * { font-size:100%; }*/
	.cal_tbl * .sh { display:none; }
	.cal_tbl td img { max-width:8px; margin:0px; }
	
	/*#tabcal #calnavs li { font-size:90%; }*/
/** .fee01, * .fee02 { text-size-adjust: 100%; font-size:100%; }*/
	
}


/* 料金部 アイコンの下に表示する文言のスタイル */
.hosoku {
	/*font-size: 70%;*/
	margin:0px;
}