@import url('https://fonts.googleapis.com/css?family=Roboto');

html,body {
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}
table.calendar {
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;
	background-color: #fff;
}
table.calendar th,table.calendar td {
	border: solid 1px #595858;
	box-sizing: border-box;
	padding: 5px;
}

/* 年月部分 */
table.calendar thead tr td {
	background: #595858;
	color: #FFF;
	text-align: center;
	font-weight: bolder;
	padding: 10px;
	font-size: 14px;
}
/* 年月の数字部分 */
table.calendar thead tr td strong {
	font-size: 16px;
}

/* コントローラー部分 */
table.calendar thead tr td a#prev,
table.calendar thead tr td a#next {
	color: #FFF;
	text-decoration: none;
	font-size: 16px;
}

/* 日付の数字部分 */
table.calendar tbody tr td {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
}

/* 曜日部分 */
table.calendar thead tr th {
	background: #EEE;
	font-size: 12px;
	font-weight: normal;
}

/* 当日の日付 */
table.calendar td.today {
	font-weight: bolder;
}

/* 曜日別文字色 */
.sun {
	color: #C00;
}
.sat {
	color: #00C;
}

/* 日付部分のみの曜日別背景色 */
/*table.calendar tbody tr td.sun {
	color: #000;
	background: #E15536;
}
table.calendar tbody tr td.sat {
	color: #000;
	background: #65A4D4;
}*/

/* txtで指定したクラス名 */
/*
	・土日祝：営業時間9:00～17:00…オレンジ orange
	・平日：営業時間10:00～16:30…黄色 yellow
	・GW：営業時間8:00～17:00…緑 green
	・夏休み：営業時間9:00～18:00…赤 red
	・冬期：営業時間10:00～16:00…青 blue
	・休園日…水色 off
	・未設定…白
*/
table.calendar tbody tr td.orange {
	background: #FF9800;
}
table.calendar tbody tr td.yellow {
	background: #FFEB3B;
}
table.calendar tbody tr td.green {
	background: #4CAF50;
}
table.calendar tbody tr td.red {
	background: #F44336;
}
table.calendar tbody tr td.blue {
	background: #42A5F5;
}
table.calendar tbody tr td.off {
	background: #E1F5FE;
}


/* 過去の日付 */
table.calendar td.backward {
	color: #999;
	opacity: 0.5;
}

/* 未定の日付 */
table.calendar tbody tr td.suspense {
	color: #999;
	opacity: 0.5;
	background: #FFF;
}