@charset "utf-8";

body {
	background:url(../common/images/bg_body_blue.jpg) repeat-x left top;
}

/* div.cooperative */
.cooperative {
	width:670px;
	padding:0 0 40px 20px;
	overflow:hidden;
	clear:both;
}
.cooperative h4 {
	padding:40px 0 26px 0;
}
.cooperative p {
	line-height:1.7;
}
.cooperative p span {
	color:#B01A2E;
	font-weight:bold;
}

/* div.flowBox */
.flowBox {
	width:672px;
	padding:29px 0 40px 20px;
	clear:both;
}
.flowBox .img {
	padding:0 0 25px 0;
}
.flowBox .txt {
	line-height:1.6;
	padding:0 0 20px 0;
}

/* div.aboutBox */
.aboutBox {
	width:660px;
	padding:29px 0 15px 20px;
	clear:both;
	color:#595757;
}
.aboutBox .tit {
	padding:0 0 9px 0;
}
.aboutBox .txt {
	padding:0 0 16px 15px;
}
.aboutBox .txt.no2 {
	padding:2px 0 16px 25px;
}
.aboutBox .txt.pb0 {
	padding-bottom:0px;
}
.aboutBox .txt.pb20 {
	padding-bottom:20px;
}
.aboutBox .txt a {
	color:#595757;
}
.aboutBox ul {
	width:274px;
	overflow:hidden;
	clear:both;
	padding:6px 0 22px 15px;
}
.aboutBox ul li {
	float:left;
	padding:0 0 0 10px;
}
@media screen and (max-width: 780px) {
	.cooperative,.flowBox,.aboutBox {
		width: 100%;
		padding: 20px 10px 40px;
	}
	.cooperative h4 {
		max-width: 220px;
		padding: 0 0 15px;
	}
	.aboutBox .txt.no2 {
		padding: 0 10px 15px;
	}
	.aboutBox ul {
		width: 100%;
		padding: 0 10px 15px;
	}
	
	
	
	
	

}