いつもお世話になっております。

テーブルで組んだ以下のコードなのですが、うまく並びません。写真と写真の間は15PXに指定しているはずですが広がってしまいます。また写真上の商品名もcenterにしているはずが右に寄ってしまいます。
どこを直せばよいでしょうか。宜しくお願い致します。

ページ箇所はこちらのトップページ下部になります。
http://www.morinoen.com/


<table width="730px" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:25px;">
<tr><td colspan="7"><img src="https://web.archive.org/web/20170707200817im_/https://gigaplus.makeshop.jp/morinoen/image/toppage/kisetugentei.jpg" width="730px"></td></tr>
<tr><td colspan="7" height="15px"></td></tr>
<tr>
<td width="171px" valign="top" ><p class="item_name">桜のほうじ茶<br><br></p><a href="http://www.morinoen.com/shopbrand/ct283"><img class="rollover" src="https://gigaplus.makeshop.jp/morinoen/image/toppage/sakura2018.jpg" width="171px" alt="桜ほうじ茶"></a><br>
年に1度の味わい。 <br>
</td>
<td width="15px"></td>
<td width="171px" valign="top" ><p class="item_name">春のほうじ茶<br><br></p><a href="http://www.morinoen.com/shopbrand/ct284"><img class="rollover" src="https://gigaplus.makeshop.jp/morinoen/image/toppage/haru2018.jpg" width="171px" alt="春ほうじ茶"></a><br>
縁起の良し香りよし。 <br>
</td>
<td width="15px"></td>
<td width="171px" valign="top"><p class="item_name">とうもろこしほうじ茶<br><br></p><a href="http://www.morinoen.com/shopbrand/ct272"><img class="rollover" src="https://gigaplus.makeshop.jp/morinoen/image/toppage/corntop.jpg" width="171px" alt="とうもろこしほうじ茶"></a><br>
コーンの香ばしさと甘み<br>
</td>
<td width="15px"></td>
<td width="171px" valign="top"><p class="item_name"></p> <br></td>
</tr>
</table>