@charset "utf-8";
/* CSS Document */

/*-----------------------------------------
  初期化
 ------------------------------------------*/

body,p,h1,h2,h3,h4,h5,h6,a,ul,li,table,tr,td,img,form{
	margin:0;
	padding:0;
}
img{
	border:none;
	display:block;
}
body{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	color: #000000;
	line-height:18px;
}
li{
	list-style:none outside none;
}


/*-----------------------------------------
  clearfix
 ------------------------------------------*/

.clearfix:after{
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
.clearfix{
	min-height: 1px;
}
* html .clearfix{
	height:1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/*-----------------------------------------
  共通
 ------------------------------------------*/

/* リンク色 */
a:link{
	color:#555555;
}
a:visited{
	color:#555555;
}
a:hover{
	color:#555555;
	text-decoration:none;
}
a:active{
	color:#555555;
}

/* floatのみ用 */
.left{
	float:left;
}
.right{
	float:right;
}

/* バック */
div.BACK{
	margin:0 auto;
	width:800px;
}

/* ヘッダー */
div.HEADER{
	background:url("../img/common/h_back.gif") repeat-x scroll left bottom transparent;
	margin:0 0 10px;
}
div.HEADER div.right img{
	display:block;
}
div.HEADER div.right a{
	background:url("../img/common/home_sitemap.gif") repeat scroll 0 0 transparent;
	display:block;
	float:right;
	height:15px;
	text-indent:-10000px;
	overflow:hidden;
}
div.HEADER div.right a.home{
	width:70px;
}
div.HEADER div.right a.sitemap{
	background-position:-70px 0;width:110px;
}


/* メイン */
div.MAIN{
	margin:0 0 40px;
}

/* メニュー */
div.MENU{
	padding:15px 0 0;
	width:160px;
	margin:0 20px 0 0;
}
div.MENU a{
	background:url("../img/common/menu.gif") repeat scroll 0 0 transparent;
	display:block;
	height:60px;
	text-indent:-10000px;
	overflow:hidden;
}
div.MENU a:hover.news{
	background-position:-160px 0;
}
div.MENU a.ecology{
	background-position:0 -60px;
}
div.MENU a:hover.ecology{
	background-position:-160px -60px;
}
div.MENU a.echigo{
	background-position:0 -120px;
}
div.MENU a:hover.echigo{
	background-position:-160px -120px;
}
div.MENU a.products{
	background-position:0 -180px;
}
div.MENU a:hover.products{
	background-position:-160px -180px;
}
div.MENU a.equipment{
	background-position:0 -240px;
}
div.MENU a:hover.equipment{
	background-position:-160px -240px;
}
div.MENU a.contribution{
	background-position:0 -300px;
}
div.MENU a:hover.contribution{
	background-position:-160px -300px;
}
div.MENU a.company{
	background-position:0 -360px;
}
div.MENU a:hover.company{
	background-position:-160px -360px;
}
div.MENU div.BANNER{
	padding:30px 0 0;
}
div.MENU div.BANNER a{
	height:80px;
}
div.MENU div.BANNER a.omo{
	background:url("../img/common/b_omo.gif") repeat scroll 0 0 transparent;
}
div.MENU div.BANNER a:hover.omo{
	background-position:0 -80px;
}

/* コンテント */
div.CONTENT{
	width:620px;
}

/* ページの先頭へ */
div.MAIN p.TOTOP{
	text-align:right;
	padding:0;
}

/* フッター */
div.FOOTER{
	background:url("../img/common/f_back.gif") no-repeat scroll 0 0 transparent;
	padding:35px 0 0;
	text-align:center;
}
div.FOOTER ul{
	display:inline;
}
div.FOOTER ul li{
	display:inline;
	padding:0 30px 0 0;
}
div.FOOTER ul li.end{
	padding:0;
}
div.FOOTER p{
	color:#555555;
	padding:20px 0;
}

