body{
	margin: 0; padding: 0;
}

/*-------clear-------*/

.clr {
	margin: 0; padding: 0;
	clear: both;
	overflow: hidden;
}

/*--------------------------------------------*/
/*------------------ main page -----------------*/
/*--------------------------------------------*/


.wrapper {width: 750px; margin:0 auto; padding-top:0px;}
.wrap_material {width: 825px; margin:0 auto;}


#sub_r{
	width: 415px; float: right; vertical-align: top; margin-left:15px;
}

/*-------for_picture-------*/

.sub_wrap{
	width: 400px;
}

.pic_l{
	width: 331px; float: left; text-align: left;
}

.phtitle_r{
	width: 69px; float: right;
}


.info_tline {border-top:solid 1px #000;}

.tb_material_l {float:left; width:400px;}
.tb_material_r {float:right; width:400px;}

table.material_1 td{padding:10px 10px 0 0;}
table.material_1 td div.mtxt {padding:10px 0;}

.tb_material2_l {float:left; width:195px; margin-right:13px;}
.tb_material2_r {float:right; width:195px; }
.mat2_pic {margin:0 10px 0 0;}



.dm_cap{
padding: 6px 0;
color: #CC3300;
font-size: 80%;
line-height: 150%; 
text-align: left;
}

/*-------other-------*/

.pad_v5{ padding: 50px 0; }
.pad_v4{ padding: 40px 0; }
.pad_v3{ padding: 30px 0; }
.pad_v2{ padding: 20px 0; }

.pad_h5{ padding: 0 50px; }
.pad_h4{ padding: 0 40px; }
.pad_h3{ padding: 0 30px; }
.pad_h2{ padding: 0 20px; }

.pad_t5{ padding-top: 50px; }
.pad_t4{ padding-top: 40px; }
.pad_t3{ padding-top: 30px; }
.pad_t2{ padding-top: 20px; }

.pad_b6{ padding-bottom: 60px; }
.pad_b5{ padding-bottom: 50px; }
.pad_b4{ padding-bottom: 40px; }
.pad_b3{ padding-bottom: 30px; }
.pad_b2{ padding-bottom: 20px; }