

.event_box {
	clear: both;
	margin-bottom: 10px;
	background: #FFFFFF url(../images/bg_07.gif) bottom no-repeat;
}

.event_box .inner {
	height: 100%;
	padding: 12px 13px 0;
	background: url(../images/bg_06.gif) no-repeat;
}

.event_box .movie {
	background: url(../images/bg_06_movie.gif) no-repeat;
}

.event_box .report {
	background: url(../images/bg_06_report.gif) no-repeat;
}

.event_box .both_cont {
	background: url(../images/bg_06_both_cont.gif) no-repeat;
}

.event_box .inner h3 {
	margin-right: 120px;
}

.event_box .ph {
	float: left;
	margin: 0 20px 10px 0;
}

.event_box .place {
	margin-bottom: 12px;
}





#yymm {
	width: 100%;
	margin: 10px 0px 15px;
}

/*#before a {*/
#before {
	float: left;
	width: 100px;
	height: 50px;
	margin-right: 6px;
	line-height:4.2em;
	background: url(../archive/images/bt_before.gif) no-repeat;
	color: #888888;
	text-align: center;
}
#before a {
	width: 100px;
	height: 50px;
	line-height:4.2em;
}

#before a:hover {
	background: url(../archive/images/bt_before_on.gif) no-repeat;
}

#year {
	float: left;
}

#year p a {
	width: 560px;
	padding: 4px 0 3px;
	background: url(../archive/images/bt_year.gif) no-repeat;
	text-align: center;
}

#year p a:hover {
	background: url(../archive/images/bt_year_on.gif) no-repeat;
}

#year ol {
	margin: 3px 0 0;
}

#year ol li {
	float: left;
	width: 44px;
	margin-right: 3px;
	background: url(../archive/images/bt_month.gif) no-repeat;
	color: #888888;
	text-align: center;
}

#year ol li a {
	width: 44px;
	background: url(../archive/images/bt_month.gif) no-repeat;
}

#year ol li a:hover {
	background: url(../archive/images/bt_month_on.gif) no-repeat;
}

#after {
	float: right;
	width: 100px;
	height: 50px;
	line-height:4.2em;
	background: url(../archive/images/bt_after.gif) no-repeat;
	color: #888888;
	text-align: center;
}
#after a{
	width: 100px;
	height: 50px;
	line-height:4.2em;
}
#after a:hover {
	background: url(../archive/images/bt_after_on.gif) no-repeat;
}

#before a,
#after a,
#year p a,
#year ol li a {
	display: block;
	text-decoration: none;
}


#focus {
	clear: both;
	margin: 0 0 5px 5px;	
}

#focus select {
	float: right;
}

/* clearfix */
.event_box:after,
#yymm:after {
	clear: both;
	content: ".";
	display:block;
	height:0;
	visibility:hidden;
}