.works a.menu {
  display: block;
  text-align: left;
  padding:0;
  margin:0;
/*padding: 4px 10px;*/
/*margin: 0 1px 0 0;*/
  text-decoration: none;
}

.submenu {
	/*background: #EAEBD8;*/
/*border: 1px solid #5970B2;*/
  visibility: hidden;
	position: absolute;
	left: 311px;
	width: 138px;
	z-index: 10;
}

.works a.menuweb {
	background-image: url(../img/main/web1.gif);
	background-repeat: no-repeat;
}
.works a:hover.menuweb {
	background-image: url(../img/main/web2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.works a.menuillust {
	background-image: url(../img/main/illustration1.gif);
	background-repeat: no-repeat;
}
.works a:hover.menuillust {
	background-image: url(../img/main/illustration2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.works a.menugraphic {
	background-image: url(../img/main/graphic1.gif);
	background-repeat: no-repeat;
}
.works a:hover.menugraphic {
	background-image: url(../img/main/graphic2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.works a.menusign {
	background-image: url(../img/main/sign1.gif);
	background-repeat: no-repeat;
}
.works a:hover.menusign {
	background-image: url(../img/main/sign2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.submenu a {
  display: block;
/*font: 11px arial;*/
  text-align: left;
/*text-decoration: none;
  padding: 5px;
  color: #2875DE;*/
}
.submenu a:hover {
/*background: #49A3FF;
  color: #FFF;*/
}

/* サブメニューの半透明処理
--------------------*/
.submenu {
 filter: alpha(Opacity=90);
	opacity: 0.9;
}