@charset "utf-8";

/*ご愛用者の声から誕生した*/
div.uv_area{
	width:685px;
	clear:both;
}
div.uv_area p{
	margin-left:40px;
	clear:both;
}
div.uv_area h3{
	width:685px;
	height:70px;
	text-indent:-9999em;
}
div.uv_area h3.a1{
	background:url(/img/uv/a1_ttl.gif) 10px 0 no-repeat; 
}
div.uv_area h3.b1{
	background:url(/img/uv/b1_ttl.gif) 10px 0 no-repeat; 
}

div.uv_area h3{
	width:685px;
	height:70px;
	text-indent:-9999em;
}

/*UVプロテクターの魅力*/
div#charm1{
	width:685px;
	height:421px;
	background:url(/img/uv/charm_01.jpg) no-repeat; 
	position: relative;
	clear:both;
}
div#charm1 p.point1{
	width:367px;
	font-size:12px;
	line-height:1.6;
	position: absolute;
	top:230px;
	left:38px;
}
div#charm1 p.point2{
	width:367px;
	font-size:12px;
	position: absolute;
	line-height:1.6;
	top:340px;
	left:38px;
}
div#charm2{
	width:685px;
	height:92px;
	background:url(/img/uv/charm_02.gif) no-repeat; 
}
div#charm2 p{
	text-indent:-9999em;
}
div#charm3{
	width:685px;
	height:273px;
	background:url(/img/uv/charm_03.jpg) no-repeat;
	position: relative;
}
div#charm3 p{
	width:450px;
	font-size:12px;
	position: absolute;
	top:5px;
	left:40px;
	line-height:1.7;
}

/*基本ライン3ステップ*/
div#step{
	width:640px;
	margin:0 20px 50px 20px;
}
div#step img{
	display:block;
}

div#step h4{
	font-weight:bold;
	margin:10px  0;
}

/*よくある質問*/
div#qa dl{
	background-color:#fefbe4;
	margin:0;
	padding:0;
}
div#qa dt{
	font-size:120%;
	font-weight:bold;
	background:url(/img/uv/qa_bg.gif) no-repeat;
	vertical-align:middle;
	padding:21px 0 21px 60px;
}
div#qa dd{
	padding:20px;
	border-bottom:20px solid #fff;
}

/*強調*/
span.red1{
	font-size:110%;
	color:#c00;
}
span.red2{
	color:#c00;
}
span.ore1{
	color:#df551f;
}