@charset "utf-8";

/*マージン、パディング初期化*/
* { 
	margin: 0;
	padding: 0;
	}

a {
	color:#555555;
	text-decoration:underline;
	}
a:visited {
	color:#555555;
	text-decoration:underline;
	}

a:hover {
	/*color:#81BA00;*/
	color:#FF9A00;
	text-decoration:underline;
	}

html, body {
	height:100%;
	}

body {
	background-color: #fff;
	background: url("../img/bg.jpg") 0% 0% repeat-x;
	color: #555555;
	font-size:100%;
	font-family: "Meiryo","Gothic","MS UI Gothic","Hiragino Kaku Gothic Pro","Osaka",verdana, sans-serif;
	}

body div#container {
	font-size:83%;
	}

body div#container * {
	font-size:100%;
	}

img {
	border:none;
　　vertical-align: bottom;　/*IEで画像の上下に余計なスペースを解除*/
	}

.none, h1, h2 span, h3 {
	display:none;
	}

hr {
	display:none;
	}

li {
	list-style-type:none;
	}

/*container*/
#container_bg {/*ボーダーy座標に伸びる背景画像*/
	background: url("../img/right_contents_bg.gif") 640px 0% repeat-y;
	width:100%;
	height:100%;	
	}

#container {/*フッターのx座標に伸びる背景画像*/
	position:relative;
	bottom:0;
	background: url("../img/footer_bg.jpg") 0% 100% repeat-x;
	width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	}

/*header*/
#header {/*ヘッダーx座標に伸びる背景画像。これがないとボーダー背景が表示されてしまう*/
	position:relative;
	width:950px;
	height:93px;
	background: url("../img/header_bg.jpg") 0% 0% repeat-x;
	}

#header .title {
	position:absolute;
	top:22px;
	width:440px;
	height:65px;
	background: url("../img/title_logo.jpg") 0% 0% no-repeat;
	}

#header .title a {
	display:block;
	position:absolute;
	left:15px;
	width:310px;
	height:60px;
	}

#header .title_comment {
	position:absolute;
	top:2px;
	left:15px;
	width:820px;
	height:20px;
	color:#FFFFFF;
	font-weight:bold;
	overflow:hidden;	
	}

#header .head_diapress {
	position:absolute;
	top:2px;
	left:844px;
	width:98px;
	height:13px;
	background:url("../img/head_dia_group.jpg") 0% 0% no-repeat;
	}

#header .head_diapress a {
	display:block;
	width:98px;
	height:13px;
	}

/*header_menu設定*/
#header #header_menu {
	position:absolute;
	top:22px;
	left:440px;
	}

#header #header_menu li.goods{
	position:absolute;
	top:0px;
	left:0px;
	width:110px;
	height:65px;
	background: url("../img/menu_01.jpg") 0% 0% no-repeat;
	}

#header #header_menu li.goods a {
	display:block;
	height:65px;
	}

#header #header_menu li.goods a:hover {
	background: url("../img/menu_01_f2.jpg") 0% 0% no-repeat;
	}

#header #header_menu li.company_info{
	position:absolute;
	top:0px;
	left:110px;
	width:110px;
	height:65px;
	background: url("../img/menu_02.jpg") 0% 0% no-repeat;
	}

#header #header_menu li.company_info a {
	display:block;
	height:65px;
	}

#header #header_menu li.company_info a:hover {
	background: url("../img/menu_02_f2.jpg") 0% 0% no-repeat;
	}

#header #header_menu li.business_flow {
	position:absolute;
	top:0px;
	left:220px;
	width:151px;
	height:65px;
	background: url("../img/menu_03.jpg") 0% 0% no-repeat;
	}

#header #header_menu li.business_flow a {
	display:block;
	height:65px;
	}

#header #header_menu li.business_flow a:hover {
	background: url("../img/menu_03_f2.jpg") 0% 0% no-repeat;
	}

#header #header_menu li.reference {
	position:absolute;
	top:0px;
	left:371px;
	width:140px;
	height:65px;
	background: url("../img/menu_04.jpg") 0% 0% no-repeat;
	}

#header #header_menu li.reference a {
	display:block;
	height:65px;
	}

#header #header_menu li.reference a:hover {
	background: url("../img/menu_04_f2.jpg") 0% 0% no-repeat;
	}

/*フッター分の領域を作るためにpadding-bottom設定*/
#pb_btm {
	position:relative;
	background: url("../img/right_contents_bg.gif") 100% 0% repeat-y;
	width:950px;
	padding-bottom:71px;
	zoom:1;
	}

#pb_btm:after { 
    content: ".";   
    display: block;   
    visibility: hidden;
    height: 0;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
	}


/*main*/
#main {
	float:left;
	width:640px;
	}

#main .main_top_01 {
	width:640px;
	height:400px;
	/*background: url("../img/main_img.jpg") 0% 0% no-repeat;*/
	background: url("../img/main_img.jpg") 0% 5px no-repeat;

	}

#main .main_top_02 {
	width:609px;
	height:63px;
	margin:15px 0 0 15px;
	padding-left:320px;
	background: url("../img/purchase.jpg") 0% 0% no-repeat;
	color:#fff;
	font-size:1.2em;
	font-weight: bold;
	line-height:63px;
	}

#main .main_top_03 {
	background: url("../img/estimate_02.jpg") 0% 0% no-repeat;
	position:relative;
	margin:15px 0 23px 15px;
	width:609px;
	height:84px;
	}

#main .main_top_03 a {
	display:block;
	position:absolute;
	top:57px;
	left:270px;
	width:205px;
	height:20px;
	}

/*right_contents*/
#right_contents {
	float:left;
	width:310px;
	/*background-color:#FF0000;*/
	/*background: url("../img/right_contents_bg_02.gif") 0px 0%;*/
	zoom:1;
	}

#right_contents:after { 
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
	} 


#right_contents .estimate_01 {
	position:relative;
	width:310px;
	height:305px;
	background: url("../img/estimate_01.jpg") 0% 0% no-repeat;
	}

#right_contents .estimate_01 a {
	display:block;
	position:absolute;
	top:169px;
	left:70px;
	width:205px;
	height:20px;
	}

/*right_contents_2*/
#right_contents_2 {
	padding:10px;
	}

#right_contents_2 .dia_banner {
	margin:5px 0px 15px 5px;
	}

#right_contents_2 .dia_banner a {
	display:block;
	width:280px;
	height:60px;
	}

/*right_contents_3*/
#right_contents_3 {
	padding:10px;
	text-align:center;
}


/*right_contents_2内の非鉄金属リサイクルコンテンツ*/
#recycle {
	position:relative;
	border-top:dotted 1px #E5E5E5;
	padding-top:15px;
	margin-right:5px;
	zoom:1;
	}

#recycle:after {   
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;   
} 

#recycle h3 {
	width:201px;
	height:27px;
	margin-bottom:15px;
	background: url("../img/title_recycle.jpg") 0% 0% no-repeat;
	}

#recycle .recycle_logo {
	float:left;
	width:81px;
	}

#recycle .recycle_text {
	float:left;
	width:181px;
	padding-left:10px;
	padding-bottom:15px;
	zoom:1;
	}

#recycle .recycle_text:after {   
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
	} 

.floatclear {
	clear: both;
	}

/*footer*/
#footer {
	position:absolute;
	bottom:0;
	/*clear:both;*/
	width:950px;
	height:71px;
	overflow:hidden;
	background-color:#FF0000;
	background: url("../img/footer_bg.jpg") 0% 0% repeat-x;
	text-align:center;
	}

#footer p.footer_text {
	font-size:0.9em;
	line-height:1.8em;
	text-align:center;
	color:#FFFFFF;
	padding-top:12px;
	}

#footer p.footer_text a {
	color:#fff;
	}
	
	#footer p.footer_text a:hover {
	color:#FFFF00;
	}