@charset "utf-8";

#wrap{background:url(/common/img/contents_bg.png) repeat-x top center; width:100%;}
#contents_wrap{ width:960px; margin:0 auto; background:#FFF; }
#title{background:url(img/title.png)  no-repeat top center; height:250px; padding-bottom:30px; text-indent:-1000px;}
#contents{ padding:40px;background:url(/common/img/contents_foot.png) no-repeat bottom center;}
#contents p{ font-size:16px; line-height:2em;}
#contents h4 { margin-bottom:30px;}
#contents h4 img{ width:320px;}
@media screen and (max-width: 640px) {
#contents h4 img{ width:90%; text-align:center;}
#contents{padding:40px 20px;background-size: contain;}
}


@media screen and (max-width: 640px) {
#contents_wrap{ width:100%;  background:#FFF;}
#title{background:url(img/smp_title.png)  no-repeat top center; height: 0;padding-top: 30%;width:100%; padding-bottom:30px; background-size: contain;}
}

.wid40p { width:40%;}
.wid50p { width:55%;}
.info_block h6{ float:left;font-weight:bold; font-size:16px;border:#4c4c4c solid 1px; border-radius:8px; padding:3px; margin:3px 10px 3px 0 ; height:1.6em; width:1auto; text-align:center; background:#FFF;}
.info_block p{ float:none;font-size:14px!important;padding:3px 0 3px 10px; margin:3px 0 3px 10px; line-height:1.6em;}
.info_block hr{ float:none; clear:both;}

@media screen and (max-width: 640px) {
.wid40p,.wid50p { width:100%;}
.wid40p img { width:100%;}
.box_right img { width:100%;}
.img_left {text-align:center;  margin-bottom:20px;}
}

.mb90{
	margin-bottom: 90px!important;
}

.red{
	color: #FD0000;
	font-weight: bold;
}