マウスオーバーは画像２枚作ってましたー。が、このやりかただと１枚でよさそう。
スタイルシートに
a:hover img.hoverimg{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
を設定して（数値は調整）
マウスオーバーのイメージに
class="hoverimg"
をいれるだけ。
<p class="arc_mid"><img src="images/photo02.jpg" class="hoverimg" /></p>
