@charset "utf-8";
/* CSS Document */

#mainPanel {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

#mainPanel .image {
	width: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -700px;
}

#mainPanel h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -170px 0 0 -260px;
}

#mainPanel #exemplary {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	margin: 70px 0 0 0;
	text-align: center;
}

#topContents {
	width: 960px;
	margin: 40px auto;
}

#topContents h3 {
	background-color: #333333;
	padding: 8px 10px 2px;
	margin-bottom: 15px;
}

#about {
	padding: 0 40px 40px;
}

#topContents ul.links {
	overflow: hidden;
	list-style: none;
	margin: 65px 0 37px;
}
#topContents ul.links li {
	float: left;
	width: 50%;
	text-align: center;
}
#topContents ul.links li img {
	margin-bottom: 23px;
}


#topics dl {
	padding: 0 20px;
}

#topics dt {
	font-weight: bold;
	padding: 10px 0 0;
}

#topics dt span {
	font-weight: bold;
	margin-right: 20px;
}

#topics dd {
	padding: 10px 0;
	margin-bottom: 15px;
}