CSS3を使えば画像を使わずにドロップシャドウを表現する事が出来ます。 今更ですが、情報を集めたので記事にします。 ドロップシャドウを表現する 今まで画像でドロップシャドウを表現していた部分を box-shadow を使用する事で簡単にドロップシャドウを表現出来てしまうプロパティです。 CSS3 はまだ仕様が確定しているわけではないので、最近のモダンブラウザは独自実装という形で実装しています。そのため、Firefox なら -moz- の、Safari や Google Chrome なら -webkit- のプレフィクスを用いて指定します。 <div class="demo"> ドロップシャドウを表現する </div> .demo{ -moz-box-shadow: 5px 5px 10px #aaaaaa; /* firefox */ -webkit-box-shadow: 5px 5