@charset "utf-8";

/****************************************************************************
ラップ
****************************************************************************/

#wrap{
width:980px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -17.08em auto;
}

/****************************************************************************
ヘッダ
****************************************************************************/

div#header{
width:960px;
height:120px;
margin:0 auto;
}

	#header h1{
	float:left;
	width:160px;
	height:100px;
	margin:10px 0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(img/h1.gif) no-repeat left top;
	}

		#header h1 a{
		display:block;
		height:100px;
		}
	
	#header p{
	float:left;
	width:330px;
	height:40px;
	margin-top:70px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(img/header_p.gif) no-repeat left top;
	}
	
	#header p#gep{
	width:140px;
	height:81px;
	margin-top:30px;
	margin-left:82px;
	background-image:url(img/head_gep.gif);
	}
	
	#header p#gep a{
	display:block;
	width:67px;
	height:67px;
	margin:0 auto;
	overflow:hidden;
	}
	
	#header dl{
	float:right;
	width:232px;
	height:80px;
	margin-top:30px;
	}
	
		#header dl dt{
		width:232px;
		height:20px;
		margin-bottom:10px;
		text-indent:-9999px;
		overflow:hidden;
		background:url(img/header_dt.gif) no-repeat left top;
		}

		#header dl dd{
		width:232px;
		height:24px;
		text-indent:-9999px;
		overflow:hidden;
		background:no-repeat right top;
		}
		
			#header dl dd#freedial{
			margin-bottom:3px;
			background-image:url(img/header_freedial.gif);
			}
	
			#header dl dd#mailadd{
			background-image:url(img/header_mailadd.gif);
			}

				#header dl dd#mailadd a{
				display:block;
				width:167px;
				height:24px;
				margin-left:65px;
				}
				
/****************************************************************************
ヘッドメニュー
****************************************************************************/

ul#headmenu{
width:960px;
height:60px;
margin:0 auto;
padding:3px 0 10px 0;
}

	#headmenu li{
	float:left;
	width:120px;
	height:60px;
	background:no-repeat left bottom;
	}

	#headmenu li:hover{
	background-position:left top;
	}
	
	#headmenu li a{
	display:block;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
	}
	
		#headmenu li#hm01{background-image:url(img/hm01.gif);}
		#headmenu li#hm02{background-image:url(img/hm02.gif);}
		#headmenu li#hm03{background-image:url(img/hm03.gif);}
		#headmenu li#hm04{background-image:url(img/hm04.gif);}
		#headmenu li#hm05{background-image:url(img/hm05.gif);}
		#headmenu li#hm06{background-image:url(img/hm06.gif);}
		#headmenu li#hm07{background-image:url(img/hm07.gif);}
		#headmenu li#hm08{background-image:url(img/hm08.gif);}
		
		
/****************************************************************************
コンテナ
****************************************************************************/

#container{
width:980px;
margin:0 auto;
padding-bottom:35px;
}

#container:after{
content:"";
display:block;
clear:both;
}

/*パスリスト*/
#container ul#pathlist{
width:960px;
height:30px;
padding:0 10px;
}

	#pathlist li{
	float:left;
	line-height:30px;
	}

/*メインコンテンツ*/
#container div#main{
float:left;
width:680px;
padding:10px 0 0 10px;
min-height:700px;
_height:700px;
}
	
/*サイド*/
#container div#side{
float:right;
width:240px;
padding:10px 10px 35px 0;
}

#container div#side:after{
content:"";
display:block;
clear:both;
}
	#side div#switch{
	width:238px;
	border:1px solid #d2d2d2;
	}

	#switch ul{
	width:220px;
	padding:0 9px 10px 9px;
	}
	
		#switch ul li{
		width:220px;
		height:40px;
		margin-top:10px;
		background:no-repeat left bottom;
		}
		
		#switch ul li:hover{
		background-position:left top;
		}
		
			#switch ul li a{
			display:block;
			height:40px;
			text-indent:-9999px;
			overflow:hidden;
			}

	#side p#disposalbtn{
	width:240px;
	height:82px;
	margin-top:20px;
	background:url(img/side_disposal.gif) no-repeat left bottom;
	}

	#side p#greenbtn{
	width:240px;
	height:233px;
	margin-top:20px;
	background:url(img/side_green.gif) no-repeat left bottom;
	}

	#side p#sidecopy{
	width:240px;
	height:40px;
	margin-top:20px;
	background:url(img/side_sidecopy.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
	}
	
	#side p#contactbtn{
	width:240px;
	height:70px;
	margin-top:8px;
	background:url(img/side_contact.gif) no-repeat left bottom;
	}

	#side p#sidesk{
	padding:20px 0 10px 0;
	}

	#side p#sided10{
	}

		#side p#sidesk:hover,
		#side p#sided10:hover{
		filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
		}	

		#side p#disposalbtn:hover,
		#side p#greenbtn:hover,
		#side p#contactbtn:hover{
		background-position:left top;
		}
		
		#disposalbtn a,
		#greenbtn a,
		#contactbtn a{
		display:block;
		height:82px;
		text-indent:-9999px;
		overflow:hidden;
		}
		
		#contactbtn a{height:70px;}
		#greenbtn a{height:233px;}

/*倒産品　バナー*/
#banner_c{
clear:both;
width:680px;
height:70px;
padding-top:30px;
}

#banner_c a{
display:block;
height:70px;
text-indent:-9999px;
overflow:hidden;
background:url(img/banner_clear.gif) no-repeat;
}

#banner_c a:hover{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

/*製品等の説明*/
#main div.exp{
width:680px;
padding-top:20px;
}

	#main div.exp img{
	float:left;
	}
	
	#main div.exp p{
	width:410px;
	float:left;
	}
	
/*キャンペーン*/
div#campaign{
clear:both;
width:460px;
padding-left:220px;
background:no-repeat left top;
}

div#campaign p strong{
font-weight:normal;
color:#ff0000;
}

	#campaign p.note,
	#campaign p.note2,
	#campaign p.note3{
	text-indent:-9999px;
	overflow:hidden;
	}
	
	#campaign p#goform{
	width:420px;
	height:40px;
	margin-top:15px;
	background:url(img/campaign_btn.gif) no-repeat left bottom;
	}
	
		#campaign p#goform:hover{
		background-position:left top;
		}
		
		#campaign p#goform a{
		display:block;
		height:40px;
		text-indent:-9999px;
		overflow:hidden;
		}


/****************************************************************************
フッタ
****************************************************************************/

#footer{
clear:both;
width:100%;
height:21em;
background:#e6e6e6;
border-top:0.08em solid #e6e6e6;
}
.push{height:20em;}


#footer ul{
height:1em;
padding:1.5em 0;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
background:url(img/footer_ul.gif) repeat-x left bottom #f0f0f0;
text-align:center;
}

#footer li{
display:inline;
text-align:center;
line-height:1em;
padding:0 1em;
border-right:1px solid #4d4d4d;
}

#footer li.last{
border:none;
}

#footer .inner{
width:960px;
padding-top:1em;
margin:0 auto;
background:#e6e6e6;
}

#footer #left{
  float:left;
  width:620px;
  padding-bottom:30px;
}

#footer #group{
  height:70px;
  padding-left:135px;
  padding-bottom:20px;
	background:url(img/footer_dl.gif) no-repeat left top;
  font-size:11px;
}

#footer dt{
  font-weight:bold;
  padding-bottom:0.25em;
}

#add{
  width:660px;
}

#add dl{
  float:left;
  padding-right:20px;
}


#footer #copyright{
  float:right;
}

/****************************************************************************
共通クラス
****************************************************************************/

p.gotop{
width:970px;
}
	
	.gotop a{
	float:right;
	display:block;
	width:140px;
	height:25px;
  margin-top:-60px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(img/gotop.gif) no-repeat left bottom;
	}

	.gotop a:hover{
	background-position:left top;
	}

div.blue_line{
padding:0 24px 25px 24px;
background:url(img/line_blue.gif) no-repeat left bottom;
}

.sage{
margin-top:1em;
}

.kome{
text-indent:-1em;
margin-left:1em;
}

.clear:after{
content:"";
display:block;
clear:both;
}