@charset "UTF-8";

/*
======== table of content. =================================

Last Updated:07.11.07
summary:イベントカレンダー用CSS定義

- 従来の設定を上書き
- CALENDAR TABLE
- イベントリスト部分

============================================================
*/

/*-----------------------------------------------------
従来の設定を上書き
-------------------------------------------------------*/
body.eventcalendar #main h3.link-arrow {
	padding-left:20px;
}

body.eventcalendar #main h3.link-arrow a {
	background-position:0 0.1em;
}

body.eventcalendar #main table.horizontal-menu td.paging {
	background-color:#9e9d98;
	text-align:right;
}

body.eventcalendar #main table.horizontal-menu td.paging a {
	display:inline;
}

body.eventcalendar #main table.horizontal-menu td.paging a:hover {
	background:none;
	color:#000!important;
}

/* FIREFOX 2 HACK */
body.eventcalendar #main table.horizontal-menu tr td.w128 a, x:-moz-any-link {
	height:17px;
} 

/*-----------------------------------------------------
CALENDAR TABLE
-------------------------------------------------------*/
body.eventcalendar .calendarArea {
	margin-bottom:10px;
	border-bottom:7px solid #333;
}

body.eventcalendar table.calendar-table {	
	width:100%;
}

/* セル - 月 */
body.eventcalendar table.calendar-table tr.month td {
	padding:2px;
	background-color:#a7a7a7;
	border-bottom:1px solid #fff;
	color:#fff;
	text-align:center;
}

body.eventcalendar table.calendar-table tr.month td img,
body.eventcalendar table.calendar-table tr.month td a,
body.eventcalendar table.calendar-table tr.month td a:hover,
body.eventcalendar table.calendar-table tr.month td a img,
body.eventcalendar table.calendar-table tr.month td a:hover img {
	border:none!important;
}

/* セル - 週 */
body.eventcalendar table.calendar-table tr.week td {
	padding:2px;
	width:14%;
	background-color:#333;
	color:#fff;
	font-size:10px;
	text-align:center;
}

* html body.eventcalendar table.calendar-table tr.week td {
	font-size:78%;
}
*:first-child+html body.eventcalendar table.calendar-table tr.week td {
	font-size:78%;
}

/* セル - 日 */
body.eventcalendar table.calendar-table tr.day td {
	padding:4px;
	background-color:#fff;
	border-bottom:1px solid #ebebeb;
	font-size:10px;
	text-align:center;
}

* html body.eventcalendar table.calendar-table tr.day td {
	font-size:78%;
}
*:first-child+html body.eventcalendar table.calendar-table tr.day td {
	font-size:78%;
}

body.eventcalendar table.calendar-table tr.day td a {
	display:block;
}

* html body.eventcalendar table.calendar-table tr.day td a {
	padding:2px 0;
	zoom:1;
}
*:first-child+html body.eventcalendar table.calendar-table tr.day td a {
	display:inline-block;
	padding:2px 0;
}

body.eventcalendar table.calendar-table tr.day td.sorted a {
	background-color:#f1d1cb;
	color:#000;
}

body.eventcalendar table.calendar-table tr.day td a:hover {
	background-color:#bb3c24;
	color:#fff;
}

body.eventcalendar table.calendar-table tr.day td.today a,
body.eventcalendar table.calendar-table tr.day td.today a:hover {
	background-color:#000;
	color:#fff;
}

/*-----------------------------------------------------
イベントリスト部分
-------------------------------------------------------*/
body.eventcalendar #main dt,
body.eventcalendar #main dd {
	margin:0 0 5px 0;
	padding:0;
}

body.eventcalendar #main dt a,
body.eventcalendar #main dd a {
	background:none;
	padding-left:0;
	color:#000;
}

body.eventcalendar #main dt a:hover,
body.eventcalendar #main dd a:hover {
	color:#666;
}

body.eventcalendar #main dt {
	clear:left;
	float:left;
	width:40px;
}

body.eventcalendar #main dd {
	width:410px;
	margin-left:50px;
}

body.eventcalendar .w128 {
	width:128px;
}
