@charset "utf-8";

/* ===== contentsBody
======================================== */

div#contentsBody {
	width: 556px;
	line-height: 0;
	background-image: none;
}

div#contentsBody h2#concept {
	margin-top: 17px;
	width: 201px;
	height: 13px;
	text-indent: -9999px;
	background: transparent url(./images/h01.gif) scroll no-repeat 0 0;
}

div#contentsBody p.hyouji {
	margin-top: 6px;
	font-size: 0.8em;
}

div#conceptWrapper {
	margin-top: 9px;
	width: 553px;
}

div#conceptWrapper div.conceptBox {
	float: left;
	width: 178px;
	line-height: 150%;
}

div#conceptWrapper div.conceptBox h3{
	width: 178px;
	height: 46px;
	text-indent: -9999px;
}
div#conceptWrapper div#concept01 h3 { background: transparent url(./images/h03.gif) scroll no-repeat 0 0; }
div#conceptWrapper div#concept02 h3 { background: transparent url(./images/h04.gif) scroll no-repeat 0 0; }
div#conceptWrapper div#concept03 h3 { background: transparent url(./images/h05.gif) scroll no-repeat 0 0; }

div#conceptWrapper div.conceptBox h4,
div#conceptWrapper div.conceptBox ul li {
	margin-left: 2px;
	width: auto;
}

div#conceptWrapper div#concept01 h4 { color: #009d5c; } 
div#conceptWrapper div#concept02 h4 { color: #e17b57; } 
div#conceptWrapper div#concept03 h4 { color: #5085c6; } 

div#conceptWrapper div.conceptBox ul li {
	padding-left: 12px;
}
div#conceptWrapper div#concept01 ul li { background: transparent url(./images/sq_green.gif) scroll no-repeat 0 4px; }
div#conceptWrapper div#concept02 ul li { background: transparent url(./images/sq_orange.gif) scroll no-repeat 0 4px; }
div#conceptWrapper div#concept03 ul li { background: transparent url(./images/sq_blue.gif) scroll no-repeat 0 4px; }


div.col2 {
	margin-top: 14px;
	width: 553px;
	background: transparent url(./images/bg_box.gif) scroll repeat-y 0 0;
	overflow: hidden;
}

div#news {
	float: left;
	width: 367px;
}

div#news h2 {
	margin-bottom: 6px;
	width: 367px;
	height: 34px;
	text-indent: -9999px;
	background: transparent url(./images/h02.gif) scroll repeat-y 0 0;
}

div#news h5 {
	margin: 20px 0px 20px 0px;
	font-size: 2em;
	text-align: center;
}

div#news dl {
	margin: 0 12px 8px 12px;
	line-height: 150%;
}

div#news dl dt { color: #009f5d; }

div#news p#backNum {
	margin: 20px 12px 10px 12px;
	text-align: right;
}

div#bannerArea {
	float: right;
	width: 179px;
}


/* ===== footer
======================================== */

div#footer { background: transparent url(./images/bg_footer.gif) scroll no-repeat 0 0; }


/* ===== clearfix
======================================== */

div#conceptWrapper:after {
	content: "";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
}