@charset "UTF-8";

/*カレンダー用テーブル
---------------------------------------------------------------------------*/
/*テーブル全体の設定*/
.cal {
    font-family: 'Spectral', serif;
	background: #FFF;			/*テーブル内の背景色*/
	margin-right: auto;
	margin-left: auto;
	font-size:20px;
	max-width: 400px;
    width: 100%;
    height: 300px;
    padding-bottom:4px;
}
.cal td, .cal th{

	text-align: center;			/*文字をセンタリング*/
	padding: 4px;
	margin:0 auto;
	font-weight: bold;
					/*ボックス内の余白*/
}



/*テーブル内のth(曜日)設定*/
.cal th{
	font-weight: bold;
	font-size:17px;
}
/*休日の設定*/
.cal .off {
  background-color: #f5deb3;

}
/*日曜日の設定*/
.cal .sun {
	color: #dc143c;			/*文字色*/
}
.cal .sat {
	color: #4169e1;
}