#menu {
	height: 40px;
	width: 900px;
}

#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 2px;
} 
#menu ul li {
float: left;
width: 128px;
height: 40px;
}

#menu ul li a {
display: block;
width: 128px;
height: 40px;
}

/*ロールオーバーエフェクト*/
#menu ul li a:hover
{
opacity:0.3;
filter: alpha(opacity=30);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}

#menu ul li.menu1 a {
background: url("commonimg/menu01.jpg") left top no-repeat;
text-indent: -9999px;
} 
#menu ul li.menu2 a {
background: url("commonimg/menu02.jpg") left top no-repeat;
text-indent: -9999px;
}
#menu ul li.menu3 a {
background: url("commonimg/menu03.jpg") left top no-repeat;
text-indent: -9999px;
}
#menu ul li.menu4 a {
background: url("commonimg/menu04.jpg") left top no-repeat;
text-indent: -9999px;
}
#menu ul li.menu5 a {
background: url("commonimg/menu05.jpg") left top no-repeat;
text-indent: -9999px;
}
#menu ul li.menu6 a {
background: url("commonimg/menu06.jpg") left top no-repeat;
text-indent: -9999px;
}
#menu ul li.menu7 a {
background: url("commonimg/menu07.jpg") left top no-repeat;
text-indent: -9999px;
}