html,body {
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	background: #FFF;
}
table.calendar {
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;
	background: #FFF;
}
table.calendar th,table.calendar td {
	box-sizing: border-box;
	padding: 2px;
}

/* 年月部分 */
table.calendar thead tr td {
	color: #333;
	text-align: center;
	font-weight: bolder;
	padding: 0px 10px;
	font-size: 10px;
}
/* 年月の数字部分 */
table.calendar thead tr td strong {
	font-size: 12px;
}

/* コントローラー部分 */
table.calendar thead tr td a#prev,
table.calendar thead tr td a#next {
	display: block;
	color: #333;
	text-decoration: none;
	font-size: 16px;
}

/* 日付の数字部分 */
table.calendar tbody tr td {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	border: solid 1px #CCC;
}

/* 曜日部分 */
table.calendar thead tr th {
	background: #FFF;
	font-size: 12px;
	font-weight: normal;
	width: 14.28%;
}

/* 当日の日付 */
table.calendar td.today {
	font-weight: bolder;
	background: #FFCC66;
}

/* 日付部分のみの曜日別背景色 */
table.calendar tbody tr td.sat {
	/*color: #009;*/
	background: #DBEEF4;
}
table.calendar tbody tr td.sun {
	/*color: #F00;*/
	background: #F2DCDB;
}

/* txtで指定したクラス名 */
table.calendar tbody tr td.red {
	background: #F00;
}
table.calendar tbody tr td.orange {
	background: orange;
}
table.calendar tbody tr td.blue {
	background: blue;
	color: #FFF;
}


/* 過去の日付 */
table.calendar td.backward {
	color: #999;
	opacity: 0.4;
}

/* 未定の日付 */
table.calendar tbody tr td.suspense {
	color: #999;
	opacity: 0.5;
	background: #FFF;
}
table.wrapper {
	margin-top: 10px;
	border-spacing: 0px;
	border-collapse: collapse;
	background: #FFF;
	width: 100%;
}
a.tomonth {
	position: absolute;
	bottom: 5px;
	left: 5px;
	padding: 5px 10px;
	font-size: 10px;
	line-height: 10px;
	display: inline-block;
	text-decoration: none;
	color: #000;
	border: solid 1px #BFBFBF;
	box-shadow: 0px 2px 5px #CCC;
}
td a img {
	margin: 70px 5px 0px 5px;
}
td a img:hover {
	opacity: 0.5;
}
table.calendar tbody tr td.clickable {
	cursor: pointer;
}
table.calendar tbody tr td.clickable:hover {
	background: #FFEECD;
	text-decoration: underline;
	color: #E46C0A;
}
header,h1 {
	padding: 0px;
	margin: 0px;
}
header {
	cursor: pointer;
	background: url(../close.gif) no-repeat 260px center #7F7F7F;
}
header h1 {
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	padding: 5px 10px;
}