@charset "shift_jis";

/*
======== table of content. =================================

summary:PRODUCT　設定

============================================================
*/


/*-----------------------------------------------------
インデックス
-------------------------------------------------------*/
div.product-wrapper{
}

div.product-wrapper .lead{
	background:url(../images/index/img01.jpg) no-repeat right top;
	padding:10px 0 20px;
}
div.product-wrapper .lead p{
	width:380px;
	margin:0 10px 20px;
}

div.product-wrapper h2{
	background:url(../../common/images/bg_sub_ttl03.jpg) no-repeat left top;
	color:#1660CE;
}

div.product-wrapper ul.page-navi{
	margin: 0 0 30px 10px;
}
div.product-wrapper ul.page-navi li{
	float:left;
	margin: 0 10px 0 0;
}

/* 東洋サクセスの強み */
div.advantage{
	margin:0 10px;
	background:url(../images/index/img_point.jpg) no-repeat left top;
	padding: 10px 0 0 70px;
}
div.advantage h2{
	background:none;
	padding:0;
	margin:0 0 15px;
}
div.advantage h3{
	background:none;
	padding:0;
	border:none;
}
div.advantage ul{
	margin: 0 0 0 4px;
}
div.advantage li{
	background: url(../images/index/ico_list.gif) no-repeat left 6px;
	padding-left: 14px;
	margin: 0 10px 3px 0;
	float: left;
	width: 100px;
}
div.advantage li span{
	color:#FF0000;
}

div.advantage .point{
}
div.advantage .point .comment{
	float:left;
	width: 280px;
	margin: 0;
	display: inline;
	
} 
div.advantage .point p{
	margin:5px 0 30px;
}
div.advantage .point p.img{
	float:right;
	margin: 0;
	padding: 0;
}

div.advantage .point p.sample{
	background:url(../images/index/img_advantage3.jpg) no-repeat right top;
	padding:15px 255px 0 0;
	margin:0px;

}
div.advantage .environment{
	background:url(../images/index/bg_environment.jpg) no-repeat right bottom;
}
div.advantage .environment h4{
	border:none;
	padding:0;
}
div.advantage .environment h5{
	border:none;
	padding:0;
	font-size: 100%;
	margin: 0 0 5px 5px;
	font-weight: bold;
}
div.advantage .environment p{
	margin:0 0 20px;
}
div.advantage .environment ul{
	margin-right: 15px;
	margin-bottom:30px;
}
div.advantage .environment ul li{
	float:none;
	background: url(../images/index/ico_list2.gif) no-repeat left top;
	padding:0 0 0 30px;
	color:#009999;
	margin:0 0 10px;
	width: 550px;
}

div.advantage .environment ul.reference{
	margin: 0 0 10px;
	padding:0 0 20px;
}
div.advantage .environment ul.reference li{
	background:none;
	margin:0 0 10px 20px;
	color: #333333;
	padding: 0;
	list-style-type: disc;
	background:left top;
	list-style-position: outside;
}

/* 取扱金属材料一覧 */
div.material{
	margin:0 ;
}
div.material div{
	float:left;
	width:325px;
	margin:0 10px 10px;
	display:inline;
}

div.material div h3{
	border:none;
	padding:12px 0 20px 45px;
	margin:0;
	color:#1660CE;
	font-size:120%;
}
div.material div.list1 h3{
	background:url(../../process/images/index/ttl_sub_material1.jpg) no-repeat left top;
}
div.material div.list2 h3{
	background:url(../../process/images/index/ttl_sub_material2.jpg) no-repeat left top;
}
div.material div.list3 h3{
	background:url(../../process/images/index/ttl_sub_material3.jpg) no-repeat left top;
}
div.material div.list4 h3{
	background:url(../../process/images/index/ttl_sub_material4.jpg) no-repeat left top;
}
div.material div.list5 h3{
	background:url(../../process/images/index/ttl_sub_material5.jpg) no-repeat left top;
}
div.material div.list6 h3{
	background:url(../../process/images/index/ttl_sub_material6.jpg) no-repeat left top;
}

div.material div.etc{
	float:none;
	width:100%;
}
div.material div.etc h3{
	padding:0 0 5px 10px;
	margin: 0 0 10px;
	border-bottom:solid 1px #E5E5E5;
}
div.material div.etc ul{
	margin: 0 10px 20px;
}
div.material div.etc li{
	background: url(../images/index/ico_list.gif) no-repeat left 6px;
	padding-left: 14px;
	margin: 0 10px 5px 0;
	float:left;
	width:80px;
}

div.material div.etc table{

}
div.material div.etc table td{
	width:15%;
	padding: 0;
}
div.material div.etc table td ul{


}
div.material div.etc table td li{
	float:none;
	width: 40px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}


div.material table{
	margin-bottom: 10px;
}
div.material th{
	background: #FFF;
	width: 40%;
	padding: 3px 10px;
	line-height: 1.3;
}
div.material td{
	padding: 3px 10px 6px;
	line-height: 1.3;
}



/*-----------------------------------------------------
特性表
-------------------------------------------------------*/

table.charat {
	border-collapse:collapse;
}


table.charat th{
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	width:;
	border:#CCCCCC 1px solid;
	border-collapse:collapse;
	padding:3px;
}

table.charat td{
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	width:;
	border:#CCCCCC 1px solid;
	border-collapse:collapse;
	padding:3px;
}

table.charat td.al{
	text-align:left;
}


table.charat td.lnrp {
	text-align:left;
	white-space: nowrap;
	padding:0px 10px 0px 10px;
}