@charset 'UTF-8';

h3.title{
	background: url(../../images/titlebar.gif) no-repeat;
	width: 533px;
	height: 35px;
	padding: 8px 0 0 30px;
	margin: 0;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;

}



p.ex{
	width: 523px;
	margin: 20px 0 10px 20px;
	padding: 0px;	
}

p.ex2{
	margin: 0px;
	padding: 0 0 30px 20px;
	clear: both;
}


/* ------------------------------
 ホッパーの役割とは
------------------------------ */


ul.ex_list{
	list-style-type:none;
	width: 531px;
	margin: 0 0 0 20px;
	padding: 0px;
}


ul.ex_list li{
	list-style-type:none;
	width: 169px;
	margin: 0 8px 0 0;
	padding: 0px;
	float: left;
}



/* ------------------------------
 設計技術者がホッパー設計に求められる知識とは
------------------------------ */

div.k_bg{
	background: url(../images/knowledgebg.jpg) no-repeat;
	height: 461px;
	width: 523px;
	margin: 20px 0 40px 20px;
	padding: 0px;
	position: relative;	
}

.k_ex1{
	width: 167px;
	position: absolute;
	left: 164px;
	top: 11px;	

}

.k_ex2{
	width: 167px;
	position: absolute;
	left: 164px;
	top: 177px;	

}


.k_ex3{
	width: 167px;
	position: absolute;
	left: 164px;
	top: 340px;	

}


.k_ex4{
	width: 133px;
	position: absolute;
	left: 384px;
	top: 172px;	

}