@charset "UTF-8";

/* ===================================
	File Name   : schedule.css
	Discription : Schedule Page Layout CSS
	Create Date : 2011/03/01
	Last Editor : Taz Sakurai

	Update Discription :
	 2011/03/   : Update 
====================================== */

/*========== Style Contents ==========

	1. Individual Redefinition
	2. Section [MonthlyScheduleIntro]
	3. Section [YearlyScheduleIntro]
	4. Section []
	5. 

	*. Clear Release
	
====================================== */





/*===== ■1. Individual Redefinition =====*/
#Contents ul#GlobalNavi li a#BtnSchedule {background-position: -200px -440px;}
#Footer ul#FooterNavi li a#BtnFootSchedule {background-position: -200px -681px; width: 68px;}

#SideBox dl dd ul li a {
	background: url(img/img_btn-schedule.png) no-repeat;
	width: 136px;
}

#SideBox dl dd ul li a#BtnSideYearly {background-position: 0px -18px;}

body#MonthlySchedule #SideBox dl dd ul li a#BtnSideMonthly,
#SideBox dl dd ul li a#BtnSideMonthly:hover {background-position: -200px 0px;}
body#YearlySchedule #SideBox dl dd ul li a#BtnSideYearly,
#SideBox dl dd ul li a#BtnSideYearly:hover {background-position: -200px -18px;}





/*===== ■2. Section [MonthlyScheduleIntro]  =====*/
#MonthlyScheduleIntro h3 {
	margin: 0px 35px 20px;
	width: 580px;
	font-weight: bold;
	color: #2B5A0B;
}

#MonthlyScheduleIntro p.alertTxt {
	background: #ffd677;
	width: 580px;
	margin: 0px auto 20px;
	padding: 15px;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	color: #514934;
}

#MonthlyScheduleIntro thead th {
	padding-right: 15px;
}

#MonthlyScheduleIntro thead td ul li {
	float: left;
	padding-right: 15px;
}


#MonthlyScheduleIntro tbody th,
#MonthlyScheduleIntro tbody td {
	background: url(../common/img/line_dotted-brown.gif) repeat-x bottom;
	padding: 10px 0px; 
}

#MonthlyScheduleIntro tbody th {
	text-align: center;
	vertical-align: top;
	font-weight: bold;
	font-size: 77%;
}

#MonthlyScheduleIntro tbody th em {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
}

#MonthlyScheduleIntro tbody td ul {
	display: inline;
	float: left;
	margin: 3px 5px 0px 0px;
	width: 250px;
	font-size: 85%;
}

#MonthlyScheduleIntro tbody td p {
	width: 520px;
	padding: 3px 0px 5px;
	margin: 0px;
	font-size: 85%;
	font-weight: bold;
	color: #2B5A0B;
}

#MonthlyScheduleIntro tbody td ul.EventChurch {
	float: right;
}










/*===== ■3. Section [YearlyScheduleIntro]  =====*/
#YearlyScheduleIntro dl {
	margin-bottom: 15px;
}

#YearlyScheduleIntro dl dt {
	float: left;
	background: url(../common/img/mark_circle-yellow.jpg) no-repeat 15px 9px;
	padding: 5px 10px 0px 30px; 
	width: 100px;
	font-weight: bold;
	color: #7A5815;
}

#YearlyScheduleIntro dl dd {
	border-left: 3px solid #7A5815;
	float: left;
	padding: 5px 0px 2px 7px;
	width: 500px;
	font-size: 93%;
}

#YearlyScheduleIntro dl dd table th {
	background: url(../common/img/line_dotted-brown.gif) repeat-x 0px 7px;
	border-right: 5px solid #FFF;
	vertical-align: top;
	padding: 0px 0px 10px;
	width: 120px;
}

#YearlyScheduleIntro dl dd table th span {
	background: #FFFFFF;
	padding: 0px 5px 0px 0px;
}

#YearlyScheduleIntro dl dd table td {
	padding: 0px 0px 10px 0px;
}

#YearlyScheduleIntro dl + p {
  padding: 20px 30px 0 11px;
  font-size: 85%;
}

#YearlyScheduleIntro dl + p:first-letter {
  margin: 0 0 0 -11px;
}






/*===== ■4. Section []  =====*/




/*===== ■*.Clear Release  =====*/
#MonthlyScheduleIntro dl:after,
#YearlyScheduleIntro dl:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#MonthlyScheduleIntro dl,
#YearlyScheduleIntro dl {
	display: inline-block;
}

/* Hides from IE-mac ￥*/
*html #MonthlyScheduleIntro dl,
*html #YearlyScheduleIntro dl {
	height: 1%;
}

#MonthlyScheduleIntro dl,
#YearlyScheduleIntro dl {
	display: block;
}
/* End hides from IE-mac ￥*/