@charset "utf-8";

/* ---------------------------------------------------
   File: concept.css
   Version: 1.0.0
   Update: 2014-09-11
   Author: http://flowlab.co.jp

   (c)2007-2014 Flowlab inc. All Rights Reserved.
--------------------------------------------------- */




/* ===================================================
    Sub Navigation
=================================================== */

#gnavi li#g_concept a				{ background-position:           0   -68px;}




/* ===================================================
    Local Navigation
=================================================== */

#lnavi_area h1 {
	height: 252px;
	background: url(../concept/images/tit_concept.jpg) 0 0 no-repeat;
}




/* ===================================================
    Contents
=================================================== */

/* -----------------------------------
		Reassurance - Quality
----------------------------------- */

#reassurance_qualityBox {
	width: 692px;
	padding: 0 10px 0 28px;
}

/* Title */
#reassurance_qualityBox h2 {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 435px;
	height: 80px;
	background: url(../concept/images/tit_reassurance_quality.jpg) 115px 0 no-repeat;
	padding: 0 40px 32px 115px;
}

/* Main */
#reassurance_qualityBox div.txt_l {
	font-size: 1em;
	width: 240px;
	display: block;
	padding-top: 40px;
	float: left;
}
.img_r {
	width: 436px;
	display: block;
	margin: 0;
}

/* Sub */
#reassurance_qualityBox div.txt_r {
	font-size: 1em;
	text-align: left;
	width: 450px;
	display: block;
	padding-top: 30px;
	float: right;
}
.img_l {
	width: 154px;
	display: block;
	margin: 0;
	padding-left: 29px;
}


/* -----------------------------------
		Purpose
----------------------------------- */
#purpose {
	background: url(../concept/images/bg_purpose.jpg) 0 0 no-repeat;
	margin: 48px 0 80px;
	padding-top: 40px;
}

/* Title */
#purpose h3 {
	width: 464px;
	height: 67px;
	background: url(../concept/images/tit_purpose.jpg) 0 0 no-repeat;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 auto 48px;
}

/* Image */
#purpose ul {
	padding-left: 32px;
}
	#purpose li,
	#purpose li img {
		width: 230px;
		height: 225px;
		display: block;
		overflow: hidden;
	}
	#purpose li {
		float: left;
	}

#purpose p {
	width: 590px;
	letter-spacing: 0.2em;
	line-height: 2em;
	background: url(../concept/images/bg_purpose_bottom.jpg) left bottom no-repeat;
	display: block;
	padding: 40px 70px 40px 70px;
}
#purpose span {
	color: #527b43;
	font-weight: bold;
}