/*** 全体的なデザイン。背景色を設定するときはbackground-colorの後に色を入れてください。 ***/
body{font-family: "Osaka","Arial","MS P Gothic"; font-size: 12px; background-color:#eeeeee;}

/* テーブル内のデザイン ***/
table {font-family: "Osaka","Arial","MS P Gothic"; font-size: 12px;}

/*** input,textarea,selectタグ内のデザイン ***/
input,textarea,select {
	font-color:#333333;
	font-size:12px;
	background-color:#ffffff;
	border-color:#cc3366;
	border-style:solid; 
	border-bottom-width:1px;
	border-top-width:1px;
	border-right-width:1px; 
	border-left-width:1px;
}

/*** タイトル文字 ***/
.title{font-size:14px; color:#cc3366; font-weight:bold;}

/*** カレンダーの曜日の文字と背景色 ***/
.week{font-size:12px; color:#ffffff; font-weight:bold; background-color:#e8fcb8;}

/*** カレンダーのお休みの日の文字 ***/
.holiday{font-size:12px; color:#ff3399;}

/*** カレンダーの今日の日付の文字 ***/
.today{font-size:12px; color:lightskyblue;}

/*** カレンダーの文字 ***/
.days{font-size:12px; color:#333333;}

/*** カレンダーの日付の背景色 ***/
.box{background-color:#fff8f4;}

/*** カレンダーと表示される日記の外枠 ***/

.tbl{border-style:solid; border-color:#cc3366; border-width: 1px;}

/*** 表示された日記の入力日時の文字 ***/
.inputdate{font-size:10px;}

/*** <a>タグ ***/
a:link {font-size:12px; text-decoration: none; color:#ff3399;}
a:visited {font-size:12px; text-decoration: none; color:#ff3399;}
a:active {font-size:12px; text-decoration: none; color:#ff33cc;}
a:hover {font-size:12px; text-decoration: none; color:#ffcccc;}