@charset "utf-8"; 
@import url("base.css");
@import url("common.css");





/* ---------- top ---------- */

#about {
	width:785px;
	float:left;
	background:url(../../about/images/top/bg_just.jpg) left top no-repeat;
}

#about li {
	width:785px;
	float:left;
	padding:0 0 30px;
}

#about li a {
	float:left;
	display:block;
}

#about li a:hover {
	background-color:#FFFFFF;
}

#about li a:hover img {
	visibility:hidden;
}

#about li .price {
	background:url(../../about/images/top/btn_price_on.jpg) left top no-repeat;
}

#about li .satisfiction {
	background:url(../../about/images/top/btn_satisfiction_on.jpg) left top no-repeat;
}

#about li .feel {
	background:url(../../about/images/top/btn_feel_on.jpg) left top no-repeat;
}

#about li .safety {
	background:url(../../about/images/top/btn_safety_on.jpg) left top no-repeat;
}





/* ---------- feel ---------- */

#feel {
	padding:10px 55px 540px;
	background:url(../../about/images/feel/bg_feel.jpg) left bottom no-repeat;
	font-weight:bold;
	line-height:2.0em;
}





/* ---------- satisfiction ---------- */

#satisfiction {
	padding:0 0 280px 55px;
	background:url(../../about/images/satisfiction/bg_satisfiction.jpg) left bottom no-repeat;
	font-weight:bold;
}





/* ---------- safety ---------- */

#safetyLeft {
	width:366px;
	float:left;
	padding:0 0 0 55px;
}

#safetyLeft h4 {
	font-size:125%;
	line-height:1.2em;
	padding:25px 0 5px;
	margin:0 0 0 -1px;
}

#safetyLeft h5 {
	font-size:95%;
	line-height:1.2em;
	padding:40px 0 5px;
}

#safetyRight {
	width:275px;
	float:right;
	padding:0 55px 0 0;
}

#safetyRight h6 {
	font-size:65%;
	line-height:1.2em;
	padding:0 0 2px;
}

#safetyRight p {
	font-size:65%;
	line-height:1.4em;
	padding:0 0 10px;
}