@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------
	kv
--------------------------------------------------*/
#kv{
	clear:both;
	padding:5px 0;
	background-color:#EEE;
	margin-bottom:15px;
}

#kv p{
	font-size:0;
	width:780px;
	margin:0 auto;
}

/*--------------------------------------------------
	topicpath
--------------------------------------------------*/

#topicpath{
		background-color:#EEE;
		margin:15px 0 30px 0;
}

#topicpath p{
	padding:2px 0;
	margin:0 auto;
	width:780px;
}
#topicpath p span{
	margin:0 10px;
}

/*--------------------------------------------------
	handling 
--------------------------------------------------*/

#main ul#handlinglist{
	width:540px;
	height:180px;
	margin-bottom:30px;
}

#main ul#handlinglist li{
	width:180px;
	height:60px;
	float:left;
	text-indent:-9999px;
}

#main ul#handlinglist li a{
	width:180px;
	height:60px;
	display:block;
}

/*--------------------------------------------------
	handling list
--------------------------------------------------*/

#Iron{
	background:url(../images/category.gif) no-repeat 0 0;
}

#Iron a:hover{
	background:url(../images/category.gif) no-repeat 0 -180px;
}

#Copper{
	background:url(../images/category.gif) no-repeat -180px 0;
}

#Copper a:hover{
	background:url(../images/category.gif) no-repeat -180px -180px;
}

#Zinc{
	background:url(../images/category.gif) no-repeat -360px 0;
}

#Zinc a:hover{
	background:url(../images/category.gif) no-repeat -360px -180px;
}

/*
3
*/

#Lead{
	background:url(../images/category.gif) no-repeat 0 -60px;
}

#Lead a:hover{
	background:url(../images/category.gif) no-repeat 0 -240px;
}

#Alumi{
	background:url(../images/category.gif) no-repeat -180px -60px;
}

#Alumi a:hover{
	background:url(../images/category.gif) no-repeat -180px -240px;
}

#Steel{
	background:url(../images/category.gif) no-repeat -360px -60px;
}

#Steel a:hover{
	background:url(../images/category.gif) no-repeat -360px -240px;
}

/*
6
*/

#Brass{
	background:url(../images/category.gif) no-repeat 0 -120px;
}

#Brass a:hover{
	background:url(../images/category.gif) no-repeat 0 -300px;
}

#Car{
	background:url(../images/category.gif) no-repeat -180px -120px;
}

#Car a:hover{
	background:url(../images/category.gif) no-repeat -180px -300px;
}

#Machine{
	background:url(../images/category.gif) no-repeat -360px -120px;
}

#Machine a:hover{
	background:url(../images/category.gif) no-repeat -360px -300px;
}

/*
9
*/


/*--------------------------------------------------
	handling category
--------------------------------------------------*/

dl#handling{
	padding:10px;
	background-color:#f8f8f8;
}

#handling #hdcategory dd{
	width:200px;
	height:32px;
}

#handling dd{
	text-indent:10px;
}

#handling dd a{
	line-height:2.5;
	width:200px;
	height:32px;
	display:block;
}

#handling dd a,
#handling dd a:hover{
	font-size:0.81em;
	color:#666;
}


	

dd#localIron a{
	background:url(../handling/images/localBg.gif) no-repeat 0 0;
}

#localIron a:hover, #localIronActiv a{

	background:url(../handling/images/localBg.gif) no-repeat 0 -288px;
}

#localCopper{
	background:url(../handling/images/localBg.gif) no-repeat 0 -32px;
}

#localCopper a:hover,#localCopperActiv a{
	background:url(../handling/images/localBg.gif) no-repeat 0 -320px;
}

#localZinc{
	background:url(../handling/images/localBg.gif) no-repeat 0 -64px;
}

#localZinc a:hover,#localZincActiv a{
	background:url(../handling/images/localBg.gif) no-repeat 0 -352px;
}

/*
3
*/

#localLead{
	background:url(../handling/images/localBg.gif) no-repeat 0 -96px;
}

#localLead a:hover,#localLeadActiv a{
	background:url(../handling/images/localBg.gif) no-repeat 0 -384px;
}

#localAlumi{
	background:url(../handling/images/localBg.gif) no-repeat 0 -128px;
}

#localAlumi a:hover,#localAlumiActiv a{
	background:url(../handling/images/localBg.gif) no-repeat 0 -416px;
}

#localSteel{
	background:url(../handling/images/localBg.gif) no-repeat 0 -160px;
}

#localSteel a:hover,#localSteelActiv a{
	background:url(../handling/images/localBg.gif) no-repeat 0 -448px;
}

/*
6
*/

#localBrass{
	background:url(../handling/images/localBg.gif) no-repeat 0 -192px;
}

#localBrass a:hover,#localBrassActiv a{
	background:url(../handling/images/localBg.gif) no-repeat 0 -480px;
}

#localCar{
	background:url(../handling/images/localBg.gif) no-repeat 0 -224px;
}

#localCar a:hover,#localCarActiv a{
	background:url(../handling/images/localBg.gif) no-repeat 0 -512px;
}

#localMachine{
	background:url(../handling/images/localBg.gif) no-repeat 0 -256px;
}

#localMachine a:hover,#localMachineActiv a{
	background:url(../handling/images/localBg.gif) no-repeat 0 -544px;
}

/*
9
*/
/*--------------------------------------------------
	workflow
--------------------------------------------------*/

ol#workflow{
	overflow:hidden;
	clear:both;
	margin-bottom:45px;
}

ol#workflow li{
	float:left;
	padding-right:26px;
	margin-right:14px;
	background:url(../images/wfyaji.gif) no-repeat right center;
}

ol#workflow li#wLast{
	padding:0;
	margin:0;
	background:none;
}

p#RightText{
	clear:both;
	text-align:right;
	margin-bottom:30px;
}

p#RightText a{
	padding-left:10px;
	background:url(../images/Yyaji.gif) no-repeat left center;
}

#news{
	overflow:hidden;
	margin-bottom:60px;
}

#news dl{
	padding:2px 0 3px 5px;
	margin-bottom:10px;
	background:url(../images/NewsBoder.gif) repeat-x bottom;
}

#news dt{
	font-weight:bold;
	width:150px;
	float:left;
}

/*--------------------------------------------------
	sub content
--------------------------------------------------*/

#sub p.sublast{
	margin-bottom:30px;
}

#sub p.sublast a{
	padding-left:10px;
	background:url(../images/Yyaji.gif) no-repeat left center;
	
}

#sub dl#kanetetsu dt{
	margin-bottom:10px;
}

#sub dl#kanetetsu dd{
	margin-bottom:10px;
	padding-left:10px;
	background:url(../images/Yyaji.gif) no-repeat left center;
}

/*--------------------------------------------------
	company localMenu
--------------------------------------------------*/


#localMenu{
	width:220px;
	float:left;
}

#localMenu dl#menu{
	border:solid #690 1px;
}

#localMenu dl#menu dd{
	border-bottom:dashed 1px #999;
}

#localMenu dl#menu dd a{
	padding:20px 0 20px 35px;
	display:block;
	background:url(../company/images/Yyaji.gif) no-repeat 20px 27px;
}


#localMenu dl#menu dd  a:hover,
#localMenu dl#menu dd#menuActiv{
	background-color:#CF6;
	color:#960;
}

#localMenu dl#menu dd{
	background-color:#FFF;
}

#localMenu dl#menu dd.bn{
	border:none;
}

#localMenu h2{
	margin-bottom:10px;
}

#localMenu p{
	margin-bottom:30px;	
}

#localMenu dl#kanetetsu dt{
	margin-bottom:10px;
}

#localMenu dl#kanetetsu dd{
	margin-bottom:10px;
	padding-left:10px;
	background:url(../images/Yyaji.gif) no-repeat left center;
}

/*--------------------------------------------------
	mainArea
--------------------------------------------------*/

#mainArea{
	width:540px;
	float:right;
}

#mainArea dl.profile{
	background:url(../company/images/menuborder.gif) repeat-x bottom;
	clear:both;
	padding:10px 0 10px 20px;
}

#mainArea dl.profile dt{
	width:auto;
	float:left;
	font-weight:bold;
}

#mainArea dl.profile dd{
	margin-left:150px;
}

#mainArea dl.bn{
	clear:both;
	padding:10px 0 10px 20px;
	background:none;
	margin-bottom:30px;
}

#mainArea dl.bn dt{	
	width:auto;
	float:left;
	font-weight:bold;
}

#mainArea dl.bn dd{
	margin-left:150px;
}

#mainArea h3{
	margin-bottom:15px;
}

#mainArea p{
	margin-bottom:30px;
}

#mainArea #photoimg ul{
	overflow:hidden;
	margin-bottom:60px;
}

#mainArea #photoimg li{
	width:150px;
	float:left;
	margin:0 45px 30px 0;
}

#mainArea #photoimg dl.photolist dt{
	padding-left:10px;
	margin-bottom:5px;
	background:url(../handling/images/photoimg.gif) no-repeat left center;
}

#mainArea #photoimg dl.photolist dd{
	padding:4px;
	background-color:#EEE;
	border:1px solid #CCC;
}

#mainArea #photoimg li.side{
	margin:0;
}

/*--------------------------------------------------
	PlaceRate
--------------------------------------------------*/

#PlaceRate{
	border-left:1px solid #CCC;
}

#PlaceRate dl{
	border-bottom:1px solid #CCC;
}

#PlaceRate dt{
	width:150px;
	float:left;
	border-right:1px solid #CCC;
	margin-right:30px;
}


#PlaceRate dt,
#PlaceRate dd{
	padding:3px 0 3px 10px;
}

#PlaceRate dl#bordernone{
	border:none;
}

#PlaceRate dl .dlbg{
	background-color:#EEE;
}

#PlaceAuto{
	border:1px solid #CCC;
	padding-left:20px;
	background:url(../handling/images/PlaceRate.gif) no-repeat 0 0;
	margin-bottom:60px;
}

table.MetalRate{
	border:1px solid #CCC;
	margin-bottom:60px;
}

table.MetalRate th,
table.MetalRate td{
	border:1px solid #ccc;
}

tr.bcolor{
	background-color:#D5EAEA;
}

th.lavelname{
	background-color:#000;
	color:#FFF;
	padding:5px;
}

td{
	padding:10px;
}




/*--------------------------------------------------
	access
--------------------------------------------------*/

#access{
	border:1px solid #DDD;
	margin:15px 0 30px 0;
}

#access dl{
	border-bottom:1px solid #DDD;
}

#access dt{
	width:80px;
	float:left;
	clear:both;
	margin:0 20px 0 10px;
	border-right:1px solid #DDD;
}

#access dt,
#access dd{
	padding:5px 10px 5px 35px;
}

#access dt#company{
	background:url(../access/images/company_icon.png) no-repeat 1px 2px;
}

#access dt#spot{
	background:url(../access/images/spot_icon.png) no-repeat 1px 2px;
}

#access dt#fax{
	background:url(../access/images/fax_icon.png) no-repeat 1px 2px;
}

#access dt#phone{
	background:url(../access/images/tel_icon.png) no-repeat 1px 2px;
}

#access dl#bordernone{
	border:none;
}