@charset "UTF-8";
#mainpics{height:200px; background:url(img/keyvisual.jpg) no-repeat left top;}
#mainpics .inner{padding:15px;}
#mainpics h1{display:none;}
.case{clear:both; padding:20px;}
.case .h2Cont{margin:0 0 20px 0; padding:0px; color:#990000; border:1px solid #ECE5DC; background:url(../common/img/bg_h2.jpg) repeat-x left top;}
.case h2{margin:1px; font-size:110%; color:#442100; border:1px solid #eee; padding:15px; line-height:1; border-left:5px solid #990000;}
.case h3{font-size:x-small; text-align:left; margin:0; padding:0; float:left;}
.case h3 img{text-align:left; margin:0 10px 0 10px; padding:0;}

.before_after_cont{padding:0 20px; background:url(img/arw.gif) no-repeat center 70px;}

.before,
.after{width:312px; background:#fff; text-align:center; font-weight:bold; border:1px solid #e5e5e5;}

.before{float:left;}
.after{float:right;}

.before img,
.after img{display:block; margin:5px auto;}

.before .lead,
.after .lead{text-align:left; font-weight:normal; padding:0 10px 10px 10px; font-size:90%;}



.ttlBefore,
.ttlAfter{font-size:140%; text-align:left; margin:0 10px 5px 10px; border-bottom:1px solid #ccc; font-family:Arial, Helvetica, sans-serif;}

.ttlBefore{color:#6699CC;}
.ttlAfter{color:#FF9900;}