はじめまして、これはソースの問題なのかもしれませんが現在、
下記のソースで一行に5つづつオススメ商品が並ぶように設定しております。
一行、2行ときた際に2行目と3行目にへんな余白ができます。
これをのけて1行目、2行目、3行目とも行下のスペースは統一したいのですがご教授ください。

<div id="main">
<!--{if count($arrBestProducts) > 0}-->
<div><img src="<!--{$TPL_URLPATH}-->img/h2_index01.gif" width="165" height="11" alt="RECOMMENDED ITEMS" /></div>
<ul class="product_list">
<!--{foreach from=$arrBestProducts item=arrProduct name="recommend_products"}-->
<!--{if $smarty.foreach.recommend_products.iteration % 5 === 1}-->
</ul>
<ul class="product_list">
<!--{/if}-->
<li>
<p><a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrProduct.product_id|u}-->"><img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_image|h}-->" width="184" height="184" alt="写真" class="opacity" /></a></p>
<p class="product_txt"><a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrProduct.product_id|u}-->"><!--{$arrProduct.name|h}--></a></p>
<p class="product_price"><!--{$arrProduct.price02_min|sfCalcIncTax:$arrInfo.tax:$arrInfo.tax_rule|number_format}--> 円</p>
</li>
<!--{/foreach}-->
</ul>
<!--{/if}-->
<!--{if count($arrNewProducts) > 0}-->
<ul class="product_list">
<!--{foreach from=$arrNewProducts item=arrProduct name="new_products"}-->
<!--{if $smarty.foreach.new_products.iteration % 5 === 1}-->
</ul>
<ul class="product_list">
<!--{/if}-->
<li>
<p><a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrProduct.product_id|u}-->"><img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_image|h}-->" width="184" height="184" alt="写真" class="opacity" /></a></p>
<p class="product_txt"><a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrProduct.product_id|u}-->"><!--{$arrProduct.name|h}--></a></p>
<p class="product_price"><!--{$arrProduct.price02_min|sfCalcIncTax:$arrInfo.tax:$arrInfo.tax_rule|number_format}--> 円</p>
</li>
<!--{/foreach}-->
</ul>
<!--{/if}-->