.st {
	font-size:25px;
	text-align:center;
}
.yellow {
	background:#FF9;
}

.topBgArea {
	background:#f0ede5;
	padding:30px 0;
}
.whiteBgArea {
	background:#FFF;
	padding:30px 0;
}
.whiteArea {
	max-width:1100px;
	display:table;
	background:#FFF;
	margin:5px auto 0 auto;
	padding:15px 30px;
}
.spaceArea {
	max-width:1100px;
	display:table;
	margin:5px auto 0 auto;
	padding:0 0 15px 0;
}
dl.info {
	margin-top:5px;
}
dl.info:first-child {
	margin-top:0;
}
dl.info dt {
	float:left;
}
dl.info dd {
	margin-left:15px;
	float:left;
}

/* productsArea */
#productsArea {
	width:1100px;
	margin:0 auto;
}
#productsArea a {
	width:300px;
	margin-left:40px;
	margin-top:20px;
	float:left;
	background:#FFF;
	padding:20px;
	box-shadow:3px 3px 5px rgba(0,0,0,0.3);
	display:block;
	text-decoration:none;
}
#productsArea a:nth-child(3n+1) {
	margin-left:0;
}


#productsArea a h3 {
	margin-top:10px;
	padding:7px 10px;
	text-align:center;
	background:#F1F1F1;
	text-decoration:none;
}
#productsArea a h3:after {
	font-family: 'FontAwesome';
	content:"\f105";
	margin-left:5px;
	float:right;
}
/*#productsArea a:hover {
	opacity:1;
	transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
}

/* pamphletArea */
#pamphletArea {
	width:1100px;
	margin:0 auto;
}
#pamphletArea li {
	width:180px;
	margin-left:50px;
	margin-top:15px;
	float:left;
}
#pamphletArea li:first-child {
	margin-left:0;
}

/* bnrArea */
#bnrArea {
	width:1100px;
	margin:0 auto;
}
#bnrArea li {
	width:250px;
	margin-left:30px;
	margin-top:20px;
	float:left;
}
#bnrArea li:first-child {
	margin-left:0;
}

/* btn */
a.btn {
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
	padding:7px 10px;
	background:#F1F1F1;
	text-decoration:none;
}
a.btn:after {
	font-family: 'FontAwesome';
	content:"\f105";
	margin-left:10px;
	float:right;
}



/*===========================================
	docArea
=============================================*/
.docArea {
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px;
	background: #FFF;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.docArea .docList {
	width: 820px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	
	-webkit-flex-flow: wrap;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
}
.docArea .docList li {
	margin-bottom: 20px;
}





@media (max-width: 740px) {
		
	.topBgArea {
		padding:30px 20px;
	}
	.whiteArea {
		padding:15px;
	}
	
	dl.info dt {
		float:none;
	}
	dl.info dd {
		margin-left:0;
		float:none;
	}
	
	
	/* productsArea */
	#productsArea {
		width       :92%;
		margin-left : auto;
		margin-right: auto;
	}
	#productsArea a {
		width      :100%;
		margin-left:0;
		padding    :10px;
		float      :none;
	}
	#productsArea a img {
		width:100%;
		height:auto;
	}



	/* pamphletArea */
	#pamphletArea {
		width:auto;
	}
	#pamphletArea li {
		margin:20px auto 0 auto;
		float:none;
	}
	
	/* bnrArea */
	#bnrArea {
		width:auto;
	}
	#bnrArea li {
		margin:20px auto 0 auto;
		float:none;
	}
	#bnrArea li:first-child {
		margin-left:auto;
	}
	
	
	/* btn */
	a.btn {
		display:block;
		margin-bottom:10px;
	}



	/* top center*/
	.wrapper5 {
		max-width: 300px;
		margin: 0 auto;
		text-align: center;
		background: #cccccc;
	}
	.txt {
		display: inline-block;
		text-align: left;
	}



	/*===========================================
		docArea
	=============================================*/
	.docArea {
		width: 100%;
	}
	.docArea .docList {
		width: 100%;
	}
	.docArea .docList li img {
		width: 100%;
		height: auto;
	}
	.docArea .docList li {
		margin-bottom: 15px;
	}




}