@charset "utf-8";

table.calendar {
    text-align:center;
    border-spacing: 1.5px;	/* セルの間隔       */
	border-collapse: separate;
	width :100%;			/* カレンダーの横幅 */
	height:320px;			/* カレンダーの高さ */
	font-weight:bold;		/* 全体の           */
	font-size:18px;			/*    フォント指定  */
}
table.calendar thead th {	/* oooo年/oo月の表示部分 */
    background: #ffffff;
    color:#4444;
	height:40px;
	font-size:22px;
border: 1px solid #ccc;
}
table.calendar th {
width:60px;			/* 曜日表示部分 */
    background: #ffffff;
    color:#4444;
border: 1px solid #ccc;
}
table.calendar th.sun {		/* 曜日表示部分（日曜） */
    background: #ffffff;
    color:#f72121;
	font-size:18px;
}
table.calendar th.sat {		/* 曜日表示部分（土曜） */
    background: #ffffff;
    color:#249bf3;
}
table.calendar td {			/* 日付日表示部分 */
    background:#ffffff;
vertical-align:middle;
border: 1px solid #ccc;
}
table.calendar td.sun {		/* 日付日表示部分（日曜） */
    background: #ffffff;
	font-family:"メイリオ";
	font-style:bold;
    color:#f72121;
}
table.calendar td.sat {		/* 日付日表示部分（土曜） */
    background: #ffffff;
	font-family:"Arial";
	font-style:bold;
    color:#249bf3;
}
table.calendar td.nodat {	/* 日付のないセル */
	font-style:normal;
    background: #eeeeee;
}
table.calendar td.sun.nodat {	/* 日付のない日曜日のセル */
	font-style:normal;
    background: #fdf1f1;
}
table.calendar td.sat.nodat {	/* 日付のない土曜日のセル */
	font-style:normal;
    background: #e0f1f5;
}
table.calendar td.nodat:after {	/* 日付のないセルの文字 */
	font-family:"ＭＳ　ゴシック";
	font-style:normal;
	content:"-";
}
table.calendar td.sp0 {		/* 祝日 */
    background:#ffffff;
	font-style:bold;
    color:#f72121;
}
table.calendar td.sp1 {		/* 編集でセットする特定日１（休業日など） */
    background: white;
}
table.calendar td.sp2 {		/* 編集でセットする特定日２ */
    background: #f0fff0;
}
table.calendar td.sp3 {		/* 編集でセットする特定日３ */
    background: #f7f7bc;
}
table.calendar td.sp4 {		/* 編集でセットする特定日４ */
    background: greenyellow;
}
table.calendar td.sp5 {		/* 編集でセットする特定日５ */
    background: yellow;
}
table.calendar td.today {	/* 今日 */
    font-weight:800;
    color:#4444;
	font-size:22px;
    background: #f9edd3;
}

div.calendar div {			/* カレンダーが入るdiv */
	margin: 10px 15px 10px 15px;
	float:left;
    background: #ffffff;
/*border: 1px solid #ccc;*/
}