@charset "utf-8";

/* 
CSS
次に縦型テーブルのCSSを設定していきます。
左のセルを日付と曜日の設定エリアに、右側にスケジュールを設定するエリアとして割り当てていきます。
*/

table.calender_column{
    width: 96%;
    	table-layout: fixed;
	margin: 0 2% 30px;
}

table.calender_column td{
    padding: 5px;
    border: 1px solid #CCC;
}

table.calender_column th{
    padding: 5px;
    border: 1px solid #CCC;
    background: #f0f0f0;	/*背景色*/
    width: 150px;	/*幅*/

}

/* 日曜日 */
table.calender_column tr.week0{
    background-color: #ffefef;
    color: #FF0000;
}

/* 土曜日 */
table.calender_column tr.week6{
    background-color: #ededff;
    color: #0000FF;
}

/* 今日 */
table.calender_column tr.today{
    background-color: #fbffa3;
    font-weight: bold;
}

table.calender_column td:first-child{
    width: 20%;
    text-align: center;
}

table.calender_column td:last-child{
    width: 80%;
    color: #111111;
}