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

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

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

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

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

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

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

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

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

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

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

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

/*** 小さい文字 ***/
.small{font-size:9px;}

/*** 各行の下線 ***/

.line{border-bottom-style:dotted; border-color:#3399cc; border-width: 1px;}


/*** <a>タグ ***/
a:link { font-size:12px; text-decoration: none; color:#407088;}
a:visited { font-size:12px; text-decoration: none; color:#407088;}
a:active { font-size:12px; text-decoration: none; color:#0099cc;}
a:hover { font-size:12px; text-decoration: none; color:#c0c8d0;}

.cho{font-size:10px; font-family: "Arial"; border-top-style:solid; border-color:#78a0b0; border-width: 1px; line-height: 20px;}