/* optional styling */

td { font-size: 10px; }
td a,
td a:visited { color:blue; }
td a:hover { color:brown; }

#calendar { height:400px; background: url(http://www.yakami.ed.jp/image/common/calendar_back.gif) left 45px no-repeat;}

/**weekの横幅**/
#calendarBodyDiv { width:165px; padding:3px 0 0; margin:0; background:#c3d9ff; }
#calendarBodyDiv table { width:159px; margin:0 0 0 3px; border-spacing:1; }


#statusControlDiv,
#loginControlDiv {
	font-size: 10px;
	line-height:1;
}

#navControlDiv {
	font-style: georgia;
	font-size: 10px;
}

/**カレンダーの上のinputたち**/
#navControlDiv input {
	border: solid black 1px;
	font-style: georgia;
	font-size: 10px;
	background: white;
	color: blue;
}

/**カレンダーの上のinputたち**/
/**今日**/
#navControlDiv #todayButton,
/**週・月input**/
#viewControlDiv input{
	background: #7799bb;
	color: white;
	border: solid white 1px;
	padding:1px;
}

#navControlDiv #todayButton { text-align:left; font-weight:bold; }
#navControlDiv #prevWeek,
#navControlDiv #nextWeek{ width:13px; border:none; margin:0; padding:0; }
#navControlDiv #prevMonth,
#navControlDiv #nextMonth{ width:13px; border:none; margin:0; padding:0; }

#navControlDiv select {
	border: solid black 1px;
	font-style: georgia;
	font-size: 10px;
}

/**○月**/
#monthHolder { font-size:12px; }

/**週・月input**/
#viewControlDiv input {
	font-style: georgia;
	font-size: 10px;
}


#viewControlDiv {
	margin-right:0px;
}

/**内容**/
#eventDisplayDiv {
	padding: 0px;
	color: black;
	background: white;
	font-size: 12px;
	font-family:sans-serif;
	text-align: left;
}

/**読み込み中..**/
#statusControlDiv {
	font-size: 10px;
	color: red;
	height: 20px;
}

/* required styling */
/**カレンダー頭　月-曜日・週-日付**/
/*
#calendarBodyDiv td {
	width: 16px;
	padding:0;
	margin:0;}
*/
td.columnHeading { vertical-align: top }

.columnHeading {
	white-space: normal;
	text-align: center;
	color: blue; 
/*	background: gray; 月-曜日、週-日付の背景
	border: solid white 1px;*/
}

.weekViewCell {
	/*width: 110px;
	height: 270px;*/
	width: 17px;
	height: 176px;
	background: white;
	border: solid gray 1px;
	text-align: left;
}


.monthViewCell {
	/*width: 110px;
	height: 80px;*/
	width: 17px;
	height: 33px;
	background: white;
	border: solid gray 1px;
	text-align: center;
}

/**「続」「...」の枠**/
.contentCell {
	display:block;
	padding: 2px;
	text-align:center;
	font-size: 11px;
	color: black;/**月の、日付の色になってます**/
	font-family: arial;
}

* html .monthViewCell .contentCell { font-size: 9px; }

/**IE4-6と7に適応　firefoxはtdに指定の10ptで丁度いい
* html .monthViewCell .eventMouseOver,
* html .monthViewCell .eventMouseOut { font-size: 9px; }

* html .weekViewCell .eventMouseOver,
* html .weekViewCell .eventMouseOut { font-size: 15px; }
**/

.weekViewCell .eventMouseOver,
.weekViewCell .eventMouseOut { margin-bottom:2px; }


.eventMouseOver {
	padding: 1px 0 0 1px;
	color: black;
	background: orange;
	font-family: arial;
}

.eventMouseOut {
	padding: 1px 0 0 1px;
	color: white;
	background:#4fa1ff;
	font-family: arial;
}

/**内容**/
.honbun { padding:5px 5px 0px 5px; height:100px; }