@charset "Shift-JIS";

/*----------
 calendar 
----------*/

#calendar {
float: right;
width: 711px;
margin: 0 0 0 0;
}

#calendar #main_title {
position: relative;
width: 711px;
height: 38px;
margin: 0 0 25px 0;
}

#calendar #main_title h1 {
position: absolute;
top: 0;
left: 0;
display: block;
width: 711px;
height: 38px;
z-index: 1;
}

#calendar #main_title p {
position: absolute;
top: 0;
right: 0;
display: block;
width: 144px;
height: 27px;
z-index: 2;
}

#calendar #calendar_center {
width: 711px;
background: url(../img_calender/bg_program_center.jpg) repeat-y center top;
}

#calendar #calendar_bottom {
width: 711px;
padding: 0 0 21px 0;
background: url(../img_calender/bg_program_bottom.jpg) no-repeat center bottom;
}

/* -- 上部ナビ部のスタイル -- */
#calendar #calendar_navi {
width: 711px;
height: 27px;
margin: 22px 0;
text-align: left;
overflow: hidden;
}

#calendar #calendar_navi #subtitle {
width: 380px;
float: left;
}

#calendar #calendar_navi #navi_list {
float: right;
}

#calendar #calendar_navi #navi_list p {
margin: 0 0 0 15px;
float: left;
}

/* -- 活動年表のスタイル -- */
#calendar table {
width: 711px;
margin: 0;
border-collapse: collapse;
border-spacing: 0;
}

th,td {
margin: 0;
padding: 0;
font-size: 12px;
}

td {
line-height: 1.5;
}

/* 年のスタイル */
#calendar table .year {
width: 52px;
vertical-align: middle;
text-align: center;
}

#calendar table .year01 {
background: url(../img_calendar/bg_table_year01.gif) no-repeat left top;
}

#calendar table .year02 {
background: url(../img_calendar/bg_table_year01.gif) no-repeat left top;
}

#calendar table .year03 {
background: url(../img_calender/bg_table_fast.jpg) no-repeat left top;
}

/* 月のスタイル */
#calendar table .month {
width: 34px;
vertical-align: middle;
text-align: center;
}

#calendar table .month01 {
background: url(../img_calendar/bg_table_month01.gif) no-repeat left top;
}

#calendar table .month02 {
background: url(../img_calendar/bg_table_month02.gif) no-repeat left top;
}

#calendar table .month03 {
background: url(../img_calendar/bg_table_month03.gif) no-repeat left top;
}

/* コメント部スタイル */
#calendar table .comment {
vertical-align: middle;
text-align: left;
padding: 7px 0 7px 8px;
}

#calendar table .comment01 {
background: url(../img_calendar/bg_table_comment01.gif) no-repeat left top;
}

#calendar table .comment02 {
background: url(../img_calendar/bg_table_comment02.gif) no-repeat left top;
}

#calendar table .comment03 {
background: url(../img_calendar/bg_table_comment03.gif) no-repeat left top;
}


#calendar table .year02a {
padding: 5px 0 0 0;
background: url(../img_calendar/bg_table_year01.jpg) no-repeat left top;
}
#calendar table .month02a {
padding: 5px 0 0 0;
background: url(../img_calendar/bg_table_month01.jpg) no-repeat left top;
}
#calendar table .comment02a {
vertical-align: middle;
text-align: left;
padding: 11px 0 4px 8px;
background: url(../img_calendar/bg_table_comment01.jpg) no-repeat left top;
}

/* -- 活動年表のスタイル　終わり -- */

/* -- eco banner -- */
#main_base #eco_banner {
	clear: both;
	margin-top: 20px;
	background-color: #ccc;
	padding: 1px;
}

#main_base #eco_banner .inner_box {
	background-color: #e6f8e4;
	border: 1px #fff solid;
	padding: 8px;
}