@charset "utf-8";

/*
------------------------------------------------
import
------------------------------------------------*/



/*
------------------------------------------------
Layout
------------------------------------------------*/

div.content_middle {
	width: 700px;
	margin: 0px auto;
}

div.top-about {
	margin: 0px 0px 40px 0px;
	width: 700px;
}

div.top-about h3 {
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: 2px solid #ccc;
	text-align: center;
}

div.top-about p {
	padding: 0px;
	margin: 0px 80px 0px 80px;
	text-align: left;
}

div.top-contents {
	margin: 0px 0px 0px 0px;
	width: 700px;
}

div.top-sub-contents {
	margin: 0px auto 40px auto;
	padding:5px;
	background-color:#F5F5F5;
	border:solid 1px #EEEEEE;
	width: 500px;
	text-align:center;
}
div.top-sub-contents ul {
	display:block;
	margin:0px auto 0px auto;
	width:486px;
	padding: 0px;
	list-style: none;
}
div.top-sub-contents li {
	display: block;
	margin: 0px 20px 0px 20px;
	padding: 7px 7px 7px 25px;
	width: 150px;
	border:solid 1px #CCCCCC;
	background-color: #FFFFFF;
	float:left;
	text-align: left;
	background-image:url(../../common/img/left_btn_bgp02.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
div.top-sub-contents div {
	display: block;
	clear:both;
}

div.top-contents h4 {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 7px 0px;
	border-bottom: 2px solid #3C6C1C;
}

div.top-contents ul {
	margin: 0px;
	padding: 0px;
	width: 700px;
	list-style: none;
}

div.top-contents ul li {
	margin: 0px;
	padding: 0px;
	width: 350px;
	height: 120px;
	float: left;
	text-align: center;
}