/* 透過効果でロールオーバー的な効果 */

sampleImg.a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.sample a:hover img{
 filter: alpha(opacity=70);
 -moz-opacity:0.7;
 opacity:0.7;
 }

/*　Ｈ１ */

H1 {
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	color: #666666;

margin-top:1px;
margin-bottom:1px;
margin-left:1px;
margin-right:1px;

}

/* メインメニュー */

#menu{
  margin: 0;
  padding: 0;
  width: ***;
  height: 80px;
}

#menu ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#menu li{
  text-indent: -9999px;
  float:left;
  width: 100px;
  margin: 0;
  padding: 0;
}

#menu a{
  display: block;
  width: 100%;
  height: 80px;
  background-image : url(../menu/menu1.gif);
  background-repeat: no-repeat;
}

#menu1 a{background-position: 0 0;}
#menu2 a{background-position: -100px 0;}
#menu3 a{background-position: -200px 0;}


#menu a:hover{
  background-image : url(../menu/menu1.gif);
  background-repeat: no-repeat;
}

#menu1 a:hover{background-position: 0 -80px;}
#menu2 a:hover{background-position: -100px -80px;}
#menu3 a:hover{background-position: -200px -80px;}