@charset "utf-8";

/* ===== import basic style ===== */
@import "base.css";
@import "common.css";
@import "navi.css";
@import "font.css";

/* enhance setting */
@import "local.css";



/* ===== category style ===== */
.area_main {float: none; width: 950px;}

.area_main h1 {margin-bottom: 10px; background-image: url(../img/common/title_l.gif);}
.area_main h2 {display: none;}
.area_main .section {}



/* ----- month navigation ----- */
#monthnavi {
	margin: 0px 0px 10px;
	padding: 16px 0px 0px 1px;
	list-style: none;
	border-bottom: 2px solid #51A90F;
	background: url(../img/calendar/test_month.png) 1px 16px no-repeat;
	zoom: 1;
}
#monthnavi:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}/* for modern browser */

#monthnavi li {display: inline;}
#monthnavi li u {display: none;}

#monthnavi li a {
	display: block;
	float: left;
	width: 79px;
	height: 24px;
	position: relative;
	text-decoration: none;
	text-indent: -10000px;
	overflow: hidden;
	background: url(../img/calendar/test_month.png) no-repeat;
	outline: none;
}
/* each pattern */
#monthnavi li a:hover {margin: -4px 0px 0px; height: 28px; position: relative;}
	#monthnavi li.m1 a {background-position: 0px -24px;}
	#monthnavi li.m2 a {background-position: -79px -24px;}
	#monthnavi li.m3 a {background-position: -158px -24px;}
	#monthnavi li.m4 a {background-position: -237px -24px;}
	#monthnavi li.m5 a {background-position: -316px -24px;}
	#monthnavi li.m6 a {background-position: -395px -24px;}
	#monthnavi li.m7 a {background-position: -474px -24px;}
	#monthnavi li.m8 a {background-position: -553px -24px;}
	#monthnavi li.m9 a {background-position: -632px -24px;}
	#monthnavi li.m10 a {background-position: -711px -24px;}
	#monthnavi li.m11 a {background-position: -790px -24px;}
	#monthnavi li.m12 a {background-position: -869px -24px;}
/* active */
.month01#monthnavi li.m1 a,
.month02#monthnavi li.m2 a,
.month03#monthnavi li.m3 a,
.month04#monthnavi li.m4 a,
.month05#monthnavi li.m5 a,
.month06#monthnavi li.m6 a,
.month07#monthnavi li.m7 a,
.month08#monthnavi li.m8 a,
.month09#monthnavi li.m9 a,
.month10#monthnavi li.m10 a,
.month11#monthnavi li.m11 a,
.month12#monthnavi li.m12 a {margin: -16px 0px -2px; height: 42px; position: relative;}
	.month01#monthnavi li.m1 a {background-position: 0px -56px;}
	.month02#monthnavi li.m2 a {background-position: -79px -56px;}
	.month03#monthnavi li.m3 a {background-position: -158px -56px;}
	.month04#monthnavi li.m4 a {background-position: -237px -56px;}
	.month05#monthnavi li.m5 a {background-position: -316px -56px;}
	.month06#monthnavi li.m6 a {background-position: -395px -56px;}
	.month07#monthnavi li.m7 a {background-position: -474px -56px;}
	.month08#monthnavi li.m8 a {background-position: -553px -56px;}
	.month09#monthnavi li.m9 a {background-position: -632px -56px;}
	.month10#monthnavi li.m10 a {background-position: -711px -56px;}
	.month11#monthnavi li.m11 a {background-position: -790px -56px;}
	.month12#monthnavi li.m12 a {background-position: -869px -56px;}



/* ----- year navigation ----- */
#yearnavi {margin: 0; font-size: 15px; line-height: 36px;}
#yearnavi dt {
	width: 160px;
	height: 36px;
	font-weight:bold;
	text-indent: 10px;
	letter-spacing: -1px;
	background: url(../img/calendar/year.gif) left top no-repeat;
}
#yearnavi dd {
	margin: -36px 0px 10px 160px;
	height: 36px;
	background: url(../img/calendar/year.gif) right top no-repeat;
}

#yearnavi dd ol {margin-left: -8px; list-style: none;}
#yearnavi dd ol li {display: inline; margin-left: 32px;}
#yearnavi dd ol li a {white-space: nowrap;}



/* ----- calendar table ----- */
#thismonth {margin: 0px -2px 20px; width: 954px;}

#thismonth th {width: 134px; font-size: 12px; line-height: 1; text-align: left;}
#thismonth th span {display: block; height: 14px; text-indent: -10000px; background: center top no-repeat;}
	#thismonth th.mon span {background-image: url(../img/calendar/week_mon.gif);}
	#thismonth th.tue span {background-image: url(../img/calendar/week_tue.gif);}
	#thismonth th.wed span {background-image: url(../img/calendar/week_wed.gif);}
	#thismonth th.thu span {background-image: url(../img/calendar/week_thu.gif);}
	#thismonth th.fri span {background-image: url(../img/calendar/week_fri.gif);}
	#thismonth th.sat span {background-image: url(../img/calendar/week_sat.gif);}
	#thismonth th.sun span {background-image: url(../img/calendar/week_sun.gif);}

#thismonth td {width: 134px; vertical-align: top; background: #FAFAFA url(../img/calendar/bg_non_b.gif) left bottom no-repeat;}
	#thismonth td.day {background: #F2F2F2 url(../img/calendar/bg_day_b.gif) left bottom no-repeat;}
	#thismonth td.sat {background: #DFE9FF url(../img/calendar/bg_sat_b.gif) left bottom no-repeat;}
	#thismonth td.sun {background: #F8DADA url(../img/calendar/bg_sun_b.gif) left bottom no-repeat;}

#thismonth td div {min-height: 110px; position: relative; background: url(../img/calendar/bg_non_t.gif) left top no-repeat;}
	* html #thismonth td div {height: 110px;}
	#thismonth td.day div {background-image: url(../img/calendar/bg_day_t.gif);}
	#thismonth td.sat div {background-image: url(../img/calendar/bg_sat_t.gif);}
	#thismonth td.sun div {background-image: url(../img/calendar/bg_sun_t.gif);}

#thismonth td span {
	padding: 0px 5px;
	font-size: 23px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 27px;
}
#thismonth td span a {margin: 0px -5px; padding: 0px 5px; color: #333333; zoom: 1;}
	#thismonth td.sat span a {color: #0066CC;}
	#thismonth td.sun span a {color: #CC0000;}

/* holding race */
#thismonth td dl.races {margin: 0px 0px 7px 5px; font-size: 10px; line-height: 1;}
#thismonth td dl.races dt {margin: 4px 0px 2px;}
	#thismonth td dl.races dt span {
		display: -moz-inline-box;
		display: inline-block;
		padding: 0px 2px 0px 3px;
		width: auto;
		height: 15px;
		color: #FFFFFF;
		font-size: 11px;
		font-weight: normal;
		font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Mayryo","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;
		line-height: 17px;
		vertical-align: bottom;
		overflow: hidden;
		background-color: #999999;
		border-radius: 3px;/* CSS3 */
		-webkit-border-radius: 3px;/* Safari,GoogleChrome */
		-moz-border-radius: 3px;/* Firefox */
		zoom: 1;
	}
		#thismonth td dl.races dt.sp span {background-color: #FF6699;}
		#thismonth td dl.races dt.hd span {background-color: #993300;}
		#thismonth td dl.races dt.ng span {background-color: #CC9900;}
		#thismonth td dl.races dt.fs span {background-color: #43A997;}
		#thismonth td dl.races dt.tk span {background-color: #3366CC;}
		#thismonth td dl.races dt.ny span {background-color: #FF2058;}
		#thismonth td dl.races dt.ck span {background-color: #9218D3;}
		#thismonth td dl.races dt.kt span {background-color: #006600;}
		#thismonth td dl.races dt.hn span {background-color: #990066;}
		#thismonth td dl.races dt.kk span {background-color: #FF9900;}
#thismonth td dl.races dd {margin: 0px 0px 2px 3px; font-size: 11px; line-height: 1.1;}
	#thismonth td dl.races dd a {
		display: -moz-inline-box;
		display: inline-block;
		zoom: 1;
	}
	#thismonth td dl.races dd em {
		display: -moz-inline-box;
		display: inline-block;
		margin-left: 3px;
		padding: 0px 4px;
		color: #FFFFFF;
		font-size: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color: #666666;
		border-radius: 5px;/* CSS3 */
		-webkit-border-radius: 5px;/* Safari,GoogleChrome */
		-moz-border-radius: 5px;/* Firefox */
		zoom: 1;
	}
		#thismonth td dl.races dd em.G1,
		#thismonth td dl.races dd em.JG1 {background-color: #CC0000;}
		#thismonth td dl.races dd em.G2,
		#thismonth td dl.races dd em.JG2 {background-color: #FF3366;}
		#thismonth td dl.races dd em.G3,
		#thismonth td dl.races dd em.JG3 {background-color: #FF6600;}

/* bookmark count */
#thismonth td dl.books {
	padding: 5px 4px 0px 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;
}
#thismonth td dl.books dt {display: none;}
#thismonth td dl.books dd {}
#thismonth td dl.books dd a {
	display: -moz-inline-box;
	display: inline-block;
	padding: 0px 2px 0px 16px;
	height: 16px;
	color: #0066CC;
	background: url(../img/icon/count.gif) left top no-repeat;
	zoom: 1;
}

/* more details
#thismonth td p.more {display: inline; margin: 0;}
#thismonth td p.more a {
	display: block;
	width: 78px;
	height: 78px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 5;
	color: #000000;
	text-decoration: none;
	text-indent: -10000px;
	overflow: hidden;
	background-color: #FFFFFF;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
 */