@charset "utf-8";
/* CSS Document */

#contentBox{text-align:left;}

@media screen and (max-width: 767px) {
	div#mainImg {
		background:none;
		padding-top: inherit;
	}

}


@media screen and (min-width: 768px) {
	div#mainImg {
		background:url(../images/bg_main.gif) no-repeat center top;
	}
}


div#ksFeature{padding-bottom:10px;}
div#ksFeature ul li { width: 25%; float:left; margin-bottom:9px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
div#ksFeature ul li a{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; display: block; margin-left: 10px;/* height:0; padding-top:114px; overflow:hidden; line-height: 2.0;*/ border: 1px solid #ccc; background: url(../images/bg_feature.gif) no-repeat; position: relative; min-height: 112px;}
div#ksFeature ul li a.first{ margin-left: 0;}
div#ksFeature ul li a,
div#ksFeature ul li a:hover,
div#ksFeature ul li a:visited,
div#ksFeature ul li a:active { text-decoration: none; }

div#ksFeature ul li a span { display:block;}
.featNum { color: #e60012; font-size: 50px; position: absolute; top: 30px; left: 10px; }
.featTitle { color: #e60012; font-weight: bold; font-size: 14px; padding-left: 50px; padding-top: 15px; margin-bottom: 10px; line-height: 1; }
.featTxt { color: #333; font-size: 12px; padding-left: 50px; margin-bottom: 8px; padding-right: 10px; }

div#ksFeature li.feature00 { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:#e60012; font-size: 35px; color: #fff; margin-left: 0;min-height: 112px;}
div#ksFeature li.feature00 span { padding: 30px; vertical-align: middle; display: block;}


#ksReason p a:hover, div#ksFeature dl dd a:hover{ filter:alpha(opacity=70); /*IE*/ -moz-opacity:0.70; /*FF*/ opacity:0.70; }
div#ksReason{ text-align:left; padding-bottom:20px;}
div#ksReason p{float:left; display:block; margin-right:10px;font-weight:bold;}




div#aboutAppliciate,div#aboutCase{text-align:left; width:453px; float:left;}
div#aboutAppliciate{padding-right:20px;}
div#aboutAppliciate p span,div#aboutCase p span{font-weight:bold;}

div#aboutAward{ padding-bottom:10px; }
div#aboutAward ul li{ width: 25%; float:left; margin-bottom:9px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
div#aboutAward ul li a{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; display: block; margin-left: 10px; border: 1px solid #ccc; position: relative; padding:90px 10px 10px 10px; font-size: 12px; min-height: 156px; }

div#aboutAward ul li a.first{ margin-left: 0; }
div#aboutAward ul li a,
div#aboutAward ul li a:hover,
div#aboutAward ul li a:visited,
div#aboutAward ul li a:active { text-decoration: none; color: #333; }
/*div#aboutAward ul a:hover{
	 filter:alpha(opacity=70);  -moz-opacity:0.70; opacity:0.70;
}*/

div#aboutAward ul li.award01 a{ background: url(../images/img_award01.gif) no-repeat center 15px ;}
div#aboutAward ul li.award02 a{ background: url(../images/img_award02.gif) no-repeat center 15px;}
div#aboutAward ul li.award03 a{ background: url(../images/img_award03.gif) no-repeat center 15px;}
div#aboutAward ul li.award04 a{ background: url(../images/img_award04.gif) no-repeat center 15px;background-size: 100%;padding: 8rem 1rem 2rem;text-align: center;min-height: 100px;}

@media screen and (max-width: 767px) {
	div#ksFeature ul li { width: 100%; float:none; margin-bottom:9px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
	div#ksFeature ul li a{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; display: block; border: 1px solid #ccc; background: url(../images/bg_feature.gif) no-repeat; position: relative; margin-left: 0;}
	div#ksFeature ul li a.first{ margin-left: 0px; }
	div#ksFeature ul li:nth-child(odd) a{ margin-left: 0px!important; }

	div#aboutAward{ padding-bottom:10px; }
	div#aboutAward ul li{ width: 50%; float:left; margin-bottom:9px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
	div#aboutAward ul li a{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; display: block; margin-left: 10px; border: 1px solid #ccc; position: relative; padding:90px 10px 10px 10px; font-size: 12px; min-height: 166px;}

	div#aboutAward ul li a.first,
	div#aboutAward ul li:nth-child(odd) a{ margin-left: 0; }

}


/*------------------------- about Detail -------------------------*/

div#wrapD2 { background-color: #fff;}
#wrapD2{text-align:left;}
#wrapD2 h4{font-weight:bold;padding-bottom:10px;}

#wrapD2 div.h3 {
    border: none;
    margin-bottom: 15px;
	margin-top:20px;
}

#wrapD2 div.h3 h3 {
    border:none;
    color: #fff;
    font-size:0;
    font-weight:normal;
    height:0;
    margin-bottom:0;
    padding: 55px 0 0 0;
	width:690px;
}
.contentDsfa02 { padding-bottom: 40px; }
.contentDsfa02 p{ padding-bottom:15px; }
.contentDsfa02 p.detailImg { text-align: center; }
.contentDsfa02 img { width: 80%; }

#dFeature4{padding-right:300px; background:url(../images/detail/img_about_d04.gif) top right no-repeat;}
#dCooporative{
	padding: 20px;
	background:#eaeded;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom:15px;
}

#dCooporative ul li{
	padding: 10px;
	margin-bottom:10px;
	background:#fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display:block;
	text-align: center;

}
#dCooporative ul li img { width: 100%; }

#dFeature7Ip{padding-right:232px; background:url(../images/detail/img_about_d09.gif) top right no-repeat; min-height:140px;padding-bottom:15px;margin-bottom:15px;border-bottom: 1px dotted #aaa;}
#dFeature7Sp{padding-right:433px; background:url(../images/detail/img_about_d10.gif) top right no-repeat;min-height:197px;padding-bottom:15px;margin-bottom:15px;border-bottom: 1px dotted #aaa;}
#dFeature7Ip p{padding-bottom:20px;}


@media screen and (max-width: 767px) {
	.contentDsfa02 img { width: 100%; }
	#dFeature4{padding-right: 0px; background: none; /*background:url(../images/detail/img_about_d04.gif) top right no-repeat;*/}
	#dFeature7Ip{padding-right:0; background: none; /*background:url(../images/detail/img_about_d09.gif) top right no-repeat; */min-height:140px;padding-bottom:15px;margin-bottom:15px;border-bottom: 1px dotted #aaa;}
	#dFeature7Sp{ padding-right:0; background: none; /*background:url(../images/detail/img_about_d10.gif) top right no-repeat;*/ min-height:197px;padding-bottom:15px;margin-bottom:15px;border-bottom: 1px dotted #aaa;}

}