@charset "UTF-8";
/* CSS Document */
@import "common.css";
@import "layout.css";
@import "secondary.css";

#yasuku {}

#yasuku h2 {
	background:url(../images/yasuku/headline.gif) no-repeat;
}

#yasuku h3 {
	background:url(../images/yasuku/hl_review.gif) no-repeat;
	width:533px;
	height:22px;
	text-indent:-9999px;
	margin-top:20px;
	margin-bottom:8px;
}

#yasuku #before_after {
	margin-top:30px;
	line-height:1.5;
}

#yasuku #before_after li {
	float:left;
}

#yasuku #before_after li#before {
	width:311px;
}

#yasuku #before_after li#after {
	width:344px;
}

#yasuku #before_after li#before h4 {
	background:url(../images/yasuku/hl_before.gif) no-repeat;
	width:311px;
	height:34px;
	text-indent:-9999px;
}

#yasuku #before_after li#after h4 {
	background:url(../images/yasuku/hl_after.gif) no-repeat;
	width:334px;
	height:34px;
	text-indent:-9999px;
}

#yasuku #before_after li .box {
	margin-top:2px;
}

#yasuku #before_after li#before .box {
	width:275px;
	background-color:#f5f5f5;
}

#yasuku #before_after li#after .box {
	width:334px;
	background-color:#ffede0;
}

#yasuku #before_after li .box h5 {
	font-size:14px;
}

#yasuku #before_after li .inner {
	padding:6px 12px;;
}

#yasuku #before_after li li {
	float:none;
	background:url(../images/share/point.gif) no-repeat 0 7px;
	padding-left:5px;
	margin-bottom:4px;
}

#yasuku #before_after li#before .inner2 {
	border-top:1px solid #cbcbcb;
}

#yasuku #before_after li#after .inner2 {
	border-top:1px solid #ffba8c;
}

#yasuku #before_after li .inner2 {
	padding-top:5px;
	margin-top:5px;
}

#yasuku #before_after li .inner2 strong {
	font-size:14px;
}

#yasuku #before_after li#before .inner2 strong {
	color:#3abdcd;
}

#yasuku #before_after li#after .inner2 strong {
	color:#ff6600;
}

#yasuku #before_after li .inner2 p {
	margin:0;
}