@charset "utf-8";
@import url(reset.css);
@import url(base.css);
@import url(common.css);

#topics {
	margin-bottom: 32px;
}
#topics dl {
	overflow: hidden;
	zoom: 1;
	padding:4px 0 1px;
}
#topics dl.even {
	background-color:#EDF8E9;
}
#topics dl dt {
	float: left;
	padding-left:22px;
	margin-right:10px;
}
#topics dl dd {
	margin-left: 127px;
}

#content ul.page {
	text-align: left;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 35px;
}
#content ul.page li {
	display:inline;
	margin-right:2px;
	line-height:1.0;
}
#content ul.page li a, #content ul.page li span {
	border: 1px solid #2C713F;
	color:#FFF;
	display:inline-block;
 /display:inline;
 /zoom:1;
	text-decoration:none;
	font-weight:normal;
	background-color:#2C713F;
}
#content ul.page li span, #content ul.page li a:hover {
	text-decoration:none;
	color:#2C713F;
	background-color:#fff;
}
#content ul.page li .link_page, #content ul.page li .current_page {
	width: 18px;
	padding: 4px 0 2px 0;
	text-align: center;
	margin-right: 5px;
}
#content ul.page li a.link_next, #content ul.page li a.link_before {
	color:#2C713F;
	border:none;
	background:none;
	padding:4px 0;
	text-decoration:underline;
	font-weight:normal;
}
#content ul.page li a.link_next {
	margin:0 0 0 6px;
}
#content ul.page li a.link_before {
	margin:0 10px 0 0;
}
#content ul.page li a.link_next:hover, #content ul.page li a.link_before:hover {
	text-decoration:none;
	background:none;
}



@media screen and (max-width: 680px){
	#topics dl dt {
		float: none;
		padding-left: 0;
		margin-right:10px;
		font-weight: bold;
	}
	#topics dl dd {
		margin-left: 0;
	}
	#content .lef {
		float: none;
		width: 100%;
		border-bottom: 1px solid #CCCCCC;
		padding-bottom: 30px;
		margin-bottom: 20px;
	}
	#content .lef .box dt {
		margin-bottom: 10px;
		font-weight: bold;
	}
	#content .lef .box p {
		text-align: center;
	}
	#content .lef .box p img {
		max-width: 470px;
		width: 100%;
	}
	#content .rig {
		float: none;
		width: 100%;
	    font-size: 1.4rem;
	}
	#content .rig p.title {
		text-align: center;
	}
	#content .rig .marc p {
		margin-top: 20px;
	}
}