あと●円で送料無料

PCショップ あと●円で送料無料
2011年9月16日より、「配送方法設定」の送料請求にて送料が無料となる上限金額を設定している場合に、ショップ内で「あと●円で送料無料」と表示できるようになりました。このページでは、PCショップのテンプレートのアップデート方法を記載しています。

機能追加概要

この機能は、「配送設定」の送料請求の設定内容のうち、以下の画像に示す部分の設定が反映される仕様です。



ショップ内で表示される箇所は2箇所あります。

1箇所目:カート内に商品が入っている際に、ショップのサイドメニュー等に表示される『カートの中身』を示すエリア

2箇所目:商品をカートに追加した際に表示されるカート画面

PCショップに、「あと●円で送料無料」と表示するには

対応方法は以下の二通りございます。どちらかの対応をお願いします。

1.再度テンプレートを追加する 【※推奨】

「あと●円で送料無料」の表示に対応したテンプレートをダウンロードできます。以下のマニュアルをご参照のうえ、最新のテンプレートをダウンロードし、ご利用ください。 無料テンプレートの追加方法はこちら

※有料テンプレートを再度追加する場合は、「デザイン設定」画面の最下部にある【購入済みテンプレートの再追加】のリンクより、再ダウンロードを行ってください。

2.テンプレートの該当箇所に追加する

テンプレートの編集を行う場合は、【共通】HTML及びCSS に記述されている「カートの中身」を表示している部分のHTMLソースへの追記と、【決済】CSSへの追記が必要です。
使用するテンプレートを確認し、以下の指定箇所の編集を行ってください。 各ソースの編集内容はこちら

※上記タグを変更する位置が分からない場合は、再度ご利用のテンプレートをを追加していただき、上記変更後のタグが記述されている位置をご確認ください。

【共通】HTML 編集内容

1.使用しているテンプレートを確認

【共通】HTML に追加するタグは各テンプレート毎に異なります。

2.タグの挿入箇所を確認

【テンプレート別挿入タグ一覧表 】の「変更前」「変更後」「追加」の内容に沿って、各テンプレートを編集してください。
■テンプレート別挿入タグ一覧表 【共通】HTML
メモリー
▼【共通html】変更前
 <!-- カートの中身 -->
<div id="cart_list">
 <dl>
 <dt>Cart</dt>
 <dd>
  <ul>
  
  
  <{if $incart != ""}>
   <{section name=num loop=$incart}>
   <li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></li>
   <{/section}>
  <{/if}>
  
   <li><a href="<{$view_cart_url}>">&raquo;&nbsp;カートの中身を見る</a></li>
  </ul>
 </dd>
 </dl>
</div>
<!--// カートの中身 -->

▼【共通html】変更後

   <!-- カートの中身 -->
   <div id="cart_list">
    <dl>
    <dt>Cart</dt>
    <dd>
      <{if $incart != ""}>
       <div class="subtotal">
        <{section name=num loop=$incart}>
         <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
         <p class="stotal"><{$incart[num].price}>円</p>
        <{/section}>
       </div>
     <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
     <{if $incart_delivery}>
     <ul class="postage">
      <{section name=num loop=$incart_delivery}>
      <li><span><{$incart_delivery[num].delivery_name}></span><br />
      <{if $incart_delivery[num].balance > 0}>
      あと<b><{$incart_delivery[num].balance}>円</b>で<br /><b>送料無料!</b></li>
      <{else}>
      送料無料です!
      <{/if}>
      <{/section}>
     </ul>
     <{/if}>
      <{/if}>
     <p class="viewcart"><a href="<{$view_cart_url}>">&raquo;&nbsp;カートの中身を見る</a></p>
    </dd>
    </dl>
   </div>
   <!--// カートの中身 -->

▼【共通css】変更前
#cart_list dd {
	background:transparent url(http://img.shop-pro.jp/tmpl_img/20/r_cart_bg.gif) repeat-y;
	padding:5px;
	text-align:center;
}

#cart_list li {
	margin-top:5px;
}
▼【共通css】変更後
#cart_list dd {
	background:transparent url(http://img.shop-pro.jp/tmpl_img/20/r_cart_bg.gif) repeat-y;
	padding:5px;
	text-align:left;
}

#cart_list li {
	margin-top:5px;
}

.subtotal{
	padding:5px 0;
}
#cart_list dd .stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
}

.postage li{
	margin:5px;
	color:red;
	text-align:left;
}
.postage li span{
	color:#333;
}
.viewcart {
	padding:5px 0;
	text-align:center;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
オレンジノート
▼【共通html】変更前
    <!-- カートの中身を見る -->
   <dl id="cart">
   
   <dt><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/17/cart_button.gif" alt="カートの中身を見る" /></a></dt>
   
   <{if $incart != ""}><{section name=num loop=$incart}><dd><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></dd>
   <{/section}>
   <{else}><dd>カートの中に商品はありません</dd>
   <{/if}>
   
   </dl>
   <!--// カートの中身を見る -->

▼【共通html】変更後

   <!-- カートの中身を見る -->
   <dl id="cart">
   
   <dt><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/17/cart_button.gif" alt="カートの中身を見る" /></a></dt>
   
   <dd>
     <{if $incart != ""}>
      <div class="subtotal">
       <{section name=num loop=$incart}>
        <p><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
        <p align="right"><{$incart[num].price}>円</p>
       <{/section}>
      </div>
    <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
    <{if $incart_delivery}>
    <ul class="postage">
     <{section name=num loop=$incart_delivery}>
     <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
     <{if $incart_delivery[num].balance > 0}>
     あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
     <{else}>
     送料無料です!
     <{/if}>
     <{/section}>
    </ul>
    <{/if}>
     <{/if}>
    <p class="viewcart"><a href="<{$view_cart_url}>">&raquo;&nbsp;カートの中身を見る</a></p>
   </dd>
   
   </dl>
   <!--// カートの中身を見る -->

▼【共通css】変更前
dl#cart dd {
	border-left:2px #CC3300 solid;
	border-right:2px #CC3300 solid;
	padding:2px 3px 2px 7px;
}
▼【共通css】変更後
dl#cart dd {
	border-left:2px #CC3300 solid;
	border-right:2px #CC3300 solid;
	padding:2px 7px 2px 7px;
}

.subtotal {
	padding:5px 0;
}

.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	list-style-type:none;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
スカイノート
▼【共通html】変更前

   <!-- カートの中身を見る -->
   <dl id="cart">
   
   <dt><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/24/cart_button.gif" alt="カートの中身を見る" /></a></dt>
   
   <{if $incart != ""}><{section name=num loop=$incart}><dd><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></dd>
   <{/section}>
   <{else}><dd>カートの中に商品はありません</dd>
   <{/if}>
   
   </dl>
   <!--// カートの中身を見る -->



▼【共通html】変更後

   <!-- カートの中身を見る -->
   <dl id="cart">
   
   <dt><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/24/cart_button.gif" alt="カートの中身を見る" /></a></dt>
   
   <dd>
     <{if $incart != ""}>
      <div class="subtotal">
       <{section name=num loop=$incart}>
        <p><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
        <p align="right"><{$incart[num].price}>円</p>
       <{/section}>
      </div>
    <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
    <{if $incart_delivery}>
    <ul class="postage">
     <{section name=num loop=$incart_delivery}>
     <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
     <{if $incart_delivery[num].balance > 0}>
     あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
     <{else}>
     送料無料です!
     <{/if}>
     <{/section}>
    </ul>
    <{/if}>
     <{/if}>
    <p class="viewcart"><a href="<{$view_cart_url}>">&raquo;&nbsp;カートの中身を見る</a></p>
   </dd>
   
   </dl>
   <!--// カートの中身を見る -->



▼【共通css】変更前
dl#cart dd {
	border-left:2px #0098CC solid;
	border-right:2px #0098CC solid;
	padding:2px 3px 2px 7px;
}

▼【共通css】変更後
dl#cart dd {
	border-left:2px #0098CC solid;
	border-right:2px #0098CC solid;
	padding:2px 7px 2px 7px;
}

.subtotal {
	padding:5px 0;
}

.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	list-style-type:none;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
レタスノート
▼【共通html】変更前

   <!-- カートの中身を見る -->
   <dl id="cart">
   
   <dt><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/25/cart_button.gif" alt="カートの中身を見る" /></a></dt>
   
   <{if $incart != ""}><{section name=num loop=$incart}><dd><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></dd>
   <{/section}>
   <{else}><dd>カートの中に商品はありません</dd>
   <{/if}>
   
   </dl>
   <!--// カートの中身を見る -->



▼【共通html】変更後

   <!-- カートの中身を見る -->
   <dl id="cart">
   
   <dt><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/25/cart_button.gif" alt="カートの中身を見る" /></a></dt>
   
   <dd>
     <{if $incart != ""}>
      <div class="subtotal">
       <{section name=num loop=$incart}>
        <p><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
        <p align="right"><{$incart[num].price}>円</p>
       <{/section}>
      </div>
    <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
    <{if $incart_delivery}>
    <ul class="postage">
     <{section name=num loop=$incart_delivery}>
     <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
     <{if $incart_delivery[num].balance > 0}>
     あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
     <{else}>
     送料無料です!
     <{/if}>
     <{/section}>
    </ul>
    <{/if}>
     <{/if}>
    <p class="viewcart"><a href="<{$view_cart_url}>">&raquo;&nbsp;カートの中身を見る</a></p>
   </dd>
   
   </dl>
   <!--// カートの中身を見る -->



▼【共通css】変更前
dl#cart dd {
	border-left:2px #91A823 solid;
	border-right:2px #91A823 solid;
	padding:2px 3px 2px 7px;
}
▼【共通css】変更後
dl#cart dd {
	border-left:2px #91A823 solid;
	border-right:2px #91A823 solid;
	padding:2px 7px 2px 7px;
}

.subtotal {
	padding:5px 0;
}

.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	list-style-type:none;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
プレーン
▼【共通html】変更前

 <!-- カートを見る-->
 <h2>Cart</h2>
 <ul>
  <{section name=num loop=$incart}>
  <li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></li>
  <{/section}>
 </ul>
 <a href="<{$view_cart_url}>">View Cart</a>
 <!--// カートを見る-->

▼【共通html】変更後

 <!-- カートを見る-->
 <h2>Cart</h2>
   <{if $incart != ""}>
    <div class="subtotal">
     <{section name=num loop=$incart}>
      <p><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
      <p align="right"><{$incart[num].price}>円</p>
     <{/section}>
    </div>
  <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
  <{if $incart_delivery}>
  <ul class="postage">
   <{section name=num loop=$incart_delivery}>
   <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
   <{if $incart_delivery[num].balance > 0}>
   あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
   <{else}>
   送料無料です!
   <{/if}>
   <{/section}>
  </ul>
  <{/if}>
   <{/if}>
  <p class="viewcart"><a href="<{$view_cart_url}>">&raquo;&nbsp;カートの中身を見る</a></p>

 <!--// カートを見る-->



▼【共通css】変更前
/* フッター */
#footer {
	clear: both;
	margin: 50px 0px;
}
▼【共通css】変更後
/* フッター */
#footer {
	clear: both;
	margin: 50px 0px;
}

/*送料無料*/
.subtotal {
	padding:5px 0;
}

.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	list-style-type:none;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:left;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}

シンプル(レッド)
▼【共通html】変更前
<!-- カートの中身エリア -->
<div><img src="http://img.shop-pro.jp/tmpl_img/4/title_cart.gif" width="150" height="35" /></div>
<div class="cart">
<ul>
<{section name=num loop=$incart}>
<li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></li>
<{/section}>
</ul>
<p><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/4/button_viewcart.gif" width="97" height="25" border="0" alt="カートを見る" /></a></p>
</div>

▼【共通html】変更後

<!-- カートの中身エリア -->
<div><img src="http://img.shop-pro.jp/tmpl_img/4/title_cart.gif" width="150" height="35" /></div>
<div class="cart">
  <{if $incart != ""}>
   <div class="subtotal">
    <{section name=num loop=$incart}>
     <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
     <p class="stotal"><{$incart[num].price}>円</p>
    <{/section}>
   </div>
 <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
 <{if $incart_delivery}>
 <ul class="postage">
  <{section name=num loop=$incart_delivery}>
  <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
  <{if $incart_delivery[num].balance > 0}>
  あと<b><{$incart_delivery[num].balance}>円</b>で<br /><b>送料無料!</b></li>
  <{else}>
  送料無料です!
  <{/if}>
  <{/section}>
 </ul>
 <{/if}>
  <{/if}>
 <p class="viewcart"><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/9/button_viewcart.gif" width="97" height="25" border="0" alt="カートを見る" /></a></p>
</div>

▼【共通css】変更前
.cart p {
	border-top: 1px dotted #333;
	margin: 3px;
	padding: 5px;
	text-align: right;
	font-weight: bolder;
	}
.cart input {
	margin: 5px;
	}



▼【共通css】変更後
.cart p {
	margin: 3px;
	padding: 5px;
	font-weight: bolder;
	}
.cart input {
	margin: 5px;
	}

.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	list-style-type:none;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.cart p.viewcart {
	padding:5px 0;
	text-align:center;
}

▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
シンプル(ブルー)
▼【共通html】変更前
<div class="cart">
<ul>
<{section name=num loop=$incart}>
<li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></li>
<{/section}>
</ul>
<p><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/7/button_viewcart.gif" width="97" height="25" border="0" alt="カートを見る" /></a></p>
</div>

▼【共通html】変更後

<!-- カートの中身エリア -->
<div><img src="http://img.shop-pro.jp/tmpl_img/7/title_cart.gif" width="150" height="35" /></div>
<div class="cart">
  <{if $incart != ""}>
   <div class="subtotal">
    <{section name=num loop=$incart}>
     <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
     <p class="stotal"><{$incart[num].price}>円</p>
    <{/section}>
   </div>
 <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
 <{if $incart_delivery}>
 <ul class="postage">
  <{section name=num loop=$incart_delivery}>
  <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
  <{if $incart_delivery[num].balance > 0}>
  あと<b><{$incart_delivery[num].balance}>円</b>で<br /><b>送料無料!</b></li>
  <{else}>
  送料無料です!
  <{/if}>
  <{/section}>
 </ul>
 <{/if}>
  <{/if}>
 <p class="viewcart"><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/9/button_viewcart.gif" width="97" height="25" border="0" alt="カートを見る" /></a></p>
</div>



▼【共通css】変更前
.cart p {
	border-top: 1px dotted #333;
	margin: 3px;
	padding: 5px;
	text-align: right;
	font-weight: bolder;
	}
.cart input {
	margin: 5px;
	}
▼【共通css】変更後
.cart p {
	margin: 3px;
	padding: 5px;
	font-weight: bolder;
	}
.cart input {
	margin: 5px;
	}

.subtotal {
	padding:5px 0;
}

.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	list-style-type:none;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.cart p.viewcart {
	padding:5px 0;
	text-align:center;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
シンプル(グレー)
▼【共通html】変更前
<!-- カートの中身エリア -->
<div><img src="http://img.shop-pro.jp/tmpl_img/8/title_cart.gif" width="150" height="35" /></div>
<div class="cart">
<ul>
<{section name=num loop=$incart}>
<li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></li>
<{/section}>
</ul>
<p><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/8/button_viewcart.gif" width="97" height="25" border="0" alt="カートを見る" /></a></p>
</div>

▼【共通html】変更後

<!-- カートの中身エリア -->
<div><img src="http://img.shop-pro.jp/tmpl_img/8/title_cart.gif" width="150" height="35" /></div>
<div class="cart">
  <{if $incart != ""}>
   <div class="subtotal">
    <{section name=num loop=$incart}>
     <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
     <p class="stotal"><{$incart[num].price}>円</p>
    <{/section}>
   </div>
 <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
 <{if $incart_delivery}>
 <ul class="postage">
  <{section name=num loop=$incart_delivery}>
  <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
  <{if $incart_delivery[num].balance > 0}>
  あと<b><{$incart_delivery[num].balance}>円</b>で<br /><b>送料無料!</b></li>
  <{else}>
  送料無料です!
  <{/if}>
  <{/section}>
 </ul>
 <{/if}>
  <{/if}>
 <p class="viewcart"><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/9/button_viewcart.gif" width="97" height="25" border="0" alt="カートを見る" /></a></p>
</div>

▼【共通css】変更前
.cart p {
	border-top: 1px dotted #333;
	margin: 3px;
	padding: 5px;
	text-align: right;
	font-weight: bolder;
	}
.cart input {
	margin: 5px;
	}
▼【共通css】変更後
.cart p {
	margin: 3px;
	padding: 5px;
	font-weight: bolder;
	}
.cart input {
	margin: 5px;
	}

.subtotal {
	padding:5px 0;
}

.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	list-style-type:none;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.cart p.viewcart {
	padding:5px 0;
	text-align:center;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
シンプル(ラベンダー)
▼【共通html】変更前
<!-- カートの中身エリア -->
<div><img src="http://img.shop-pro.jp/tmpl_img/9/title_cart.gif" width="150" height="35" /></div>
<div class="cart">
<ul>
<{section name=num loop=$incart}>
<li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></li>
<{/section}>
</ul>
<p><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/9/button_viewcart.gif" width="97" height="25" border="0" alt="カートを見る" /></a></p>
</div>

▼【共通html】変更後

<!-- カートの中身エリア -->
<div><img src="http://img.shop-pro.jp/tmpl_img/9/title_cart.gif" width="150" height="35" /></div>
<div class="cart">
  <{if $incart != ""}>
   <div class="subtotal">
    <{section name=num loop=$incart}>
     <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
     <p class="stotal"><{$incart[num].price}>円</p>
    <{/section}>
   </div>
 <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
 <{if $incart_delivery}>
 <ul class="postage">
  <{section name=num loop=$incart_delivery}>
  <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
  <{if $incart_delivery[num].balance > 0}>
  あと<b><{$incart_delivery[num].balance}>円</b>で<br /><b>送料無料!</b></li>
  <{else}>
  送料無料です!
  <{/if}>
  <{/section}>
 </ul>
 <{/if}>
  <{/if}>
<p class="viewcart"><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/9/button_viewcart.gif" width="97" height="25" border="0" alt="カートを見る" /></a></p>
</div>

▼【共通css】変更前
.cart p {
	border-top: 1px dotted #333;
	margin: 3px;
	padding: 5px;
	text-align: right;
	font-weight: bolder;
	}
.cart input {
	margin: 5px;
	}
▼【共通css】変更後
.cart p {
	margin: 3px;
	padding: 5px;
	font-weight: bolder;
	}
.cart input {
	margin: 5px;
	}
.subtotal {
	padding:5px 0;
}

.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	list-style-type:none;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.cart p.viewcart {
	padding:5px 0;
	text-align:center;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
ミニ
▼【共通html】変更前

  <!-- カートの中身エリア -->
  <div class="submenu">
   <div class="submenu_title_cart"><img src="http://img.shop-pro.jp/tmpl_img/10/sp.gif" width="178" height="27" alt="カートの中身"></div>

   <div class=submenu_text>
    <ul>
     <{section name=num loop=$incart}>
     <li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></li>
     <{/section}>
    </ul>

    <div align="left"><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/10/cart2.gif" style="margin-top:3px;"></a></div>
   </div>
  </div>
  <!-- // カートの中エリア -->



▼【共通html】変更後

  <!-- カートの中身エリア -->
  <div class="submenu">
   <div class="submenu_title_cart"><img src="http://img.shop-pro.jp/tmpl_img/10/sp.gif" width="178" height="27" alt="カートの中身"></div>

  <{if $incart != ""}>
   <div class="subtotal">
    <{section name=num loop=$incart}>
     <p><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
     <p align="right"><{$incart[num].price}>円</p>
    <{/section}>
   </div>
   <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
   <{if $incart_delivery}>
   <ul class="postage">
    <{section name=num loop=$incart_delivery}>
    <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
    <{if $incart_delivery[num].balance > 0}>
    あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
    <{else}>
    送料無料です!
    <{/if}>
    <{/section}>
   </ul>
   <{/if}>
  <{/if}>
 <p class="viewcart"><a href="<{$view_cart_url}>">&raquo;&nbsp;カートの中身を見る</a></p>
  </div>
  <!-- // カートの中エリア -->



▼【共通css】変更前
/*カートの中身*/
.submenu_title_cart {
	height: 27px;
	margin: 0px;
	padding:0px;
	background-image:url(http://img.shop-pro.jp/tmpl_img/10/c_<{$img_set_no}>/subcart.gif);
	background-repeat: no-repeat;
	}
▼【共通css】変更後
/*カートの中身*/
.submenu_title_cart {
	height: 27px;
	margin: 0px;
	padding:0px;
	background-image:url(http://img.shop-pro.jp/tmpl_img/10/c_<{$img_set_no}>/subcart.gif);
	background-repeat: no-repeat;
	}

.subtotal {
	padding:5px 0;
}

.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
ヘンプ
▼【共通html】変更前

 <!-- カートの中身エリア -->
 <div class="sidemenu">
 <a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/26/side_cart.jpg" alt="ショッピングカートを見る" width="190" height="40" /></a>

  <{section name=num loop=$incart}>
   <div class="cart_item"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></div>
  <{/section}>
 </div>



▼【共通html】変更後

 <!-- カートの中身エリア -->
 <div class="sidemenu">
 <a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/26/side_cart.jpg" alt="ショッピングカートを見る" width="190" height="40" /></a>

 <{if $incart != ""}>
 <div class="cart_item">
  <div class="subtotal">
   <{section name=num loop=$incart}>
    <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
    <p class="stotal"><{$incart[num].price}>円</p>
   <{/section}>
  </div>
  <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
  <{if $incart_delivery}>
  <ul class="postage">
   <{section name=num loop=$incart_delivery}>
   <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
   <{if $incart_delivery[num].balance > 0}>
   あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
   <{else}>
   送料無料です!
   <{/if}>
   <{/section}>
  </ul>
  <{/if}>
 </div>
 <{/if}>
 </div>



▼【共通css】変更前
/* ------------------------------------- 
 *	カートの中 - 商品名・価格ボタン色/枠線色
 * ------------------------------------- */
.cart_item {
	border-left: 3px solid <{$cart_view_bordercolor}>;
	border-right: 3px solid <{$cart_view_bordercolor}>;
	margin: 3px 0px 3px 0px;
	padding-left:5px;
	font-size:80%;
	}
▼【共通css】変更後
/* ------------------------------------- 
 *	カートの中 - 商品名・価格ボタン色/枠線色
 * ------------------------------------- */
.cart_item {
	border-left: 3px solid <{$cart_view_bordercolor}>;
	border-right: 3px solid <{$cart_view_bordercolor}>;
	margin: 3px 0px 3px 0px;
	padding:0 5px;
	font-size:80%;
	}
	
.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	padding-top:5px;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
ビター
▼【共通html】変更前
   <!-- カートの中身を見る -->
   <dl id="cart_list">
    <dt>Cart</dt>
    <dd>
     <ul>
     <{if $incart != ""}><{section name=num loop=$incart}><li class="cart_item"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></li>
     <{/section}>
     <{/if}>
     <li><a href="<{$view_cart_url}>">カートの中身を見る</a></li>
     </ul>
    </dd>
   </dl>
   <!--// カートの中身を見る -->

▼【共通html】変更後

   <!-- カートの中身を見る -->
   <dl id="cart_list">
    <dt>Cart</dt>
    <dd>
     <{if $incart != ""}>
      <div class="subtotal">
       <{section name=num loop=$incart}>
        <p incart_name><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
        <p class="stotal"><{$incart[num].price}>円</p>
       <{/section}>
      </div>
      <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
      <{if $incart_delivery}>
      <ul class="postage">
       <{section name=num loop=$incart_delivery}>
       <li><span><{$incart_delivery[num].delivery_name}></span><br />
       <{if $incart_delivery[num].balance > 0}>
       あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
       <{else}>
       送料無料です!
       <{/if}>
       <{/section}>
      </ul>
      <{/if}>
     <{/if}>
    <ul class="viewcart"><li><a href="<{$view_cart_url}>">カートの中身を見る</a></li></ul>
    </dd>
   </dl>
   <!--// カートの中身を見る -->

▼【共通css】変更前
#group-list {
	border-top:<{$menu_title_linecolor}> dotted 1px;
	margin-top:10px;
	padding-top:10px;
}
▼【共通css】変更後
#group-list {
	border-top:<{$menu_title_linecolor}> dotted 1px;
	margin-top:10px;
	padding-top:10px;
}

.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	padding:5px 0;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}
.postage li span{
	color:#fff;
}

#side .postage li {
	background:none;
	padding-left:0;
}

.viewcart {
	padding:5px 0;
	text-align:left;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
アクア
▼【共通html】変更前
  <!-- カートの中身 -->
  <div id="cartInside" style="margin-top:40px;">
  <div class="title"><img src="http://img.shop-pro.jp/tmpl_img/12/icon_title.gif" width="12" height="12" alt="" />&nbsp;CART</div>
  <ul>
  <{section name=num loop=$incart}>
  <li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></li>
  <{/section}>
  </ul>
  <p><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/12/button_showcart.gif" width="101" height="23" /></a></p>
  </div>
  <!-- //カートの中身 -->

▼【共通html】変更後

  <!-- カートの中身 -->
  <div id="cartInside" style="margin-top:40px;">
  <div class="title"><img src="http://img.shop-pro.jp/tmpl_img/12/icon_title.gif" width="12" height="12" alt="" />&nbsp;CART</div>
  <{if $incart != ""}>
   <div class="subtotal">
    <{section name=num loop=$incart}>
     <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
     <p class="stotal"><{$incart[num].price}>円</p>
    <{/section}>
   </div>
   <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
   <{if $incart_delivery}>
   <ul class="postage">
    <{section name=num loop=$incart_delivery}>
    <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
    <{if $incart_delivery[num].balance > 0}>
    あと<b><{$incart_delivery[num].balance}>円</b>で<br /><b>送料無料!</b></li>
    <{else}>
    送料無料です!
    <{/if}>
    <{/section}>
   </ul>
   <{/if}>
  <{/if}>
  <p class="viewcart"><a href="<{$view_cart_url}>">&raquo;&nbsp;カートの中身を見る</a></p>
  </div>
  <!-- //カートの中身 -->


▼【共通css】変更前
/*----------------------------------------------------------------------
	カート
----------------------------------------------------------------------*/

#cartInside {
	margin-top : 15px;
}

#cartInside ul {
	margin-top : 10px;
	margin-bottom : 20px;
	list-style-type : none;
}

#cartInside li {
	padding-bottom : 5px;
}
▼【共通css】変更後
/*----------------------------------------------------------------------
	カート
----------------------------------------------------------------------*/

#cartInside {
	margin-top : 15px;
}

#cartInside ul {
	margin-top : 0px;
	margin-bottom : 5px;
	list-style-type : none;
}

#cartInside li {
	padding-bottom : 5px;
}

.subtotal {
	padding:5px 0;
}
.subtotal p {
	margin-bottom:5px;
}
.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	margin-bottom:10px;
}
.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
ブロック
▼【共通html】変更前

    <!-- カートを見るエリア -->
    <div class="left_menu">カートを見る</div>
    <div style="width:130px; padding:5px; border-style:solid; border-width:1px; margin:8px;" class="cart_area">

     <{section name=num loop=$incart}>
      <div class="left_cartbox"></div><span><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a><br />×<{$incart[num].product_num}></span><br style="clear:both;" />
     <{/section}>

     <div style="width:120px; height:15px; padding:3px; margin:2px; background-color:#CBCBCB; text-align:center; font-weight:bold;"><a href="<{$view_cart_url}>">カートの中身</a></div>
    </div><br />



▼【共通html】変更後

    <!-- カートを見るエリア -->
    <div class="left_menu">カートを見る</div>
    <div style="width:130px; padding:5px; border-style:solid; border-width:1px; margin:8px;" class="cart_area">
     <{if $incart != ""}>
      <div class="subtotal">
       <{section name=num loop=$incart}>
        <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
        <p class="stotal"><{$incart[num].price}>円</p>
       <{/section}>
      </div>
      <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
      <{if $incart_delivery}>
      <ul class="postage">
       <{section name=num loop=$incart_delivery}>
       <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
       <{if $incart_delivery[num].balance > 0}>
       あと<b><{$incart_delivery[num].balance}>円</b>で<br /><b>送料無料!</b></li>
       <{else}>
       送料無料です!
       <{/if}>
       <{/section}>
      </ul>
      <{/if}>
     <{/if}>
     <p class="viewcart"><a href="<{$view_cart_url}>">&raquo;&nbsp;カートの中身を見る</a></p>
    </div>

▼【共通css】変更前
/* ------------------------------------- 
 *	カートを見る欄
 * ------------------------------------- */


.cart_area{
	border-color:<{$cart_view_bordercolor}>;
	background-color:<{$cart_view_bgcolor}>;
}

.left_cartbox {
	width: 5px;
	height: 30px;
	margin: 2px 2px 5px 1px;
	background-color: #CBCBCB;
	text-align:center; float:left;
}
▼【共通css】変更後
/* ------------------------------------- 
 *	カートを見る欄
 * ------------------------------------- */


.cart_area{
	border-color:<{$cart_view_bordercolor}>;
	background-color:<{$cart_view_bgcolor}>;
}

.left_cartbox {
	width: 5px;
	height: 30px;
	margin: 2px 2px 5px 1px;
	background-color: #CBCBCB;
	text-align:center; float:left;
}

.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	list-style-type:none;
	padding-left:0;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
鹿の子
▼【共通html】変更前
    <!-- カートの中身を見る -->
    <dl id="cart_list">
     <dt><img src="http://img.shop-pro.jp/tmpl_img/19/sp.gif" alt="カートの中"></dt>
     <dd>
      <{if $incart != ""}>
       <ul>
       <{section name=num loop=$incart}>
       <li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></li>
       <{/section}>
       </ul>
       <a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/19/l_title_cart_btn.gif" style="margin:10px 0px 5px 12px ;" width="151" height="28" alt="カートの中をみる" /></a>
      <{else}>
       <ul>
       <li>カートの中に商品はありません</li>
       </ul>
      <{/if}>
     </dd>
    </dl>
    <!--// カートの中身を見る -->

▼【共通html】変更後

    <!-- カートの中身を見る -->
    <dl id="cart_list">
     <dt><img src="http://img.shop-pro.jp/tmpl_img/19/sp.gif" alt="カートの中"></dt>
     <dd>
      <{if $incart != ""}>
       <div class="subtotal">
        <{section name=num loop=$incart}>
         <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
         <p class="stotal"><{$incart[num].price}>円</p>
        <{/section}>
       </div>
       <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
       <{if $incart_delivery}>
       <ul class="postage">
        <{section name=num loop=$incart_delivery}>
        <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
        <{if $incart_delivery[num].balance > 0}>
        あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
        <{else}>
        送料無料です!
        <{/if}>
        <{/section}>
       </ul>
       <{/if}>
      <{/if}>
      <p class="viewcart"><a href="<{$view_cart_url}>">&raquo;&nbsp;カートの中身を見る</a></p>
     </dd>
    </dl>
    <!--// カートの中身を見る -->

▼【共通css】変更前
/* ------------------------------------- 
 *	カートの中身を見る
 * ------------------------------------- */

#cart_list dt {
	text-indent:0px;
}

#cart_list dt img {
	width:195px;
	height:35px;
}
▼【共通css】変更後
/* ------------------------------------- 
 *	カートの中身を見る
 * ------------------------------------- */

#cart_list dt {
	text-indent:0px;
}

#cart_list dt img {
	width:195px;
	height:35px;
}
.subtotal {
	padding:5px 0;
	text-align:left;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
}
#cart_list .postage li {
	background:none;
	padding-left:0;
}
.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}
#colL dd {
zoom:1;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
レース
▼【共通html】変更前
   <!-- カートの中身を見る -->
   <a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/16/viewcart.gif" class="viecart_btn" alt="View Cart"></a>
   
   <{if $incart != ""}>
   <div class="viewcart">
    <div class="top"><img src="http://img.shop-pro.jp/tmpl_img/16/sp.gif" class="w1" height="5"></div>
    <ul>
     <{section name=num loop=$incart}><li>・ <a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></li>
     <{/section}>
    </ul>
    <div class="bottom"><img src="http://img.shop-pro.jp/tmpl_img/16/sp.gif" class="w1" height="5"></div>
   </div>
   <{else}>
   <{/if}>
   <!--// カートの中身を見る -->


▼【共通html】変更後

   <!-- カートの中身を見る -->
   <a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/16/viewcart.gif" class="viecart_btn" alt="View Cart"></a>
   
   <{if $incart != ""}>
   <div class="viewcart">
    <div class="top"><img src="http://img.shop-pro.jp/tmpl_img/16/sp.gif" class="w1" height="5"></div>
  <div class="subtotal">
   <{section name=num loop=$incart}>
    <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
    <p class="stotal"><{$incart[num].price}>円</p>
   <{/section}>
  </div>
  <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
  <{if $incart_delivery}>
  <ul class="postage">
   <{section name=num loop=$incart_delivery}>
   <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
   <{if $incart_delivery[num].balance > 0}>
   あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
   <{else}>
   送料無料です!
   <{/if}>
   <{/section}>
  </ul>
  <{/if}>    <div class="bottom"><img src="http://img.shop-pro.jp/tmpl_img/16/sp.gif" class="w1" height="5"></div>
   </div>
   <{else}>
   <{/if}>
   <!--// カートの中身を見る -->


▼【共通css】変更前
/* ------------------------------------- 
 *	カートの中身を見る
 * ------------------------------------- */
img.viecart_btn {
	width:199px;
	height:40px;
	display:block; 
	margin:0 auto;
	}
.viewcart {
	width:193px;
	margin:0 auto;
	background:url(http://img.shop-pro.jp/tmpl_img/16/viewcart_bg.gif) repeat-y;
	margin-bottom:10px;
	}
.viewcart .top {
	height:5px;
	background:url(http://img.shop-pro.jp/tmpl_img/16/viewcart_top.gif) no-repeat;
	background-position:left top; 
	}
.viewcart .bottom {
	height:5px;
	background:url(http://img.shop-pro.jp/tmpl_img/16/viewcart_bottom.gif) no-repeat;
	background-position:left bottom;
	}
.viewcart ul {
	margin:0px 15px;
	}
▼【共通css】変更後
/* ------------------------------------- 
 *	カートの中身を見る
 * ------------------------------------- */
img.viecart_btn {
	width:199px;
	height:40px;
	display:block; 
	margin:0 auto;
	}
.viewcart {
	width:193px;
	margin:0 auto;
	background:url(http://img.shop-pro.jp/tmpl_img/16/viewcart_bg.gif) repeat-y;
	margin-bottom:10px;
	}
.viewcart .top {
	height:5px;
	background:url(http://img.shop-pro.jp/tmpl_img/16/viewcart_top.gif) no-repeat;
	background-position:left top; 
	}
.viewcart .bottom {
	height:5px;
	background:url(http://img.shop-pro.jp/tmpl_img/16/viewcart_bottom.gif) no-repeat;
	background-position:left bottom;
	}
.viewcart ul {
	margin:0px;
	}
.subtotal {
	padding:5px 15px;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 10px;
	margin-right:2px;
	border-top:1px dotted #F93375;
	text-align:right;
}

.postage {
	border-top:1px solid #F93375;
	padding:5px 15px;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:0;
	text-align:left;
}
.viewcart ul.postage {
	margin-right:2px;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
ビューティ
▼【共通html】変更前
   <!-- Cart -->
    <table class="link_2 cart" cellspacing="0" cellpadding="0">
    <tr><td class="top"><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/15/cart_btn.gif" width="162" height="22" alt="カートの中身を見る" style="margin-top:5px;" /></a></td></tr>
    
    <{if $incart != ""}>
     <tr><td class="middle" style="padding:5px 0px;">
      <ul>
      <{section name=num loop=$incart}>
       <li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></li>
      <{/section}>
      </ul>
     </td></tr>
    <{/if}>
    
    <tr><td class="bottom"><img src="http://img.shop-pro.jp/tmpl_img/15/link_bottom.gif"></td></tr>http://img.shop-pro.jp/tmpl_img/15/link_bottom.gif"></td></tr>
    </table>
   <!--// Cart -->

▼【共通html】変更後

   <!-- Cart -->
    <table class="link_2 cart" cellspacing="0" cellpadding="0">
    <tr><td class="top"><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/15/cart_btn.gif" width="162" height="22" alt="カートの中身を見る" style="margin-top:5px;" /></a></td></tr>
    
    <{if $incart != ""}>
     <tr><td class="middle" style="padding:5px 0px;">
      <div class="subtotal">
       <{section name=num loop=$incart}>
        <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
        <p class="stotal"><{$incart[num].price}>円</p>
       <{/section}>
      </div>
      <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
      <{if $incart_delivery}>
      <ul class="postage">
       <{section name=num loop=$incart_delivery}>
       <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
       <{if $incart_delivery[num].balance > 0}>
       あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
       <{else}>
       送料無料です!
       <{/if}>
       <{/section}>
      </ul>
      <{/if}>
     </td></tr>
    <{/if}>
    
    <tr><td class="bottom"><img src="http://img.shop-pro.jp/tmpl_img/15/link_bottom.gif"></td></tr'>http://img.shop-pro.jp/tmpl_img/15/link_bottom.gif"></td></tr>
    </table>
   <!--// Cart -->

▼【共通css】変更前
 /* ------ カートを見る、店長コーナー ------ */

.link_2 {
	width:180px;
	margin-bottom:15px;
	}
.link_2 .top
	{
	height: 27px;
	background:url(http://img.shop-pro.jp/tmpl_img/15/linktitle_cart.gif) no-repeat;
	text-align: center;
	}
.link_2 .middle {
	background:url(http://img.shop-pro.jp/tmpl_img/15/link_2.gif) repeat-y;
	padding:5px 15px;
	border-top: 2px solid #DDDDDD;
	}
	
.link_2 .bottom {
	height:5px;
	}
.link_2 .bottom img {
	 width:180px;
	 height:5px;
	 }

.cart ul {
	padding:5px 15px;
	}
.cart li {
	background:none;
	padding:0;
	}

.owner_photo {
	display:block;
	margin:0px auto;
	}
▼【共通css】変更後
/* ------ カートを見る、店長コーナー ------ */

.link_2 {
	width:180px;
	margin-bottom:15px;
	}
.link_2 .top
	{
	height: 27px;
	background:url(http://img.shop-pro.jp/tmpl_img/15/linktitle_cart.gif) no-repeat;
	text-align: center;
	}
.link_2 .middle {
	background:url(http://img.shop-pro.jp/tmpl_img/15/link_2.gif) repeat-y;
	padding:5px 15px;
	border-top: 2px solid #DDDDDD;
	}
	
.link_2 .bottom {
	height:5px;
	}
.link_2 .bottom img {
	 width:180px;
	 height:5px;
	 }

.cart ul {
	padding:5px 15px;
	}
.cart li {
	background:none;
	padding:0;
	}

.owner_photo {
	display:block;
	margin:0px auto;
	}

.subtotal {
	margin:0 15px;
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	margin:0 15px;
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	margin:0 15px;
}
.cart .postage {
	padding:5px 0;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
ナチュラル
▼【共通html】変更前
   <!-- カートの中身エリア -->
   <div class="linktitle">カートの中身</div>
   <div class="cart_box">
    <{section name=num loop=$incart}>
     <div class="cart_item"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></div>
    <{/section}>
    
    <img src="http://img.shop-pro.jp/tmpl_img/1/list.gif" /> <a class="bold" href="<{$view_cart_url}>">カートを見る</a>
    
   </div>

▼【共通html】変更後

   <!-- カートの中身エリア -->
   <div class="linktitle">カートの中身</div>
   <div class="cart_box">
    <{if $incart != ""}>
     <div class="subtotal">
      <{section name=num loop=$incart}>
       <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
       <p class="stotal"><{$incart[num].price}>円</p>
      <{/section}>
     </div>
     <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
     <{if $incart_delivery}>
     <ul class="postage">
      <{section name=num loop=$incart_delivery}>
      <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
      <{if $incart_delivery[num].balance > 0}>
      あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
      <{else}>
      送料無料です!
      <{/if}>
      <{/section}>
     </ul>
     <{/if}>
    <{/if}>
    
    <img src="http://img.shop-pro.jp/tmpl_img/1/list.gif" /> <a class="bold" href="<{$view_cart_url}>">カートを見る</a>
    
   </div>

▼【共通css】変更前
/* ------------------------------------- 
 *	カートの中 - 背景色
 * ------------------------------------- */
.cart_box {
	background: url(http://img.shop-pro.jp/tmpl_img/1/cart_bg.gif);
	background-color : <{$cart_view_bgcolor}>;
	border : 1px solid <{$cart_view_bordercolor}>;
	padding: 5px;
}
▼【共通css】変更後
/* ------------------------------------- 
 *	カートの中 - 背景色
 * ------------------------------------- */
.cart_box {
	background: url(http://img.shop-pro.jp/tmpl_img/1/cart_bg.gif);
	background-color : <{$cart_view_bgcolor}>;
	border : 1px solid <{$cart_view_bordercolor}>;
	padding: 5px;
}
.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	list-style-type:none;
	margin-bottom:5px;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
エレガント
▼【共通html】変更前

   <!-- カートの中身エリア -->

   <div class="linktitle">カートの中身</div>

   <div class="linktext">
    <div class="cart">
     <ul>
     <{section name=num loop=$incart}>
     <li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></li>
     <{/section}>
     </ul>
    </div>

    <div class="more"><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/6/arrow.gif" width="6" height="9" align="absmiddle" style="padding-right: 5px;" >カートを見る</a></div>

   </div>



▼【共通html】変更後

   <!-- カートの中身エリア -->

   <div class="linktitle">カートの中身</div>

   <div class="linktext">
    <div class="free_shipping_look">
    <{if $incart != ""}>
     <div class="subtotal">
      <{section name=num loop=$incart}>
       <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
       <p class="stotal"><{$incart[num].price}>円</p>
      <{/section}>
     </div>
     <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
     <{if $incart_delivery}>
     <ul class="postage">
      <{section name=num loop=$incart_delivery}>
      <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
      <{if $incart_delivery[num].balance > 0}>
      あと<b><{$incart_delivery[num].balance}>円</b>で<br /><b>送料無料!</b></li>
      <{else}>
      送料無料です!
      <{/if}>
      <{/section}>
     </ul>
     <{/if}>
    <{/if}>
    </div>
    <div class="more"><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/6/arrow.gif" width="6" height="9" align="absmiddle" style="padding-right: 5px;" >カートを見る</a></div>

   </div>



▼【共通css】変更前
/* ------------------------------------- 
 *	カートの中身
 * ------------------------------------- */

.cart {
	font-size: 10px;
	margin: 0px;
	}

.cart ul {
	line-height: 160%;
	margin: 0px;
	padding: 0px;
	}

.cart li {
	list-style-type: none;
	background-color: <{$cart_view_bgcolor}> ;
	background-image: none;
	border-left: 3px <{$cart_view_bordercolor}> solid;
	color:#4E4E4E;
	padding: 3px 3px 3px 6px;
	margin-bottom: 5px;
	}

.cart p {
	margin: 0px;
	padding: 5px;
	font-weight: bolder;
	}

.cart input {
	margin: 0px;
	}

.more {
	margin-top: 10px;
	}

.more a,
.more a:link,
.more a:visited {
	color:<{$cart_title_fontcolor}>;
	text-decoration:underline;
	}

.more a:active,
.more a:hover {
	color:<{$cart_title_fontcolor}>;
	background: #FFF;
	text-decoration:none;
	}


▼【共通css】変更後
/* ------------------------------------- 
 *	カートの中身
 * ------------------------------------- */

.cart {
	font-size: 10px;
	margin: 0px;
	}

.cart ul {
	line-height: 160%;
	margin: 0px;
	padding: 0px;
	}

.cart li {
	list-style-type: none;
	background-color: <{$cart_view_bgcolor}> ;
	background-image: none;
	border-left: 3px <{$cart_view_bordercolor}> solid;
	color:#4E4E4E;
	padding: 3px 3px 3px 6px;
	margin-bottom: 5px;
	}

.cart p {
	margin: 0px;
	padding: 5px;
	font-weight: bolder;
	}

.cart input {
	margin: 0px;
	}

.subtotal {
	margin:0 15px;
	padding:5px 0;
}
.subtotal p {
	margin-top:0;
}
.stotal {
	text-align:right;
}
.total {
	margin:0 15px;
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	margin:0 15px;
	padding:5px 0;
	list-style-type:none;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}
.free_shipping_look {
	background:#fff;
	border-left:3px solid #4B0D89;
}
.more {
	margin-top: 10px;
	}

.more a,
.more a:link,
.more a:visited {
	color:<{$cart_title_fontcolor}>;
	text-decoration:underline;
	}

.more a:active,
.more a:hover {
	color:<{$cart_title_fontcolor}>;
	background: #FFF;
	text-decoration:none;
	}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
フラワー
▼【共通html】変更前
   <!-- カートの中身エリア -->
   <div class="linktitle_cart">カートの中</div>
   <div class="cart_box">
    <{section name=num loop=$incart}>
     <div class="cart_item"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></div>
    <{/section}>
    
    <img src="http://img.shop-pro.jp/tmpl_img/2/list.gif" /> <a href="<{$view_cart_url}>">カートを見る</a>
    
   </div>

▼【共通html】変更後

   <!-- カートの中身エリア -->
   <div class="linktitle_cart">カートの中</div>
   <div class="cart_box">
    <{if $incart != ""}>
    <div class="cart_item">
     <div class="subtotal">
      <{section name=num loop=$incart}>
       <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
       <p class="stotal"><{$incart[num].price}>円</p>
      <{/section}>
     </div>
     <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
     <{if $incart_delivery}>
      <ul class="postage">
       <{section name=num loop=$incart_delivery}>
       <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
       <{if $incart_delivery[num].balance > 0}>
       あと<b><{$incart_delivery[num].balance}>円</b>で<br /><b>送料無料!</b></li>
       <{else}>
       送料無料です!
       <{/if}>
       <{/section}>
      </ul>
     <{/if}>
    </div>
    <{/if}>
    <p class="viewcart"><a href="<{$view_cart_url}>">&raquo;&nbsp;カートの中身を見る</a></p>
   </div>

▼【共通css】変更前
/* ------------------------------------- 
 *	カートの中 - 背景色
 * ------------------------------------- */
.cart_box {
	margin: 0px 0px 0px 0px;
	background-color : <{$cart_view_bgcolor}>;
	padding: 5px 10px 10px 10px;
}
▼【共通css】変更後
/* ------------------------------------- 
 *	カートの中 - 背景色
 * ------------------------------------- */
.cart_box {
	margin: 0px 0px 0px 0px;
	background-color : <{$cart_view_bgcolor}>;
	padding: 5px 10px 10px 10px;
}
.subtotal {
	padding:5px 0;
}

.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	list-style-type:none;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
ブルーチェック
▼【共通html】変更前
    <!-- カートの中身エリア -->
    <div class="sidemenu">
     <a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/27/cart_btn01.gif" alt="ショッピングカートを見る"/></a>
     <{section name=num loop=$incart}>
      <div class="cart_item">
       <a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}>
      </div>
     <{/section}>
    </div>
    <!-- // カートの中身エリア -->

▼【共通html】変更後

    <!-- カートの中身エリア -->
    <div class="sidemenu">
     <a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/27/cart_btn01.gif" alt="ショッピングカートを見る"/></a>
     <div class="cart_item">
     <{if $incart != ""}>
      <div class="subtotal">
       <{section name=num loop=$incart}>
        <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
        <p class="stotal"><{$incart[num].price}>円</p>
       <{/section}>
      </div>
      <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
      <{if $incart_delivery}>
       <ul class="postage">
        <{section name=num loop=$incart_delivery}>
        <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
        <{if $incart_delivery[num].balance > 0}>
        あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
        <{else}>
        送料無料です!
        <{/if}>
        <{/section}>
       </ul>
      <{/if}>
     <{/if}>
     </div>
    </div>
    <!-- // カートの中身エリア -->

▼【共通css】変更前
/* ------------------------------------- 
 *	カートの中 - 商品名・価格ボタン色/枠線色
 * ------------------------------------- */
.cart_item {
	width:180px;
	overflow:hidden;
	margin:3px 0px 3px 0px;
	padding-left:5px;
	font-size:10px;
	border-left:3px solid <{$cart_view_bordercolor}>;
	border-right:3px solid <{$cart_view_bordercolor}>;
	}
	


▼【共通css】変更後
/* ------------------------------------- 
 *	カートの中 - 商品名・価格ボタン色/枠線色
 * ------------------------------------- */
.cart_item {
	width:175px;
	overflow:hidden;
	margin:3px 0px 3px 0px;
	padding:0 5px;
	font-size:10px;
	border-left:3px solid <{$cart_view_bordercolor}>;
	border-right:3px solid <{$cart_view_bordercolor}>;
	}

.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	margin:0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	padding:5px 0;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}


▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
ペーパー
▼【共通html】変更前
 <!-- Cart -->
 <div class="link">
  <div class="top"><img src="http://img.shop-pro.jp/tmpl_img/14/spacer.gif" width="10" height="10" /></div>
  <div class="middle">
   <div class="title_or">Cart</div>
   <table cellpadding="0" cellspacing="0" border="0" width="100%">
   <tr><td>
   <ul>
    <{section name=num loop=$incart}>
    <li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></li>
    <{/section}>
   </ul>
   </td></tr>
   </table>
   <a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/14/view_cart.gif" class="btn" alt="View Cart" /></a>
   <br class="clear">
  </div>
  <div class="bottom"><img src="http://img.shop-pro.jp/tmpl_img/14/spacer.gif" width="10" height="10" /></div>
 </div>
 <!--// Cart -->

▼【共通html】変更後

 <!-- Cart -->
 <div class="link">
  <div class="top"><img src="http://img.shop-pro.jp/tmpl_img/14/spacer.gif" width="10" height="10" /></div>
  <div class="middle">
   <div class="title_or">Cart</div>
   <table cellpadding="0" cellspacing="0" border="0" width="100%">
   <tr><td>
    <{if $incart != ""}>
     <div class="subtotal">
      <{section name=num loop=$incart}>
       <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
       <p class="stotal"><{$incart[num].price}>円</p>
      <{/section}>
     </div>
     <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
     <{if $incart_delivery}>
      <ul class="postage">
       <{section name=num loop=$incart_delivery}>
       <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
       <{if $incart_delivery[num].balance > 0}>
       あと<b><{$incart_delivery[num].balance}>円</b>で<br /><b>送料無料!</b></li>
       <{else}>
       送料無料です!
       <{/if}>
       <{/section}>
      </ul>
     <{/if}>
    <{/if}>
   </td></tr>
   </table>
   <a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/14/view_cart.gif" class="btn" alt="View Cart" /></a>
   <br class="clear">
  </div>
  <div class="bottom"><img src="http://img.shop-pro.jp/tmpl_img/14/spacer.gif" width="10" height="10" /></div>
 </div>
 <!--// Cart -->

▼【共通css】変更前
/*サイドメニュー bodyに対し絶対位置指定*/
#side {
	width:172px;
	position:absolute;left:581px;top:0px;
	background:url(http://img.shop-pro.jp/tmpl_img/14/bg_wrap_right.jpg) repeat-y;
	padding-top:4px;
	}
▼【共通css】変更後
/*サイドメニュー bodyに対し絶対位置指定*/
#side {
	width:172px;
	position:absolute;left:581px;top:0px;
	background:url(http://img.shop-pro.jp/tmpl_img/14/bg_wrap_right.jpg) repeat-y;
	padding-top:4px;
	}

.subtotal {
	padding:5px 0;
}
.subtotal p{
	padding:0 5px;
	margin:0 5px;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	margin-bottom:5px;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
ウッド
▼【共通html】変更前

 <!-- カートの中身エリア -->
 <div class="sidemenu">
 <a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/11/side_cart.jpg" alt="ショッピングカートを見る" width="190" height="55" /></a>

  <{section name=num loop=$incart}>
   <div class="cart_item"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></div>
  <{/section}>
 </div>



▼【共通html】変更後

 <!-- カートの中身エリア -->
 <div class="sidemenu">
 <a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/11/side_cart.jpg" alt="ショッピングカートを見る" width="190" height="55" /></a>

 <{if $incart != ""}>
  <div class="cart_item">
  <div class="subtotal">
   <{section name=num loop=$incart}>
    <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
    <p class="stotal"><{$incart[num].price}>円</p>
   <{/section}>
  </div>
  <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
  <{if $incart_delivery}>
   <ul class="postage">
    <{section name=num loop=$incart_delivery}>
    <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
    <{if $incart_delivery[num].balance > 0}>
    あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
    <{else}>
    送料無料です!
    <{/if}>
    <{/section}>
   </ul>
  <{/if}>
  </div>
 <{/if}>
 </div>



▼【共通css】変更前
/* ------------------------------------- 
 *	カートの中 - 商品名・価格ボタン色/枠線色
 * ------------------------------------- */
.cart_item {
	border-left: 3px solid <{$cart_view_bordercolor}>;
	border-right: 3px solid <{$cart_view_bordercolor}>;


	margin: 3px 0px 3px 0px;
	padding-left:5px;
	font-size:10px;
	}
▼【共通css】変更後
/* ------------------------------------- 
 *	カートの中 - 商品名・価格ボタン色/枠線色
 * ------------------------------------- */
.cart_item {
	border-left: 3px solid <{$cart_view_bordercolor}>;
	border-right: 3px solid <{$cart_view_bordercolor}>;
	margin: 3px 0px 3px 0px;
	padding:0 5px;
	font-size:10px;
	line-height:1.4em;
	}

.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	margin:0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	padding:5px 0;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
ストライプ
▼【共通html】変更前

  <!-- カートの中身エリア -->

  <div class="linktitle">カートの中身</div>

  <div class="linktext">
   <div class="cart">
    <ul>
    <{section name=num loop=$incart}>
    <li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></li>
    <{/section}>
    </ul>
   </div>



▼【共通html】変更後

  <!-- カートの中身エリア -->

  <div class="linktitle">カートの中身</div>

  <div class="linktext">
   <div class="cart">
    <{if $incart != ""}>
     <div class="subtotal">
      <{section name=num loop=$incart}>
       <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
       <p class="stotal"><{$incart[num].price}>円</p>
      <{/section}>
     </div>
     <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
     <{if $incart_delivery}>
      <ul class="postage">
       <{section name=num loop=$incart_delivery}>
       <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
       <{if $incart_delivery[num].balance > 0}>
       あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
       <{else}>
       送料無料です!
       <{/if}>
       <{/section}>
      </ul>
     <{/if}>
    <{/if}>

   </div>



▼【共通css】変更前
/* ------------------------------------- 
 *	カートの中身
 * ------------------------------------- */

.cart {
	font-size: 10px;
	font-weight: bolder;
	margin: 0px;
	}

.cart ul {
	line-height: 160%;
	margin: 0px;
	padding: 0px;
	}

.cart li {
	list-style-type: none;
	background-color: <{$cart_item_bgcolor}> ;
	background-image: none ;
	color:#4E4E4E;
	padding: 3px 3px 3px 16px;
	margin: 0px 0px 3px 0px;
	}

.cart p {
	margin: 0px;
	padding: 5px;
	font-weight: bolder;
	}

.cart input {
	margin: 0px;
	}

.cart li a,
.cart li a:link,
.cart li a:visited {
	color:#4E4E4E;
	text-decoration:none;
	}

.cart li a:active,
.cart li a:hover {
	color:#999;
	text-decoration:underline;
	}



▼【共通css】変更後
/* ------------------------------------- 
 *	カートの中身
 * ------------------------------------- */

.cart {
	font-size: 10px;
	font-weight: bolder;
	margin: 0px;
	}

.cart ul {
	line-height: 160%;
	margin: 0px;
	padding: 0px;
	}

.cart li {
	list-style-type: none;
	background-color: <{$cart_item_bgcolor}> ;
	background-image: none ;
	color:#4E4E4E;
	padding: 3px 3px 3px 16px;
	margin: 0px 0px 3px 0px;
	}

.cart p {
	margin: 0px;
	padding: 5px;
	font-weight: bolder;
	}

.cart input {
	margin: 0px;
	}

.cart li a,
.cart li a:link,
.cart li a:visited {
	color:#4E4E4E;
	text-decoration:none;
	}

.cart li a:active,
.cart li a:hover {
	color:#999;
	text-decoration:underline;
	}

.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:center;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
2カラム(左メニュー)
▼【共通html】変更前
  <!-- カートを見る-->
  <br />
  <br />
  <strong>|カート</strong>
  <br />
   <{section name=num loop=$incart}>
   <a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}><br />
   <{/section}>
  <a href="<{$view_cart_url}>">カートの中を見る</a>
  <!--// カートを見る-->

▼【共通html】変更後

  <!-- カートを見る-->
  <br />
  <br />
  <strong>|カート</strong>
  <br />
  <{if $incart != ""}>
   <div class="subtotal">
    <{section name=num loop=$incart}>
     <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
     <p class="stotal"><{$incart[num].price}>円</p>
    <{/section}>
   </div>
   <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
   <{if $incart_delivery}>
    <ul class="postage">
     <{section name=num loop=$incart_delivery}>
     <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
     <{if $incart_delivery[num].balance > 0}>
     あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
     <{else}>
     送料無料です!
     <{/if}>
     <{/section}>
    </ul>
   <{/if}>
  <{/if}>
  <a href="<{$view_cart_url}>">カートの中を見る</a>
  <!--// カートを見る-->

▼【共通css】変更前
/* 画面左側メニューの幅 */
.side {
	float: left;
	width:200px;
}
▼【共通css】変更後
/* 画面左側メニューの幅 */
.side {
	float: left;
	width:200px;
}

.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px solid #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px dotted #C3C3C3;
	border-bottom:1px dotted #C3C3C3;
	list-style-type:none;
	margin-bottom:5px;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
2カラム(右メニュー)
▼【共通html】変更前
  <!-- カートを見る-->
  <br />
  <br />
  <strong>|カート</strong>
  <br />
   <{section name=num loop=$incart}>
   <a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}><br />
   <{/section}>
  <a href="<{$view_cart_url}>">カートの中を見る</a>
  <!--// カートを見る-->

▼【共通html】変更後

  <!-- カートを見る-->
  <br />
  <br />
  <strong>|カート</strong>
  <br />
  <{if $incart != ""}>
   <div class="subtotal">
    <{section name=num loop=$incart}>
     <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
     <p class="stotal"><{$incart[num].price}>円</p>
    <{/section}>
   </div>
   <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
   <{if $incart_delivery}>
    <ul class="postage">
     <{section name=num loop=$incart_delivery}>
     <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
     <{if $incart_delivery[num].balance > 0}>
     あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
     <{else}>
     送料無料です!
     <{/if}>
     <{/section}>
    </ul>
   <{/if}>
  <{/if}>

  <a href="<{$view_cart_url}>">カートの中を見る</a>
  <!--// カートを見る-->



▼【共通css】変更前
/* フッター(コピーライト) */
.footer {
 width:100%;
 clear:left;
}

#group-list {
	border-top:#838383 dotted 1px;
	padding:5px 0px 0px;
	margin:10px 0px 0px;
}
▼【共通css】変更後
/* フッター(コピーライト) */
.footer {
 width:100%;
 clear:left;
}

#group-list {
	border-top:#838383 dotted 1px;
	padding:5px 0px 0px;
	margin:10px 0px 0px;
}

/* 送料無料表示 */
.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	margin:0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	padding:5px 0;
	list-style-type:none;
	margin-bottom:5px;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
3カラム
▼【共通html】変更前
  <!-- カートを見る-->
  
  <strong>|カート</strong>
  <br />
   <{section name=num loop=$incart}>
   <a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}><br />
   <{/section}>
  <a href="<{$view_cart_url}>">カートの中を見る</a>
  <!--// カートを見る-->

▼【共通html】変更後

  <!-- カートを見る-->
  
  <strong>|カート</strong>
  <br />
  <{if $incart != ""}>
   <div class="subtotal">
    <{section name=num loop=$incart}>
     <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
     <p class="incart_name"><{$incart[num].price}>円</p>
    <{/section}>
   </div>
   <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
   <{if $incart_delivery}>
    <ul class="postage">
     <{section name=num loop=$incart_delivery}>
     <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
     <{if $incart_delivery[num].balance > 0}>
     あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
     <{else}>
     送料無料です!
     <{/if}>
     <{/section}>
    </ul>
   <{/if}>
  <{/if}>

  <a href="<{$view_cart_url}>">カートの中を見る</a>
  <!--// カートを見る-->



▼【共通css】変更前
/* 中央の幅 */
.main {
	float: right;
	width: 600px;
}

.right {
	float: left;
	width:200px;
}
▼【共通css】変更後
/* 中央の幅 */
.main {
	float: right;
	width: 600px;
}

.right {
	float: left;
	width:200px;
}

.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	margin-bottom:5px;
	list-style-type:none;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
ベビー
▼【共通html】変更前
      <!-- ▼カートの中身▼ -->
      <tr>
       <td align="center" valign="top" class="side_main"><img src="http://img.shop-pro.jp/tmpl_img/28/side_cart_ttl01.gif" alt="カートの中身" /></td>
      </tr>
      <tr>
       <td align="left" valign="top" class="side_main" style="padding:10px 0px;">
        <table width="160" border="0" cellspacing="0" cellpadding="0" id="cart_area">
         <tr>
          <td align="left" valign="top" class="top"></td>
         </tr>
         <tr>
          <td align="left" valign="top" class="main">
           <{section name=num loop=$incart}>
            <div id="frame">
             <a href="<{$incart[num].link_url}>">・<{$incart[num].name}></a>×<{$incart[num].product_num}>
            </div>
           <{/section}>
          </td>
         </tr>
         <tr>
          <td align="center" valign="top" class="main"><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/28/side_cart_btn01.gif" alt="カートの中身を見る" id="button" /></a></td>
         </tr>
         <tr>
          <td align="left" valign="top" class="bottom"></td>
         </tr>
        </table>
       </td>
      </tr>
      <!-- ▲カートの中身▲ -->

▼【共通html】変更後

      <!-- ▼カートの中身▼ -->
      <tr>
       <td align="center" valign="top" class="side_main"><img src="http://img.shop-pro.jp/tmpl_img/28/side_cart_ttl01.gif" alt="カートの中身" /></td>
      </tr>
      <tr>
       <td align="left" valign="top" class="side_main" style="padding:10px 0px;">
        <table width="160" border="0" cellspacing="0" cellpadding="0" id="cart_area">
         <tr>
          <td align="left" valign="top" class="top"></td>
         </tr>
         <tr>
          <td align="left" valign="top" class="main">
          <{if $incart != ""}>
           <div class="subtotal">
            <{section name=num loop=$incart}>
             <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
             <p class="stotal"><{$incart[num].price}>円</p>
            <{/section}>
           </div>
           <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
           <{if $incart_delivery}>
           <ul class="postage">
            <{section name=num loop=$incart_delivery}>
            <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
            <{if $incart_delivery[num].balance > 0}>
            あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
            <{else}>
            送料無料です!
            <{/if}>
            <{/section}>
           </ul>
           <{/if}>
          <{/if}>
          </td>
         </tr>
         <tr>
          <td align="center" valign="top" class="main"><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/28/side_cart_btn01.gif" alt="カートの中身を見る" id="button" /></a></td>
         </tr>
         <tr>
          <td align="left" valign="top" class="bottom"></td>
         </tr>
        </table>
       </td>
      </tr>
      <!-- ▲カートの中身▲ -->

▼【共通css】変更前
#cart_area #button {
	margin:5px 0px;
	}
▼【共通css】変更後
#cart_area #button {
	margin:5px 0px;
	}
.subtotal {
	padding:5px;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px;
	margin:0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	padding:5px;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
レッドチェック
▼【共通html】変更前
    <!-- カートの中身エリア -->
    <div class="sidemenu">
     <a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/29/cart_btn01.gif" alt="ショッピングカートを見る"/></a>
     <{section name=num loop=$incart}>
      <div class="cart_item">
       <a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}>
      </div>
     <{/section}>
    </div>
    <!-- // カートの中身エリア -->

▼【共通html】変更後

    <!-- カートの中身エリア -->
    <div class="sidemenu">
     <a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/29/cart_btn01.gif" alt="ショッピングカートを見る"/></a>
     <div class="cart_item">
     <{if $incart != ""}>
      <div class="subtotal">
       <{section name=num loop=$incart}>
        <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
        <p class="stotal"><{$incart[num].price}>円</p>
       <{/section}>
      </div>
      <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
      <{if $incart_delivery}>
       <ul class="postage">
        <{section name=num loop=$incart_delivery}>
        <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
        <{if $incart_delivery[num].balance > 0}>
        あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
        <{else}>
        送料無料です!
        <{/if}>
        <{/section}>
       </ul>
      <{/if}>
     <{/if}>
     </div>
    </div>
    <!-- // カートの中身エリア -->

▼【共通css】変更前
/* ------------------------------------- 
 *	カートの中 - 商品名・価格ボタン色/枠線色
 * ------------------------------------- */
.cart_item {
	width:180px;
	overflow:hidden;
	margin:3px 0px 3px 0px;
	padding-left:5px;
	font-size:10px;
	border-left:3px solid <{$cart_view_bordercolor}>;
	border-right:3px solid <{$cart_view_bordercolor}>;
	}
▼【共通css】変更後
/* ------------------------------------- 
 *	カートの中 - 商品名・価格ボタン色/枠線色
 * ------------------------------------- */
.cart_item {
	width:175px;
	overflow:hidden;
	margin:3px 0px 3px 0px;
	padding:5px;
	font-size:10px;
	border-left:3px solid <{$cart_view_bordercolor}>;
	border-right:3px solid <{$cart_view_bordercolor}>;
	}

.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	margin:0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
}

.postage {
	border-top:1px solid #C3C3C3;
	padding:5px 0;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}
.viewcart {
	padding:5px 0;
	text-align:center;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
リネン
▼【共通html】変更前
    <!-- ▼ショッピングカート▼ -->
    <table width="180" border="0" cellspacing="0" cellpadding="0" class="side">
     <tr>
      <td><img src="http://img.shop-pro.jp/tmpl_img/30/side_cart_ttl01.gif" alt="ショッピングカート" /></td>
     </tr>
     <tr>
      <td class="side_frame_cart">
       <{section name=num loop=$incart}>
        <div class="overflow_160px">
         <table width="160" border="0" cellspacing="0" cellpadding="0" class="side_center">
          <tr>
           <td class="side_deco">
            <div class="cart_item">
             <img src="http://img.shop-pro.jp/tmpl_img/30/side_list_icon01.gif" alt="" align="absmiddle" class="list_icon" /><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>
            ×<{$incart[num].product_num}>
            </div>
           </td>
          </tr>
         </table>
        </div>
       <{/section}>
      </td>
     </tr>
     <tr>
      <td><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/30/side_view_ttl01.gif" alt="カートを見る・レジに進む" /></a></td>
     </tr>
    </table>
    <!-- ▲ショッピングカート▲ -->

▼【共通html】変更後

    <!-- ▼ショッピングカート▼ -->
    <table width="180" border="0" cellspacing="0" cellpadding="0" class="side">
     <tr>
      <td><img src="http://img.shop-pro.jp/tmpl_img/30/side_cart_ttl01.gif" alt="ショッピングカート" /></td>
     </tr>
     <tr>
      <td class="side_frame_cart">
      <{if $incart != ""}>
       <div class="subtotal">
        <{section name=num loop=$incart}>
         <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
         <p class="stotal"><{$incart[num].price}>円</p>
        <{/section}>
       </div>
       <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
       <{if $incart_delivery}>
        <ul class="postage">
         <{section name=num loop=$incart_delivery}>
         <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
         <{if $incart_delivery[num].balance > 0}>
         あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
         <{else}>
         送料無料です!
         <{/if}>
         <{/section}>
        </ul>
       <{/if}>
      <{/if}>
      </td>
     </tr>
     <tr>
      <td><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/30/side_view_ttl01.gif" alt="カートを見る・レジに進む" /></a></td>
     </tr>
    </table>
    <!-- ▲ショッピングカート▲ -->

▼【共通css】変更前
.cart_item {
	border-left:1px solid <{$cart_view_bordercolor}>;
	border-right:1px solid <{$cart_view_bordercolor}>;
	}
▼【共通css】変更後
.cart_item {
	border-left:1px solid <{$cart_view_bordercolor}>;
	border-right:1px solid <{$cart_view_bordercolor}>;
	}

.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
	margin:0;
}

.postage {
	border-top:1px solid #C3C3C3;
	padding:5px 0;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
モール1
▼【共通html】変更前
    <!-- カートの中身エリア -->
    <table cellpadding="0" cellspacing="0" border="0" class="sidemenu" width="195">
      <tr>
       <td class="side_text_cart">
       <a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/31/rs_m_cart_btn.gif" alt="ショッピングカートを見る"/></a>
       <{section name=num loop=$incart}>
        <div class="cart_item">
         <a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}>
        </div>
       <{/section}>
       </td>
      </tr>
    </table>
    <!-- // カートの中身エリア -->

▼【共通html】変更後

    <!-- カートの中身エリア -->
    <table cellpadding="0" cellspacing="0" border="0" class="sidemenu" width="195">
      <tr>
       <td class="side_text_cart">
       <a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/31/rs_m_cart_btn.gif" alt="ショッピングカートを見る"/></a>
       <{if $incart != ""}>
       <div class="cart_item">
        <div class="subtotal">
         <{section name=num loop=$incart}>
          <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
          <p class="stotal"><{$incart[num].price}>円</p>
         <{/section}>
        </div>
        <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
        <{if $incart_delivery}>
         <ul class="postage">
          <{section name=num loop=$incart_delivery}>
          <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
          <{if $incart_delivery[num].balance > 0}>
          あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
          <{else}>
          送料無料です!
          <{/if}>
          <{/section}>
         </ul>
        <{/if}>
       <{/if}>
       </div>
       </td>
      </tr>
    </table>
    <!-- // カートの中身エリア -->

▼【共通css】変更前
/* ------------------------------------- 
 *	カートの中 - 商品名・価格ボタン色/枠線色
 * ------------------------------------- */
.cart_item {
	width:180px;
	overflow:hidden;
	margin:3px 0px 3px 0px;
	padding-left:5px;
	font-size:10px;
	border-left:3px solid <{$cart_view_bordercolor}>;
	border-right:3px solid <{$cart_view_bordercolor}>;
	}
▼【共通css】変更後
/* ------------------------------------- 
 *	カートの中 - 商品名・価格ボタン色/枠線色
 * ------------------------------------- */
.cart_item {
	width:175px;
	overflow:hidden;
	margin:3px 0px 3px 0px;
	padding:5px;
	font-size:10px;
	border-left:3px solid <{$cart_view_bordercolor}>;
	border-right:3px solid <{$cart_view_bordercolor}>;
	}
.incart_name {
	text-align:left;
}
.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
	margin:0;
}

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	padding:5px 0;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
モール2
▼【共通html】変更前
    <!-- カートの中身エリア -->
    <table cellpadding="0" cellspacing="0" border="0" class="sidemenu" width="195">
      <tr>
       <td class="side_text_cart">
       <a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/32/rs_m_cart_btn.gif" alt="ショッピングカートを見る"/></a>
       <{section name=num loop=$incart}>
        <div class="cart_item">
         <a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}>
        </div>
       <{/section}>
       </td>
      </tr>
    </table>
    <!-- // カートの中身エリア -->

▼【共通html】変更後

    <!-- カートの中身エリア -->
    <table cellpadding="0" cellspacing="0" border="0" class="sidemenu" width="195">
      <tr>
       <td class="side_text_cart">
       <a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/32/rs_m_cart_btn.gif" alt="ショッピングカートを見る"/></a>
       <{if $incart != ""}>
       <div class="cart_item">
        <div class="subtotal">
         <{section name=num loop=$incart}>
          <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
          <p class="stotal"><{$incart[num].price}>円</p>
         <{/section}>
        </div>
        <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
        <{if $incart_delivery}>
         <ul class="postage">
          <{section name=num loop=$incart_delivery}>
          <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
          <{if $incart_delivery[num].balance > 0}>
          あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
          <{else}>
          送料無料です!
          <{/if}>
          <{/section}>
         </ul>
        <{/if}>
       </div>
       <{/if}>
       </td>
      </tr>
    </table>
    <!-- // カートの中身エリア -->

▼【共通css】変更前
/* ------------------------------------- 
 *	カートの中 - 商品名・価格ボタン色/枠線色
 * ------------------------------------- */
.cart_item {
	width:180px;
	overflow:hidden;
	margin:3px 0px 3px 0px;
	padding-left:5px;
	font-size:10px;
	border-left:3px solid <{$cart_view_bordercolor}>;
	border-right:3px solid <{$cart_view_bordercolor}>;
	}
▼【共通css】変更後
/* ------------------------------------- 
 *	カートの中 - 商品名・価格ボタン色/枠線色
 * ------------------------------------- */
.cart_item {
	width:175px;
	overflow:hidden;
	margin:3px 0px 3px 0px;
	padding:5px;
	font-size:10px;
	border-left:3px solid <{$cart_view_bordercolor}>;
	border-right:3px solid <{$cart_view_bordercolor}>;
	}
.incart_name {
	text-align:left;
}
.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
	margin:0;
}

.postage {
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	padding:5px 0;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}	
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
JapanStyle
▼【共通html】変更前
     <div class="cart">
      <h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
      <{if $incart != ""}>
      <ul>
       <{section name=num loop=$incart}>
       <li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a><span>×<{$incart[num].product_num}></span></li>
       <{/section}>
      </ul>
      <{else}>
      <p>カートの中に商品はありません</p>
      <{/if}> </div>

▼【共通html】変更後

     <div class="cart">
      <h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
      <{if $incart != ""}>
       <div class="cart_item">
        <div class="subtotal">
         <{section name=num loop=$incart}>
          <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
          <p class="stotal"><{$incart[num].price}>円</p>
         <{/section}>
        </div>
        <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
        <{if $incart_delivery}>
         <ul class="postage">
          <{section name=num loop=$incart_delivery}>
          <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
          <{if $incart_delivery[num].balance > 0}>
          あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
          <{else}>
          送料無料です!
          <{/if}>
          <{/section}>
         </ul>
        <{/if}>
       </div>

      <{else}><p>カートの中に商品はありません</p>
      <{/if}>
      </div>



▼【共通css】追加:css内に以下の記述を追加してください。
/*送料無料表示*/
#side div.cart p.incart_name {
	line-height:1.4;
	text-align:left;
	padding:5px;
}
#side div.cart p.stotal {
	line-height:1.4;
	text-align:right;
	padding:5px;
}
#side div.cart p.total {
	line-height:1.4;
	text-align:right;
	padding:5px;
}
#side div.cart ul.postage li {
	color:red;
}
#side div.subtotal {
	margin-bottom:0;
}
/*送料無料表示ここまで*/
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
fluffy
▼【共通html】変更前

<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}><ul><{section name=num loop=$incart}><li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a><span>×<{$incart[num].product_num}></span></li>
<{/section}></ul>
<{else}><p>カートの中に商品はありません</p>
<{/if}>

</div>



▼【共通html】変更後

<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}>
 <div class="cart_item">
  <div class="subtotal">
   <{section name=num loop=$incart}>
    <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
    <p class="stotal"><{$incart[num].price}>円</p>
   <{/section}>
  </div>
  <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
  <{if $incart_delivery}>
   <ul class="postage">
    <{section name=num loop=$incart_delivery}>
    <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
    <{if $incart_delivery[num].balance > 0}>
    あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
    <{else}>
    送料無料です!
    <{/if}>
    <{/section}>
   </ul>
  <{/if}>
 </div>

<{else}><p>カートの中に商品はありません</p>
<{/if}>
</div>



▼【共通css】追加:css内に以下の記述を追加してください。
/*送料無料表示*/
#side div.cart p.incart_name {
	line-height:1.4;
	text-align:left;
	padding:5px;
}
#side div.cart p.stotal {
	line-height:1.4;
	text-align:right;
	padding:5px;
}
#side div.cart p.total {
	line-height:1.4;
	text-align:right;
	padding:5px;
	border-top:1px dotted #666;
	border-bottom:1px solid #666;
}
#side div.cart ul.postage li {
	color:red;
}
#side div.subtotal {
	margin-bottom:0;
}
/*送料無料表示ここまで*/
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
オフィススタンダード(RED)
▼【共通html】変更前

<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}><ul><{section name=num loop=$incart}><li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a><span>×<{$incart[num].product_num}></span></li>
<{/section}></ul>
<{else}><p>カートの中に商品はありません</p>
<{/if}>

</div>



▼【共通html】変更後

<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}>
 <div class="cart_item">
  <div class="subtotal">
   <{section name=num loop=$incart}>
    <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
    <p class="stotal"><{$incart[num].price}>円</p>
   <{/section}>
  </div>
  <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
  <{if $incart_delivery}>
   <ul class="postage">
    <{section name=num loop=$incart_delivery}>
    <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
    <{if $incart_delivery[num].balance > 0}>
    あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
    <{else}>
    送料無料です!
    <{/if}>
    <{/section}>
   </ul>
  <{/if}>
 </div>

<{else}><p>カートの中に商品はありません</p>
<{/if}>


</div>



▼【共通css】追加:css内に以下の記述を追加してください。
/*送料無料表示*/
#side div.cart p.incart_name {
	line-height:1.4;
	text-align:left;
	padding:5px;
}
#side div.cart p.stotal {
	line-height:1.4;
	text-align:right;
	padding:5px;
}
#side div.cart p.total {
	line-height:1.4;
	text-align:right;
	padding:5px;
	border-top:1px dotted #666;
	border-bottom:1px solid #666;
}
#side div.cart ul.postage li {
	color:red;
}
#side div.subtotal {
	margin-bottom:0;
}
/*送料無料表示ここまで*/
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
オフィススタンダード(BLACK)
▼【共通html】変更前

<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}><ul><{section name=num loop=$incart}><li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a><span>×<{$incart[num].product_num}></span></li>
<{/section}></ul>
<{else}><p>カートの中に商品はありません</p>
<{/if}>

</div>



▼【共通html】変更後

<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}>
 <div class="cart_item">
  <div class="subtotal">
   <{section name=num loop=$incart}>
    <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
    <p class="stotal"><{$incart[num].price}>円</p>
   <{/section}>
  </div>
  <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
  <{if $incart_delivery}>
   <ul class="postage">
    <{section name=num loop=$incart_delivery}>
    <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
    <{if $incart_delivery[num].balance > 0}>
    あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
    <{else}>
    送料無料です!
    <{/if}>
    <{/section}>
   </ul>
  <{/if}>
 </div>

<{else}><p>カートの中に商品はありません</p>
<{/if}>


</div>



▼【共通css】追加:css内に以下の記述を追加してください。
/*送料無料表示*/
#side div.cart p.incart_name {
	line-height:1.4;
	text-align:left;
	padding:5px;
}
#side div.cart p.stotal {
	line-height:1.4;
	text-align:right;
	padding:5px;
}
#side div.cart p.total {
	line-height:1.4;
	text-align:right;
	padding:5px;
	border-top:1px dotted #666;
	border-bottom:1px solid #666;
}
#side div.cart ul.postage li {
	color:red;
}
#side div.subtotal {
	margin-bottom:0;
}
/*送料無料表示ここまで*/
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
オフィススタンダード(BLUE)
▼【共通html】変更前

<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}><ul><{section name=num loop=$incart}><li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a><span>×<{$incart[num].product_num}></span></li>
<{/section}></ul>
<{else}><p>カートの中に商品はありません</p>
<{/if}>

</div>



▼【共通html】変更後

<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}>
 <div class="cart_item">
  <div class="subtotal">
   <{section name=num loop=$incart}>
    <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
    <p class="stotal"><{$incart[num].price}>円</p>
   <{/section}>
  </div>
  <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
  <{if $incart_delivery}>
   <ul class="postage">
    <{section name=num loop=$incart_delivery}>
    <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
    <{if $incart_delivery[num].balance > 0}>
    あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
    <{else}>
    送料無料です!
    <{/if}>
    <{/section}>
   </ul>
  <{/if}>
 </div>

<{else}><p>カートの中に商品はありません</p>
<{/if}>

</div>



▼【共通css】追加:css内に以下の記述を追加してください。
/*送料無料表示*/
#side div.cart p.incart_name {
	line-height:1.4;
	text-align:left;
	padding:5px;
}
#side div.cart p.stotal {
	line-height:1.4;
	text-align:right;
	padding:5px;
}
#side div.cart p.total {
	line-height:1.4;
	text-align:right;
	padding:5px;
	border-top:1px dotted #666;
	border-bottom:1px solid #666;
}
#side div.cart ul.postage li {
	color:red;
}
#side div.subtotal {
	margin-bottom:0;
}
/*送料無料表示ここまで*/
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
ComfortableTime
▼【共通html】変更前
<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}><ul><{section name=num loop=$incart}><li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a><span>×<{$incart[num].product_num}></span></li>
<{/section}></ul>
<{else}><p>カートの中に商品はありません</p>
<{/if}>

</div>


▼【共通html】変更後

<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}>
 <div class="cart_item">
  <div class="subtotal">
   <{section name=num loop=$incart}>
    <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
    <p class="stotal"><{$incart[num].price}>円</p>
   <{/section}>
  </div>
  <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
  <{if $incart_delivery}>
   <ul class="postage">
    <{section name=num loop=$incart_delivery}>
    <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
    <{if $incart_delivery[num].balance > 0}>
    あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
    <{else}>
    送料無料です!
    <{/if}>
    <{/section}>
   </ul>
  <{/if}>
 </div>

<{else}><p>カートの中に商品はありません</p>
<{/if}>

</div>



▼【共通css】追加:css内に以下の記述を追加してください。
/*送料無料表示*/
#side div.cart p.incart_name {
	line-height:1.4;
	text-align:left;
	padding:5px;
}
#side div.cart p.stotal {
	line-height:1.4;
	text-align:right;
	padding:5px;
}
#side div.cart p.total {
	line-height:1.4;
	text-align:right;
	padding:5px;
	border-top:1px dotted #666;
	border-bottom:1px solid #666;
}
#side div.cart ul.postage li {
	color:red;
}
#side div.subtotal {
	margin-bottom:0;
}
/*送料無料表示ここまで*/
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
JIGGY
▼【共通html】変更前

<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}><ul><{section name=num loop=$incart}><li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a><span>×<{$incart[num].product_num}></span></li>
<{/section}></ul>
<{else}><p>カートの中に商品はありません</p>
<{/if}>

</div>



▼【共通html】変更後

<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}>
 <div class="cart_item">
  <div class="subtotal">
   <{section name=num loop=$incart}>
    <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
    <p class="stotal"><{$incart[num].price}>円</p>
   <{/section}>
  </div>
  <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
  <{if $incart_delivery}>
   <ul class="postage">
    <{section name=num loop=$incart_delivery}>
    <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
    <{if $incart_delivery[num].balance > 0}>
    あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
    <{else}>
    送料無料です!
    <{/if}>
    <{/section}>
   </ul>
  <{/if}>
 </div>

<{else}><p>カートの中に商品はありません</p>
<{/if}>
</div>



▼【共通css】追加:css内に以下の記述を追加してください。
/*送料無料表示*/
#side div.cart p.incart_name {
	line-height:1.4;
	text-align:left;
	padding:5px;
}
#side div.cart p.stotal {
	line-height:1.4;
	text-align:right;
	padding:5px;
}
#side div.cart p.total {
	line-height:1.4;
	text-align:right;
	padding:5px;
	border-top:1px dotted #666;
	border-bottom:1px solid #666;
}
#side div.cart ul.postage li {
	color:red;
}
#side div.subtotal {
	margin-bottom:0;
}
/*送料無料表示ここまで*/
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
ハリウッドヒルズ
▼【共通html】変更前
<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}><ul><{section name=num loop=$incart}><li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a><span>×<{$incart[num].product_num}></span></li>
<{/section}></ul>
<{else}><p>カートの中に商品はありません</p>
<{/if}>

</div>


▼【共通html】変更後

<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}>
 <div class="cart_item">
  <div class="subtotal">
   <{section name=num loop=$incart}>
    <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
    <p class="stotal"><{$incart[num].price}>円</p>
   <{/section}>
  </div>
  <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
  <{if $incart_delivery}>
   <ul class="postage">
    <{section name=num loop=$incart_delivery}>
    <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
    <{if $incart_delivery[num].balance > 0}>
    あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
    <{else}>
    送料無料です!
    <{/if}>
    <{/section}>
   </ul>
  <{/if}>
 </div>

<{else}><p>カートの中に商品はありません</p>
<{/if}>
</div>



▼【共通css】追加:css内に以下の記述を追加してください。
/*送料無料表示*/
#side div.cart p.incart_name {
	line-height:1.4;
	text-align:left;
	padding:5px;
}
#side div.cart p.stotal {
	line-height:1.4;
	text-align:right;
	padding:5px;
}
#side div.cart p.total {
	line-height:1.4;
	text-align:right;
	padding:5px;
	border-top:1px dotted #666;
	border-bottom:1px solid #666;
}
#side div.cart ul.postage li {
	color:red;
}
#side div.subtotal {
	margin-bottom:0;
}
/*送料無料表示ここまで*/
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
ジュエリー&ウォッチ(グレー)
▼【共通html】変更前

<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}><ul><{section name=num loop=$incart}><li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a><span>×<{$incart[num].product_num}></span></li>
<{/section}></ul>
<{else}><p>カートの中に商品はありません</p>
<{/if}>

</div>



▼【共通html】変更後

<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}>
 <div class="cart_item">
  <div class="subtotal">
   <{section name=num loop=$incart}>
    <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
    <p class="stotal"><{$incart[num].price}>円</p>
   <{/section}>
  </div>
  <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
  <{if $incart_delivery}>
   <ul class="postage">
    <{section name=num loop=$incart_delivery}>
    <li><span style="color:#fff;"><{$incart_delivery[num].delivery_name}></span><br />
    <{if $incart_delivery[num].balance > 0}>
    あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
    <{else}>
    送料無料です!
    <{/if}>
    <{/section}>
   </ul>
  <{/if}>
 </div>

<{else}><p>カートの中に商品はありません</p>
<{/if}>
</div>



▼【共通css】追加:css内に以下の記述を追加してください。
/*送料無料表示*/
#side div.cart p.incart_name {
	line-height:1.4;
	text-align:left;
	padding:5px;
}
#side div.cart p.stotal {
	line-height:1.4;
	text-align:right;
	padding:5px;
}
#side div.cart p.total {
	line-height:1.4;
	text-align:right;
	padding:5px;
	border-top:1px dotted #666;
	border-bottom:1px solid #666;
}
#side div.cart ul.postage li {
	color:red;
}
#side div.cart_item {
	margin-left:0;
}
#side div.subtotal {
	margin-bottom:0;
	margin-left:0;
}
/*送料無料表示ここまで*/
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
ジュエリー&ウォッチ(ブラック)
▼【共通html】変更前

<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}><ul><{section name=num loop=$incart}><li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a><span>×<{$incart[num].product_num}></span></li>
<{/section}></ul>
<{else}><p>カートの中に商品はありません</p>
<{/if}>

</div>



▼【共通html】変更後

<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}>
 <div class="cart_item">
  <div class="subtotal">
   <{section name=num loop=$incart}>
    <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
    <p class="stotal"><{$incart[num].price}>円</p>
   <{/section}>
  </div>
  <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
  <{if $incart_delivery}>
   <ul class="postage">
    <{section name=num loop=$incart_delivery}>
    <li><span style="color:#fff;"><{$incart_delivery[num].delivery_name}></span><br />
    <{if $incart_delivery[num].balance > 0}>
    あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
    <{else}>
    送料無料です!
    <{/if}>
    <{/section}>
   </ul>
  <{/if}>
 </div>

<{else}><p>カートの中に商品はありません</p>
<{/if}>

</div>



▼【共通css】変更後
/*送料無料表示*/
#side div.cart p.incart_name {
	line-height:1.4;
	text-align:left;
	padding:5px;
}
#side div.cart p.stotal {
	line-height:1.4;
	text-align:right;
	padding:5px;
}
#side div.cart p.total {
	line-height:1.4;
	text-align:right;
	padding:5px;
	border-top:1px dotted #666;
	border-bottom:1px solid #666;
}
#side div.cart_item {
	margin-left:0;
}
#side div.cart ul.postage li {
	color:red;
}
#side div.subtotal {
	margin-bottom:0;
	margin-left:0;
}

/*送料無料表示ここまで*/
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
ファッション(ブルー)
▼【共通html】変更前

<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}><ul><{section name=num loop=$incart}><li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a><span>×<{$incart[num].product_num}></span></li>
<{/section}></ul>
<{else}><p>カートの中に商品はありません</p>
<{/if}>

</div>



▼【共通html】変更後

<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}>
 <div class="cart_item">
  <div class="subtotal">
   <{section name=num loop=$incart}>
    <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
    <p class="stotal"><{$incart[num].price}>円</p>
   <{/section}>
  </div>
  <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
  <{if $incart_delivery}>
   <ul class="postage">
    <{section name=num loop=$incart_delivery}>
    <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
    <{if $incart_delivery[num].balance > 0}>
    あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
    <{else}>
    送料無料です!
    <{/if}>
    <{/section}>
   </ul>
  <{/if}>
 </div>

<{else}><p>カートの中に商品はありません</p>
<{/if}>
</div>



▼【共通css】追加:css内に以下の記述を追加してください。
/*送料無料表示*/
#side div.cart p.incart_name {
	line-height:1.4;
	text-align:left;
	padding:5px;
}
#side div.cart p.stotal {
	line-height:1.4;
	text-align:right;
	padding:5px;
}
#side div.cart p.total {
	line-height:1.4;
	text-align:right;
	padding:5px;
	border-top:1px dotted #666;
	border-bottom:1px solid #666;
}
#side div.cart ul.postage li {
	color:red;
}
#side div.subtotal {
	margin-bottom:0;
}
/*送料無料表示ここまで*/
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
ファッション(ホワイト)
▼【共通html】変更前

<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}><ul><{section name=num loop=$incart}><li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a><span>×<{$incart[num].product_num}></span></li>
<{/section}></ul>
<{else}><p>カートの中に商品はありません</p>
<{/if}>

</div>



▼【共通html】変更後

<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}>
 <div class="cart_item">
  <div class="subtotal">
   <{section name=num loop=$incart}>
    <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
    <p class="stotal"><{$incart[num].price}>円</p>
   <{/section}>
  </div>
  <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
  <{if $incart_delivery}>
   <ul class="postage">
    <{section name=num loop=$incart_delivery}>
    <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
    <{if $incart_delivery[num].balance > 0}>
    あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
    <{else}>
    送料無料です!
    <{/if}>
    <{/section}>
   </ul>
  <{/if}>
 </div>

<{else}><p>カートの中に商品はありません</p>
<{/if}>
</div>



▼【共通css】追加:css内に以下の記述を追加してください。
/*送料無料表示*/
#side div.cart p.incart_name {
	line-height:1.4;
	text-align:left;
	padding:5px;
}
#side div.cart p.stotal {
	line-height:1.4;
	text-align:right;
	padding:5px;
}
#side div.cart p.total {
	line-height:1.4;
	text-align:right;
	padding:5px;
	border-top:1px dotted #666;
	border-bottom:1px solid #666;
}
#side div.cart ul.postage li {
	color:red;
}
#side div.subtotal {
	margin-bottom:0;
}
/*送料無料表示ここまで*/
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
ファッション(オレンジ)
▼【共通html】変更前

<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}><ul><{section name=num loop=$incart}><li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a><span>×<{$incart[num].product_num}></span></li>
<{/section}></ul>
<{else}><p>カートの中に商品はありません</p>
<{/if}>

</div>



▼【共通html】変更後

<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}>
 <div class="cart_item">
  <div class="subtotal">
   <{section name=num loop=$incart}>
    <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
    <p class="stotal"><{$incart[num].price}>円</p>
   <{/section}>
  </div>
  <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
  <{if $incart_delivery}>
   <ul class="postage">
    <{section name=num loop=$incart_delivery}>
    <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
    <{if $incart_delivery[num].balance > 0}>
    あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
    <{else}>
    送料無料です!
    <{/if}>
    <{/section}>
   </ul>
  <{/if}>
 </div>

<{else}><p>カートの中に商品はありません</p>
<{/if}>
</div>



▼【共通css】追加:css内に以下の記述を追加してください。
/*送料無料表示*/
#side div.cart p.incart_name {
	line-height:1.4;
	text-align:left;
	padding:5px;
}
#side div.cart p.stotal {
	line-height:1.4;
	text-align:right;
	padding:5px;
}
#side div.cart p.total {
	line-height:1.4;
	text-align:right;
	padding:5px;
	border-top:1px dotted #666;
	border-bottom:1px solid #666;
}
#side div.cart ul.postage li {
	color:red;
}
#side div.subtotal {
	margin-bottom:0;
}

/*送料無料表示ここまで*/
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
ファッション(ピンク)

<div style="background-color:#ccc;font-weight:bold;font-size:15px;padding:5px;">▼【共通html】変更前</div>


<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}><ul><{section name=num loop=$incart}><li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a><span>×<{$incart[num].product_num}></span></li>
<{/section}></ul>
<{else}><p>カートの中に商品はありません</p>
<{/if}>

</div>



▼【共通html】変更後

<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}>
 <div class="cart_item">
  <div class="subtotal">
   <{section name=num loop=$incart}>
    <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
    <p class="stotal"><{$incart[num].price}>円</p>
   <{/section}>
  </div>
  <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
  <{if $incart_delivery}>
   <ul class="postage">
    <{section name=num loop=$incart_delivery}>
    <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
    <{if $incart_delivery[num].balance > 0}>
    あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
    <{else}>
    送料無料です!
    <{/if}>
    <{/section}>
   </ul>
  <{/if}>
 </div>

<{else}><p>カートの中に商品はありません</p>
<{/if}>
</div>



▼【共通css】追加:css内に以下の記述を追加してください。
/*送料無料表示*/
#side div.cart p.incart_name {
	line-height:1.4;
	text-align:left;
	padding:5px;
}
#side div.cart p.stotal {
	line-height:1.4;
	text-align:right;
	padding:5px;
}
#side div.cart p.total {
	line-height:1.4;
	text-align:right;
	padding:5px;
	border-top:1px dotted #666;
	border-bottom:1px solid #666;
}
#side div.cart ul.postage li {
	color:red;
}
#side div .subtotal {
	margin-bottom:0;
}

/*送料無料表示ここまで*/
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
カスタム(ピンク)
▼【共通html】変更前

<div class="cart">
<h3><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/35/0202_side_cart_h3.gif" width="200" height="30" alt="カートの中身を見る" /></a></h3>
<{if $incart != ""}><ul><{section name=num loop=$incart}><li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a><span>×<{$incart[num].product_num}></span></li>
<{/section}></ul>
<{else}><p>カートの中に商品はありません</p>
<{/if}>

</div>



▼【共通html】変更後

<div class="cart">
<h3><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/35/0202_side_cart_h3.gif" width="200" height="30" alt="カートの中身を見る" /></a></h3>
<{if $incart != ""}>
 <div class="cart_item">
  <div class="subtotal">
   <{section name=num loop=$incart}>
    <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
    <p class="stotal"><{$incart[num].price}>円</p>
   <{/section}>
  </div>
  <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
  <{if $incart_delivery}>
   <ul class="postage">
    <{section name=num loop=$incart_delivery}>
    <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
    <{if $incart_delivery[num].balance > 0}>
    あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
    <{else}>
    送料無料です!
    <{/if}>
    <{/section}>
   </ul>
  <{/if}>
 </div>

<{else}><p>カートの中に商品はありません</p>
<{/if}>

</div>



▼【共通css】追加:css内に以下の記述を追加してください。
/*送料無料表示*/
#side div.cart p.incart_name {
	line-height:1.4;
	text-align:left;
	padding:5px;
}
#side div.cart p.stotal {
	line-height:1.4;
	text-align:right;
	padding:5px;
}
#side div.cart p.total {
	line-height:1.4;
	text-align:right;
	padding:5px;
	border-top:1px dotted #666;
	border-bottom:1px solid #666;
}
#side div.cart ul.postage li {
	color:red;
}

/*送料無料表示ここまで*/
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
カスタム(オレンジ)
▼【共通html】変更前

<div class="cart">
<h3><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/34/0201_side_cart_h3.gif" width="200" height="30" alt="カートの中身を見る" /></a></h3>
<{if $incart != ""}><ul><{section name=num loop=$incart}><li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a><span>×<{$incart[num].product_num}></span></li>
<{/section}></ul>
<{else}><p>カートの中に商品はありません</p>
<{/if}>

</div>



▼【共通html】変更後

<div class="cart">
<h3><a href="<{$view_cart_url}>"><img src="http://img.shop-pro.jp/tmpl_img/34/0201_side_cart_h3.gif" width="200" height="30" alt="カートの中身を見る" /></a></h3>
<{if $incart != ""}>
 <div class="cart_item">
  <div class="subtotal">
   <{section name=num loop=$incart}>
    <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
    <p class="stotal"><{$incart[num].price}>円</p>
   <{/section}>
  </div>
  <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
  <{if $incart_delivery}>
   <ul class="postage">
    <{section name=num loop=$incart_delivery}>
    <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
    <{if $incart_delivery[num].balance > 0}>
    あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
    <{else}>
    送料無料です!
    <{/if}>
    <{/section}>
   </ul>
  <{/if}>
 </div>

<{else}><p>カートの中に商品はありません</p>
<{/if}>

</div>



▼【共通css】追加:css内に以下の記述を追加してください。
/*送料無料表示*/
#side div.cart p.incart_name {
	line-height:1.4;
	text-align:left;
	padding:5px;
}
#side div.cart p.stotal {
	line-height:1.4;
	text-align:right;
	padding:5px;
}
#side div.cart p.total {
	line-height:1.4;
	text-align:right;
	padding:5px;
	border-top:1px dotted #666;
	border-bottom:1px solid #666;
}
#side div.cart ul.postage li {
	color:red;
}

/*送料無料表示ここまで*/


▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
ファッションサテライト(ブルー)
▼【共通html】変更前

<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}><ul><{section name=num loop=$incart}><li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a><span>×<{$incart[num].product_num}></span></li>
<{/section}></ul>
<{else}><p>カートの中に商品はありません</p>
<{/if}>

</div>



▼【共通html】変更後

<div class="cart">
<h3><a href="<{$view_cart_url}>">カートの中身を見る</a></h3>
<{if $incart != ""}>
 <div class="cart_item">
  <div class="subtotal">
   <{section name=num loop=$incart}>
    <p class="incart_name"><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></p>
    <p class="stotal"><{$incart[num].price}>円</p>
   <{/section}>
  </div>
  <p class="total"><b>商品合計&nbsp;<{$incart_total_price}>円</b></p>
  <{if $incart_delivery}>
   <ul class="postage">
    <{section name=num loop=$incart_delivery}>
    <li><span style="color:#333;"><{$incart_delivery[num].delivery_name}></span><br />
    <{if $incart_delivery[num].balance > 0}>
    あと<b><{$incart_delivery[num].balance}>円</b>で<b>送料無料!</b></li>
    <{else}>
    送料無料です!
    <{/if}>
    <{/section}>
   </ul>
  <{/if}>
 </div>
<{else}>
 <p>カートの中に商品はありません</p>
<{/if}>

</div>



▼【共通css】追加:css内に以下の記述を追加してください。
/*送料無料表示*/
#side div.cart p.incart_name {
	line-height:1.4;
	text-align:left;
	padding:5px;
}
#side div.cart p.stotal {
	line-height:1.4;
	text-align:right;
	padding:5px;
}
#side div.cart p.total {
	line-height:1.4;
	text-align:right;
	padding:5px;
	border-top:1px dotted #666;
	border-bottom:1px solid #666;
}
#side div.cart ul.postage li {
	color:red;
}

/*送料無料表示ここまで*/
▼【決済css】追加:css内に以下の記述を追加してください。
/* -------------------------------------
*        送料無料設定
* ------------------------------------- */
.list_deli {
     list-style-type:none;
}
.list_deli li {
     margin-bottom:2px;
     padding:0;
     font-weight:normal;
}

.free_shipping {
     text-align:right;
     padding:5px;
}
.base01 .free_shipping_area {
     padding:0px;
     margin-top:10px;
     display:block!important;
}
.free_shipping_area td {
     width:694px;
}
.free_shipping_area .list_deli {
     margin:0;
}
.gotoshopping {
     margin:0;
}
以上で挿入作業は完了です。