/*
	bace id [#bodySec] >> layoutBase.css
	bace class [div.contentsArea] >> designBody.css
*/

#bodySec {
	border-right: 1px solid #877671;
	border-bottom: 1px solid #877671;
	border-left: 1px solid #877671;
	background-image: none;
	background-color: #FFFFFF;
}

#bodySec div.contentsArea {
	float: none;
	width: 738px;
}


#bodySec div.contentsArea h3 {
	float: left;
	width: 304px;
	height: 123px;
	margin: 0px 0px 51px 0px;
	font-size: 1px;
	line-height: 100%;
}

#bodySec div.contentsArea h3 img {
	margin: 53px 0px 0px 47px;
}

#bodySec div.contentsArea div.policy {
	float: right;
	width: 349px;
	margin: 34px 0px 35px 0px;
}

#bodySec div.contentsArea div.policy p.catch {
	margin: 0px 0px 27px 0px;
}

#bodySec div.contentsArea div.corporate {
	padding: 0px 0px 10px 0px;
}

#bodySec div.contentsArea div.corporate h4 {
	height: 74px;
	margin: 0px 0px 20px 0px;
	background-image: url("/hakubaku/img/index_corporate.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1px;
	line-height: 100%;
	text-indent: -9999px;
}

#bodySec div.contentsArea div.frontier {
	padding: 0px 0px 10px 0px;
}

#bodySec div.contentsArea div.frontier h4 {
	height: 74px;
	margin: 0px 0px 20px 0px;
	background-image: url("/hakubaku/img/index_frontier.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1px;
	line-height: 100%;
	text-indent: -9999px;
}


#bodySec div.contentsArea div ul li {
	float: left;
	width: 246px;
	margin: 0px 0px 10px 0px;
}

#bodySec div.contentsArea div ul li a {
	display: block;
	margin: 0px 15px;
	padding: 0px 15px 0px 12px;
	background-image: url("/img_common/link_arrow.gif");
	background-repeat: no-repeat;
	background-position: left 0.2em;
	font-size: 80%;
}