@charset "utf-8";


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+

+　[エンビロンとは]　スタイル　/about/

+

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/*　大タイトル　（h2）*/

.attl01 {
	background: url(../about/img/h2_ttl01.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	height: 34px;
	width: 600px;
}

.attl02 {
	background: url(../about/img/h2_ttl02.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	height: 34px;
	width: 600px;
}

.attl03 {
	background: url(../about/img/h2_ttl03.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	height: 34px;
	width: 600px;
}

.attl04 {
	background: url(../about/img/h2_ttl04.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	height: 34px;
	width: 600px;
}


/*　右ナビタイトル　*/

#rightCon .arttl01 {
	background: url(../about/img/arttl.gif) no-repeat left top;
	text-indent: -9999px;
	height: 34px;
	display: block;
}


/* スキンケアシステム */

.menu_sttl01 {
	background: url(../about/img/menu_ttl01.gif) no-repeat left top;
	text-indent: -9999px;
}
.menu_sttl02 {
	background: url(../about/img/menu_ttl02.gif) no-repeat left top;
	text-indent: -9999px;
	margin-top: 30px;
}


.stepList {
	margin: 16px;
	width: 576px;
	overflow: hidden;
}
.stepList li {
	width: 140px;
	float: left;
}
.stepBox {
	width: 568px;
	margin-right: 16px;
	margin-left: 16px;
	padding-bottom: 28px;
	overflow: hidden;
}
.stepBox h5 {
	background: #F2ECE6;
	font-weight: bold;
	padding-left: 8px;
	margin-bottom: 16px;
}
.stepBox h5 span {
	font-size: 10px;
}
.stepBox dl {
	float: left;
	width: 360px;
	margin-right: 16px;
}
.stepBox .imgRight {
	float: right;
}
.stepBox dl dt {
	font-weight: bold;
	margin-bottom: 8px;
}
.point {
	margin: 16px;
	padding: 16px;
	font-weight: bold;
	background: #FBF4E3;
}




/* ブランドヒストリー */

.history_ttl01 {
	background: url(../about/img/history_txt01.gif) no-repeat left bottom;
	text-indent: -9999px;
}
.history_ttl02 {
	background: url(../about/img/history_txt02.gif) no-repeat left center;
	text-indent: -9999px;
}
.history_ttl03 {
	background: url(../about/img/history_txt03.gif) no-repeat left center;
	text-indent: -9999px;
}


/* エンビロンのコンセプト（index.html） */

.conceptList {
	margin: 0 0 16px 16px;
	width: 370px;
	font-size: 10px;
	float: left;
}
.conceptList .txt01 {
	background: url(../about/img/ico_va.gif) no-repeat left center;
	padding-left: 54px;
	margin-bottom:8px;
}
.conceptList .txt02 {
	background: url(../about/img/ico_seibun.gif) no-repeat left center;
	padding-left: 54px;
}

.concept_ttl01 {
	background: url(../about/img/concept_txt01.gif) no-repeat left center;
	text-indent: -9999px;
}
.concept_ttl02 {
	background: url(../about/img/concept_txt02.gif) no-repeat left center;
	text-indent: -9999px;
}
.concept_ttl03 {
	background: url(../about/img/concept_txt03.gif) no-repeat left center;
	text-indent: -9999px;
}
.concept_ttl04 {
	background: url(../about/img/concept_txt04.gif) no-repeat left bottom;
	text-indent: -9999px;
}


/* 高い評価を受けている6つの理由 */

.reason_ttl01 {
	background: url(../about/img/reason_ttl01.gif) no-repeat left top;
	text-indent: -9999px;
	height: 32px;
}
.reason_ttl02 {
	background: url(../about/img/reason_ttl02.gif) no-repeat left top;
	text-indent: -9999px;
	height: 32px;
}
.reason_ttl03 {
	background: url(../about/img/reason_ttl03.gif) no-repeat left bottom;
	text-indent: -9999px;
	height: 36px;
}
.reason_ttl04 {
	background: url(../about/img/reason_ttl04.gif) no-repeat left top;
	text-indent: -9999px;
	height: 32px;
}
.reason_ttl05 {
	background: url(../about/img/reason_ttl05.gif) no-repeat left top;
	text-indent: -9999px;
	height: 32px;
}
.reason_ttl06 {
	background: url(../about/img/reason_ttl06.gif) no-repeat left top;
	text-indent: -9999px;
	height: 32px;
}