@charset "utf-8";
@import url("common.css"); /* common stylesheet */

#dammy {
	display: block;
	overflow: hidden;
	background: url() no-repeat;
	margin: 0;
	padding: 40px 0 0;
	width: 216px;
	height: 0!important;
}
	
/* #
--------- --------- --------- --------- --------- */
.contents h2 {
	background: url('../images/quality/quality_mimage.jpg') no-repeat;
	background-position: 0 bottom;
	margin: 0 0 55px;
	padding: 0 0 220px;
}

.contents h2 b {
	display: block;
	overflow: hidden;
	background: url('../images/quality/quality_mtitle.gif') no-repeat;
	margin: 0;
	padding: 38px 0 0;
	width: 735px;
	height: 0!important;
}

.quality_area1 h3,
.quality_area2 h3,
.quality_area3 h3,
.quality_area4 h3,
.quality_area5 h3,
.quality_area6 h3,
.quality_area7 h3 {
	background: url('../images/common/titleline.gif') no-repeat;
	margin:0 0 15px;
	padding:13px 0 11px;
	font-size:1.8rem;
	font-weight: bold;
	color:#0B2637;
	border-bottom:1px solid #939393;
	line-height:1.1;
}

.quality_area1 .lead,
.quality_area2 .lead,
.quality_area3 .lead,
.quality_area4 .lead,
.quality_area5 .lead,
.quality_area6 .lead,
.quality_area7 .lead {
	margin:0 0 8px;
	font-size:1.6rem;
	font-weight: bold;
	color:#005E95;
}

.body_block {
	margin:0;
	width:350px;
	font-size:1.4rem;
	float:left;
}

.body_block p {
	margin:0 0 15px;
	line-height:1.8;
}

.body_block p.listtitle {
	margin:0 0 5px;
	font-weight: bold;
	color:#0B2637;
}

.body_block ul {
	margin:0;
}

.body_block ul li {
	margin:0;
	padding:0 0 0 1em;
	text-indent: -1em;
	line-height:1.6;
}

.image_block {
	margin:0;
	width:360px;
	float:right;
}

.image_block .image {
	margin:0 0 10px;
}

.image_block .image.b0 {
	margin:0;
}

.quality_area1 {
	margin:0 0 55px;
}

.quality_area1 .body_block {
	margin:0 0 25px;
	width:auto;
	font-size:1.4rem;
	float:none;
}

.quality_area1 .image_block {
	margin:0 0 45px;
	width:auto;
	float:none;
}

.area1_body {
	clear:both;
	margin:0;
	padding:0 0 0 225px;
	width:auto;
	position: relative;
}

.area1_body h4 {
	position: absolute;
	top:40px;
	left:0;
	overflow: hidden;
	background: url('../images/quality/quality_area1steptitle.gif') no-repeat;
	margin: 0;
	padding: 176px 0 0;
	width: 176px;
	height: 0!important;
}

.area1_body ul {
	margin:0;
}

.area1_body ul li  {
	overflow: hidden;
	margin: 0 0 10px;
	padding: 50px 0 0;
	width: 500px;
	height: 0!important;
}

.area1_body ul li.step1 {
	background: url('../images/quality/quality_area1step1.gif') no-repeat;
}

.area1_body ul li.step2 {
	background: url('../images/quality/quality_area1step2.gif') no-repeat;
}

.area1_body ul li.step3 {
	background: url('../images/quality/quality_area1step3.gif') no-repeat;
}

.area1_body ul li.step4 {
	background: url('../images/quality/quality_area1step4.gif') no-repeat;
}

.area1_body ul li.step5 {
	background: url('../images/quality/quality_area1step5.gif') no-repeat;
	margin: 0;
	padding: 40px 0 0;
}

.quality_area2 {
	margin:0 0 55px;
}

.quality_area3 {
	margin:0 0 55px;
}

.area3_body {
	clear:both;
	margin:0 0 35px;
	padding:20px 0 0;
}

.area3_body h4 {
	overflow: hidden;
	background: url('../images/quality/quality_area3ruletitle.gif') no-repeat;
	margin: 0 auto 25px;
	padding: 20px 0 0;
	width: 174px;
	height: 0!important;
}

.area3_body ul {
	margin:0;
	text-align: center;
}

.area3_body ul li {	
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin:0 10px;
}

.area3_body ul li b {
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 174px 0 0;
	width: 174px;
	height: 0!important;
}

.area3_body ul li.rule1 b {
	background: url('../images/quality/quality_area3rule1.gif') no-repeat;
}

.area3_body ul li.rule2 b {
	background: url('../images/quality/quality_area3rule2.gif') no-repeat;
}

.area3_body ul li.rule3 b {
	background: url('../images/quality/quality_area3rule3.gif') no-repeat;
}

.quality_area4 {
	margin:0 0 55px;
}

.quality_area4 .body_block {
	margin:0 0 25px;
	width:auto;
	font-size:1.4rem;
	float:none;
}

.quality_area4 .image_block {
	margin:0;
	width:auto;
	float:none;
}

.quality_area5 {
	margin:0 0 55px;
}

.quality_area6 {
	margin:0 0 55px;
}

.quality_area7 {
	margin:0 0 55px;
}

.quality_area7 .body_block {
	margin:0;
	width:540px;
	font-size:1.4rem;
	float:left;
}

.quality_area7 .image_block {
	margin:0;
	width:185px;
	float:right;
}