オプション表示形式

2012年7月3日、オプションに関して以下の機能追加を行いました。

■オプションを表形式で表示可能に

今までプルダウン表示のみだった商品オプションが、表形式でも表示可能になりました。(※PC版のみ対応) オプション表示形式は、【商品登録】ページで「プルダウン形式」と 「表形式」のどちらかを選択することができます。

・プルダウン形式の場合、オプション在庫数が在庫0でもカートに商品をいれるまで在庫数の表示がありません。
・表形式の場合、オプション在庫数が表の中に表示されます。

■在庫0の商品を選択した場合のアラート表示

オプション設定時、在庫0の商品をショップ訪問者が選択した場合に、在庫がない旨の注意文がページに表示されるようになりました。
(※PC版・スマートフォン版のみ対応)

機能追加概要

【管理者ページの設定】商品登録

商品登録】ページで、オプションを設定後に表示形式を選択できます。 「全商品のオプション表示形式を上記設定に変更する」にチェックを入れることで、選択した表示形式を全商品に一括で適用することが可能です。  

【ショップでの表示】 商品詳細ページ

商品登録】ページで選択したオプション表示形式は、ショップの商品詳細ページに反映されます。 また、オプションを設定している場合に、在庫がない商品をカートに入れようとすると在庫がない旨のアラート文を表示します。  

「オプション表示形式」「在庫0の商品を選択した場合のアラート表示」をショップに対応させるには … パソコンショップの場合

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

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

機能追加に対応したテンプレートをダウンロードできます。以下のマニュアルをご参照のうえ、最新のテンプレートをダウンロードし、ご利用ください。 無料テンプレートの追加方法はこちら
有料テンプレートを再度追加する場合は、「デザイン設定」画面の最下部にある【購入済みテンプレートの再追加】のリンクより、再ダウンロードを行ってください。

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

テンプレートの編集を行う場合は、【共通】CSS、【商品詳細】HTML への追記が必要です。 使用するテンプレートを確認し、以下の指定箇所の編集を行ってください。 各ソースの編集内容はこちら
上記タグを変更する位置が分からない場合は、再度ご利用のテンプレートをを追加していただき、上記変更後のタグが記述されている位置をご確認ください。

「在庫0の商品を選択した場合のアラート表示」をショップに対応させるには … スマートフォンショップの場合

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

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

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

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

テンプレートの編集を行う場合は、【共通】CSS、【商品詳細】HTML への追記が必要です。 使用するテンプレートを確認し、以下の指定箇所の編集を行ってください。 各ソースの編集内容はこちら
上記タグを変更する位置が分からない場合は、再度ご利用のテンプレートをを追加していただき、上記変更後のタグが記述されている位置をご確認ください。

【共通】CSS、【商品詳細】HTMLの編集内容

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

【共通】CSS、【商品詳細】HTML に追加するタグは無料テンプレートと有料テンプレートで異なります。

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

【テンプレート別挿入タグ一覧表 】の削除箇所と追加箇所を確認しながらテンプレートを編集してください。 あいうえお … 削除箇所   … 追加箇所  

■テンプレート別挿入タグ一覧表 【商品詳細】HTML

メモリー
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 #privacy dd {
 	line-height:1.5;
 	border-bottom:1px solid <{$privacy_area_bordercorder}>;
 	padding:10px 10px 30px 10px;
}
/* ------------------------------------- 
 *	商品オプション 表形式
 * ------------------------------------- */

#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
 }



▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 				</table>
 			</td>
 			</tr>
 			<{/if}>

			<!--商品オプションをプルダウン形式で表示-->
			<{if !$option_output_mode}>
 			<{section name=num loop=$option}><tr>
 			<th><{$option[num].name}></th>
 			<td>
 				<select name="<{$option[num].select_name}>">

[変更箇所2]下記の部分が変更されています

 				</select>
 			</td>
 			</tr>
 			<{/section}>

			<{/if}>

 		</table>
 		<!--// 商品のスペック表 -->


 		<!-- オプション価格表へのリンク -->
 		<{if $opt_url <> ""}>
 			<div class="option">
 				<{if $product.stock_disp == true}><a href="<{$opt_url}>">オプションの在庫・価格の詳細はコチラ</a>

[変更箇所3]下記の部分が変更されています

 				<{/if}>
 			</div>
 		<{/if}>
 		<!--// オプション価格表へのリンク -->

		<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
		<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p>		

		<!--商品オプションを表形式で表示-->
		<{if $option_output_mode}>
		<{$option_table}>
		<{/if}>
 		
 		<!-- ”カートに入れる”ボタン(売切れ時・休止時・ログイン限定購入商品は表示しない) -->
 		<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
			<input type="image" src="http://img.shop-pro.jp/tmpl_img/20/cart_btn.gif" title="CARTに入れる。" class="cart_btn" />
			
			<p class="disable_cartin"><input type="image" src="http://img.shop-pro.jp/tmpl_img/20/cart_btn.gif" title="CARTに入れる。" class="cart_btn" /></p>
 		<{else}>
 		<{if $product.soldout_flg }><div style="width:130px;padding:5px 20px;background:#ddd;margin:10px auto 0;">SOLD OUT</div>
 		<{elseif $product.login_sale_flg }><div style="width:130px;padding:5px 20px;background:#ddd;margin:10px auto 0;">会員のみ購入できます</div><{/if}>
 		<{/if}>
 		
 		<{if $easy_order_flg == true}>
		<div style="margin-top:10px;"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/20/btn_quick.gif" alt="クイック購入"></a></div>
		<div class="disable_quick" style="margin-top:10px;"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/20/btn_quick.gif" alt="クイック購入"></a></div>
 		<{/if}> 
 		<!--// ”カートに入れる”ボタン -->
 		
 		<!-- 特定商取引法リンク -->			
オレンジノート
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 div#privacy .note {
 	padding:5px;
 }
 
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}



▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 			</td>
 			</tr>
 			<{/if}>
 
			<!--商品オプションをプルダウン形式で表示-->
			<{if !$option_output_mode}>
 			<{section name=num loop=$option}><tr>
 			<th><{$option[num].name}></th>
 			<td>
 				<select name="<{$option[num].select_name}>">

[変更箇所2]下記の部分が変更されています

 				</select>
 			</td>
 			</tr>
 			<{/section}>

			<{/if}>

 			</table>
 			<!--// 商品のスペック表 -->


 			
 			<{if $opt_url <> ""}>
 				<{if $product.stock_disp == true}><p><a href="<{$opt_url}>">オプションの在庫・価格の詳細はコチラ</a></p>
 				<{else}><p><a href="<{$opt_url}>">オプションの価格詳細はコチラ</a></p>
 				<{/if}>
 			<{/if}>
 			

			<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
			<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p>

			<!--商品オプションを表形式で表示-->
			<{if $option_output_mode}>
			<{$option_table}>
			<{/if}>

 			<!-- ”カートに入れる”ボタン(売切れ時・休止時・ログイン限定購入商品は表示しない) -->
 			<div class="cart_in">
 			<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
			<input type="image" src="http://img.shop-pro.jp/tmpl_img/17/cart_in.gif" title="カートに入れる" />
			<p class="disable_cartin"><input type="image" src="http://img.shop-pro.jp/tmpl_img/17/cart_in.gif" title="カートに入れる" /></p>
 			<{else}>
 			<{if $product.soldout_flg }><div style="margin:0 auto;width:120px;padding:5px 10px 2px;background:#ddd;text-align:center;">SOLD OUT</div>
 			<{elseif $product.login_sale_flg }><div style="margin:0 auto;width:120px;padding:5px 10px 2px;background:#ddd;text-align:center;">会員のみ購入できます</div><{/if}>
 			<{/if}>
 			
 			<{if $easy_order_flg == true}>
			<a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/17/btn_quick.gif" alt="クイック購入" style="width:96px;height:29px;"></a>
			<p class="disable_quick"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/17/btn_quick.gif" alt="クイック購入" style="width:96px;height:29px;"></a></p>
 			<{/if}>			
 			</div>
 			<!--// ”カートに入れる”ボタン -->
 			

スカイノート
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 div#privacy .note {
 	padding:5px;
 }
 
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}



▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 			</td>
 			</tr>
 			<{/if}>
 
			<!--商品オプションをプルダウン形式で表示-->
			<{if !$option_output_mode}>
 			<{section name=num loop=$option}><tr>
 			<th><{$option[num].name}></th>
 			<td>
 				<select name="<{$option[num].select_name}>">

[変更箇所2]下記の部分が変更されています

 				</select>
 			</td>
 			</tr>
 			<{/section}>

			<{/if}>

 			</table>
 			<!--// 商品のスペック表 -->
 			
 			

[変更箇所3]下記の部分が変更されています

 				<{else}><p><a href="<{$opt_url}>">オプションの価格詳細はコチラ</a></p>
 				<{/if}>
 			<{/if}>
 			
			<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
			<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p>

			<!--商品オプションを表形式で表示-->
			<{if $option_output_mode}>
			<{$option_table}>
			<{/if}>
 			
 			<!-- ”カートに入れる”ボタン(売切れ時・休止時・ログイン限定購入商品は表示しない) -->
 			<div class="cart_in">
 			<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
			<input type="image" src="http://img.shop-pro.jp/tmpl_img/24/cart_in.gif" title="カートに入れる" />
			<p class="disable_cartin"><input type="image" src="http://img.shop-pro.jp/tmpl_img/24/cart_in.gif" title="カートに入れる" /></p>
 			<{else}>
 			<{if $product.soldout_flg }><div style="width:120px;padding:5px 10px 2px;margin:0 auto;background:#ddd;text-align:center;">SOLD OUT</div>
 			<{elseif $product.login_sale_flg }><div style="width:120px;padding:5px 10px 2px;margin:0 auto;background:#ddd;text-align:center;">会員のみ購入できます</div><{/if}>
 			<{/if}>
 
 			<{if $easy_order_flg == true}>
			<a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/24/btn_quick.gif" alt="クイック購入" style="width:96px;height:29px;"></a>
			<p class="disable_quick"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/24/btn_quick.gif" alt="クイック購入" style="width:96px;height:29px;"></a></p>
 			<{/if}>
 			</div>
 			<!--// ”カートに入れる”ボタン -->
 			
レタスノート
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 div#privacy .note {
 	padding:5px;
 }
 
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}



▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 			</td>
 			</tr>
 			<{/if}>
 
			<!--商品オプションをプルダウン形式で表示-->
			<{if !$option_output_mode}>
 			<{section name=num loop=$option}><tr>
 			<th><{$option[num].name}></th>
 			<td>
 				<select name="<{$option[num].select_name}>">

[変更箇所2]下記の部分が変更されています

 				</select>
 			</td>
 			</tr>
 			<{/section}>

			<{/if}>

 			</table>
 			<!--// 商品のスペック表 -->
 			
 			

[変更箇所3]下記の部分が変更されています

 				<{else}><p><a href="<{$opt_url}>">オプションの価格詳細はコチラ</a></p>
 				<{/if}>
 			<{/if}>
 			
			<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
			<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p>

			<!--商品オプションを表形式で表示-->
			<{if $option_output_mode}>
			<{$option_table}>
			<{/if}>
 			
 			<!-- ”カートに入れる”ボタン(売切れ時・休止時・ログイン限定購入商品は表示しない) -->
 			<div class="cart_in">
 			<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
			<input type="image" src="http://img.shop-pro.jp/tmpl_img/25/cart_in.gif" title="カートに入れる" />
			<p class="disable_cartin"><input type="image" src="http://img.shop-pro.jp/tmpl_img/25/cart_in.gif" title="カートに入れる" /></p>
 			<{else}>
 			<{if $product.soldout_flg }><div style="width:120px;padding:5px 10px 2px;margin:0 auto;background:#ddd;text-align:center;">SOLD OUT</div>
 			<{elseif $product.login_sale_flg }><div style="width:120px;padding:5px 10px 2px;margin:0 auto;background:#ddd;text-align:center;">会員のみ購入できます</div><{/if}>
 			<{/if}>
 
 			<{if $easy_order_flg == true}>
			<a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/25/btn_quick.gif" alt="クイック購入" style="width:96px;height:29px;"></a>
			<p class="disable_quick"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/25/btn_quick.gif" alt="クイック購入" style="width:96px;height:29px;"></a></p>
 			<{/if}>
 			</div>
 			<!--// ”カートに入れる”ボタン -->
 			
プレーン
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	margin:3px;
 	float:left;
 }
 
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}



▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	</td>
 	</tr>
 <{/if}>
 

<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <!-- 商品オプション -->
 <{section name=num loop=$option}>
 	<tr>
 	<th><{$option[num].name}></th>

[変更箇所2]下記の部分が変更されています

 		</select>
 	</td>
 	</tr>
 <{/section}>
<{/if}>
 
 </table>
 <div>
 

[変更箇所3]下記の部分が変更されています

 
 
 
 </div>
<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<{$option_table}>
<{/if}>
 
 <!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
	<div class="button">
	<div class="button disable_cartin">
 	<input type="submit" value="Add to cart" />
 	</div>
 <{else}>
 	<{if $product.soldout_flg }><div style="width:120px;padding:5px 10px 2px;background:#ddd;text-align:center;margin-top:10px;">SOLD OUT</div>
 <{elseif $product.login_sale_flg }><div style="width:120px;padding:5px 10px 2px;background:#ddd;text-align:center;margin-top:10px;">会員のみ購入できます</div><{/if}>
 <{/if}>
 
 <{if $easy_order_flg == true}>
	<div style="margin-top:5px;"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/13/btn_quick.gif" alt="クイック購入"></a></div>
	<div  class="disable_quick" style="margin-top:5px;"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/13/btn_quick.gif" alt="クイック購入"></a></div>
 <{/if}>
 <!-- 特定商取引法リンク -->			
 <p id="sk_link_other">
 	<a href="<{$sk_url}>">&raquo;&nbsp;特定商取引法に基づく表記 (返品など)</a>

シンプル(レッド)
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	margin: 10px 5px 20px 15px;
 	}
 
 
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}



▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 </td>
 </tr>
 <{/if}>
 

<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <!-- 商品オプション -->
 <{section name=num loop=$option}>
 <tr>
 <td width="75" class="td1"><{$option[num].name}></td>

[変更箇所2]下記の部分が変更されています

 </select>
 </td>
 </tr>
 <{/section}>
<{/if}>
 
 </table>
 
 <{if $opt_url <> ""}>

[変更箇所3]下記の部分が変更されています

 </div>
 <{/if}>
 
 
<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;background:none;border:none;margin:0;"></p>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<{$option_table}>
<{/if}>
 
 <!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
<div class="product_incart">
<div class="product_incart disable_cartin">
 <input type="image" src="http://img.shop-pro.jp/tmpl_img/4/button_incart.gif" name="submit" alt="カートに入れる" width="130" height="30" border="0" name="submit" alt="カートに入れる" />
 </div>
 <{else}>
 <{if $product.soldout_flg }><div style="width:120px;padding:5px 10px 2px;background:#ddd;text-align:center;margin-top:10px;">SOLD OUT</div>
 <{elseif $product.login_sale_flg }><div style="width:120px;padding:5px 10px 2px;background:#ddd;text-align:center;margin-top:10px;">会員のみ購入できます</div><{/if}>
 <{/if}>
 
 <{if $easy_order_flg == true}>
<div style="margin:0 10px;text-align:center;"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/4/btn_quick.gif" alt="クイック購入"></a></div>
<div class="disable_quick" style="margin:0 10px;text-align:center;"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/4/btn_quick.gif" alt="クイック購入"></a></div>
 <{/if}>  
 
 <!-- 特定商取引法リンク -->			
 <div id="sk_link_other">
シンプル(ブルー)
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	line-height: 150%;
 	margin: 10px 5px 20px 15px;
 	}
 
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}



▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 </td>
 </tr>
 <{/if}>
 

<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <!-- 商品オプション -->
 <{section name=num loop=$option}>
 <tr>
 <td width="75" class="td1"><{$option[num].name}></td>

[変更箇所2]下記の部分が変更されています

 </select>
 </td>
 </tr>
 <{/section}>
<{/if}>
 
 </table>
 
 <{if $opt_url <> ""}>

[変更箇所3]下記の部分が変更されています

 </div>
 <{/if}>
 
 
<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;background:none;border:none;margin:0;"></p>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<{$option_table}>
<{/if}>
 
 <!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
<div class="product_incart">
<div class="product_incart disable_cartin">
 <input type="image" src="http://img.shop-pro.jp/tmpl_img/7/button_incart.gif" name="submit" alt="カートに入れる" width="130" height="30" border="0" name="submit" alt="カートに入れる" />
 </div>
 <{else}>
 <{if $product.soldout_flg }><div style="width:120px;padding:5px 10px 2px;background:#ddd;text-align:center;margin-top:10px;">SOLD OUT</div>
 <{elseif $product.login_sale_flg }><div style="width:120px;padding:5px 10px 2px;background:#ddd;text-align:center;margin-top:10px;">会員のみ購入できます</div><{/if}>
 <{/if}>
 
 <{if $easy_order_flg == true}>
<div style="margin:0 10px;text-align:center;"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/7/btn_quick.gif" alt="クイック購入"></a></div>
<div class="disable_quick" style="margin:0 10px;text-align:center;"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/7/btn_quick.gif" alt="クイック購入"></a></div>
 <{/if}>
 
 
 <!-- 特定商取引法リンク -->			
シンプル(グレー)
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	line-height: 150%;
 	margin: 10px 5px 20px 15px;
 	}
 
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}



▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 </td>
 </tr>
 <{/if}>
 

<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <!-- 商品オプション -->
 <{section name=num loop=$option}>
 <tr>
 <td width="75" class="td1"><{$option[num].name}></td>

[変更箇所2]下記の部分が変更されています

 </select>
 </td>
 </tr>
 <{/section}>
<{/if}>
 
 </table>
 
 <{if $opt_url <> ""}>

[変更箇所3]下記の部分が変更されています

 </div>
 <{/if}>
 
 
<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;background:none;border:none;margin:0;"></p>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<{$option_table}>
<{/if}>
 
 <!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
<div class="product_incart">
<div class="product_incart disable_cartin">
 <input type="image" src="http://img.shop-pro.jp/tmpl_img/8/button_incart.gif" name="submit" alt="カートに入れる" width="130" height="30" border="0" name="submit" alt="カートに入れる" />
 </div>
 <{else}>
 <{if $product.soldout_flg }><div style="width:120px;padding:5px 10px 2px;background:#ddd;text-align:center;margin-top:10px;">SOLD OUT</div>
 <{elseif $product.login_sale_flg }><div style="width:120px;padding:5px 10px 2px;background:#ddd;text-align:center;margin-top:10px;">会員のみ購入できます</div><{/if}>
 <{/if}>
 
 <{if $easy_order_flg == true}>
<div style="margin:0 10px;text-align:center;"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/8/btn_quick.gif" alt="クイック購入"></a></div>
<div class="disable_quick" style="margin:0 10px;text-align:center;"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/8/btn_quick.gif" alt="クイック購入"></a></div>
 <{/if}>
 
 <!-- 特定商取引法リンク -->			
 <div id="sk_link_other">
シンプル(ラベンダー)
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	border-top:#ffffff dotted 1px;
 	margin-top:10px;
 }
 
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}



▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 </td>
 </tr>
 <{/if}>
 

<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <!-- 商品オプション -->
 <{section name=num loop=$option}>
 <tr>
 <td width="75" class="td1"><{$option[num].name}></td>

[変更箇所2]下記の部分が変更されています

 </select>
 </td>
 </tr>
 <{/section}>
<{/if}>
 
 </table>
 
 <{if $opt_url <> ""}>

[変更箇所3]下記の部分が変更されています

 </div>
 <{/if}>
 
 
<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;background:none;border:none;margin:0;"></p>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<{$option_table}>
<{/if}>
 
 <!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
<div class="product_incart">
<div class="product_incart disable_cartin">
 <input type="image" src="http://img.shop-pro.jp/tmpl_img/9/button_incart.gif" name="submit" alt="カートに入れる" width="130" height="30" border="0" name="submit" alt="カートに入れる" />
 </div>
 <{else}>
 <{if $product.soldout_flg }><div style="width:120px;padding:5px 10px 2px;background:#ddd;text-align:center;margin-top:10px;">SOLD OUT</div>
 <{elseif $product.login_sale_flg }><div style="width:120px;padding:5px 10px 2px;background:#ddd;text-align:center;margin-top:10px;">会員のみ購入できます</div><{/if}>
 <{/if}>
 
 <{if $easy_order_flg == true}>
<div style="margin:0 10px;text-align:center;"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/9/btn_quick.gif" alt="クイック購入"></a></div>
<div class="disable_quick" style="margin:0 10px;text-align:center;"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/9/btn_quick.gif" alt="クイック購入"></a></div>
 <{/if}>
 
 <!-- 特定商取引法リンク -->			
 <div id="sk_link_other">
ミニ
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	text-align: left;
 	line-height : 170%
 	}
 
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}



▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 					</td>
 					</tr>
 				<{/if}>
 

				<!--商品オプションをプルダウン形式で表示-->
				<{if !$option_output_mode}>
 				<!-- 商品オプション -->
 				<{section name=num loop=$option}>
 					<tr style="border-bottom: 1px #CCC solid;">
 					<td class="CELL_1"><{$option[num].name}></td>

[変更箇所2]下記の部分が変更されています

 						</select>
 					</td>
 					</tr>
 				<{/section}>
				<{/if}>

 				</table>
				<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
				<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p>

				<!--商品オプションを表形式で表示-->
				<{if $option_output_mode}>
				<{$option_table}>
				<{/if}>
 
 				<{if $opt_url <> ""}>
 					<div>
 						<{if $product.stock_disp == true}>

[変更箇所3]下記の部分が変更されています

 			<td colspan="2" align="center">
 				<a href="<{$keep_shopping_url}>"><img src="http://img.shop-pro.jp/tmpl_img/10/continue.gif" width="150" height="24" alt="買い物を続ける"></a>
 				<!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 				<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
					 <input type="image" src="http://img.shop-pro.jp/tmpl_img/10/itemcart.gif" name="submit" alt="カートに入れる" width="150" height="24" style="border:none;" name="submit" alt="カートに入れる" />
					<p class="disable_cartin"><input type="image" src="http://img.shop-pro.jp/tmpl_img/10/itemcart.gif" name="submit" alt="カートに入れる" width="150" height="24" style="border:none;" name="submit" alt="カートに入れる" /></p>
 				<{else}>
 				<{if $product.soldout_flg }><div style="margin-top:10px;width:120px;padding:3px 20px;background:#ddd;text-align:center;">SOLD OUT</div>
 				<{elseif $product.login_sale_flg }><div style="margin-top:10px;width:120px;padding:3px 20px;background:#ddd;text-align:center;">会員のみ購入できます</div><{/if}>
 				<{/if}>
 
 				<{if $easy_order_flg == true}>
				<a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/10/btn_quick.gif" alt="クイック購入"></a>
				<p class="disable_quick"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/10/btn_quick.gif" alt="クイック購入"></a></p>
 				<{/if}>
 
 				<!-- 特定商取引法リンク -->			
 				<p id="sk_link_other">

ヘンプ
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 .pe_note {
 	line-height: 150%;
 	margin:5px 5px 20px 30px;
 	}
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}




▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	</td>
 	</tr>
 <{/if}>
 

<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <!-- 商品オプション -->
 <{section name=num loop=$option}>
 	<tr style="border-bottom: 1px #CCC solid;">
 	<td class="cell_1"><div class="cell_mar">・ <{$option[num].name}></div></td>

[変更箇所2]下記の部分が変更されています

 		</select></div>
 	</td>
 	</tr>
 <{/section}>
<{/if}>

 </table>
 
 
<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<{$option_table}>
<{/if}>
 
 <!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
	<input type="image" src="http://img.shop-pro.jp/tmpl_img/26/detail_cart.jpg" width="246" height="60" style="border:none;" name="submit" alt="カートに入れる">
	<p class="disable_cartin"><input type="image" src="http://img.shop-pro.jp/tmpl_img/26/detail_cart.jpg" width="246" height="60" style="border:none;" name="submit" alt="カートに入れる"></p>
 <{else}>
 <{if $product.soldout_flg }><div style="margin:0 auto;width:130px;padding:5px 20px;background:#f00;color:#fff;font-weight:bold;text-align:center;">SOLD OUT</div>
 <{elseif $product.login_sale_flg }><div style="margin:0 auto;width:130px;padding:5px 20px;background:#f00;color:#fff;font-weight:bold;text-align:center;">会員のみ購入できます</div><{/if}>
 <{/if}>
 
 <{if $easy_order_flg == true}>
<div style="margin-top:10px;"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/26/btn_quick.jpg" alt="クイック購入"></a></div>
<div class="disable_quick" style="margin-top:10px;"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/26/btn_quick.jpg" alt="クイック購入"></a></div>
 <{/if}>
 
 <!-- 特定商取引法リンク -->			
 <p id="sk_link_other">
ビター
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 div#privacy .note {
 	padding:5px 5px 15px 5px;
 }
 
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}



▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 			</td>
 			</tr>
 <{/if}>
 
			<!--商品オプションをプルダウン形式で表示-->
			<{if !$option_output_mode}>
 			<{section name=num loop=$option}><tr>
 			<th><{$option[num].name}></th>
 			<td>
 				<select name="<{$option[num].select_name}>">

[変更箇所2]下記の部分が変更されています

 				</select>
 			</td>
 			</tr>
 <{/section}>

			<{/if}>
 			</table>
 			<!--// 商品のスペック表 -->
 		

			<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
			<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p>


 			<{if $opt_url <> ""}>
 				<{if $product.stock_disp == true}><p class="option"><a href="<{$opt_url}>">オプションの在庫・価格の詳細はコチラ</a></p>
 				<{else}><p class="option"><a href="<{$opt_url}>">オプションの価格詳細はコチラ</a></p>
 				<{/if}>
 			<{/if}>

			<!--商品オプションを表形式で表示-->
			<{if $option_output_mode}>
			<{$option_table}>
			<{/if}>

 			<!-- ”カートに入れる”ボタン(売切れ時・休止時・ログイン限定購入商品は表示しない)  -->
 			<{if $product.soldout_flg == 0 && $shop_stop_flg == false &&$product.login_sale_flg == false }>
				<input type="image" src="http://img.shop-pro.jp/tmpl_img/18/cart_btn.gif" title="カートに入れる" class="cart_btn" />
				<p class="disable_cartin"><input type="image" src="http://img.shop-pro.jp/tmpl_img/18/cart_btn.gif" title="カートに入れる" class="cart_btn" /></p>
 			<{else}>
 				<{if $product.soldout_flg }><div style="background:#f00;text-align:center;margin-top:10px;">SOLD OUT</div>
 				<{elseif $product.login_sale_flg }><div style="background:#f00;text-align:center;margin-top:10px;">会員のみ購入できます</div><{/if}>
 			<{/if}>
 
 			<{if $easy_order_flg == true}>
			<div style="margin-top:10px;><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/18/btn_quick.gif" alt="クイック購入"></a></div>
			<div class="disable_quick" style="margin-top:10px;><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/18/btn_quick.gif" alt="クイック購入"></a></div>
 			<{/if}>
 			<!--// ”カートに入れる”ボタン -->
 			
 			<!-- 特定商取引法リンク -->			

アクア
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	margin:0px;
 	color:#ff0000;
 }
 
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}



▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 		</td>
 		</tr>
 		<{/if}>
 

		<!--商品オプションをプルダウン形式で表示-->
		<{if !$option_output_mode}>
 		<!-- 商品オプション -->
 		<{section name=num loop=$option}>
 		<tr>
 		<td width="75"><{$option[num].name}></td>

[変更箇所2]下記の部分が変更されています

 		</select>
 		</td>
 		</tr>
 		<{/section}>
		<{/if}>
 
 		</table>
	<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
	<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p>
 
 	<{if $opt_url <> ""}>
 	<div style="margin-top:5px;">
 	<{if $product.stock_disp == true}>

[変更箇所3]下記の部分が変更されています

 	<{else}>
 	&raquo; <a href="<{$opt_url}>">オプションの価格詳細はコチラ</a>
 	<{/if}>
 	</div>
	<{/if}>

	<!--商品オプションを表形式で表示-->
	<{if $option_output_mode}>
	<{$option_table}>
 	<{/if}>
 
 	<div style="padding:10px 0px 0px 0px;border-bottom:1px solid #e1e1e1;"></div>
 
 	<!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 	<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
	<div style="margin-top:10px;">
	<input type="submit" name="aquaform" value="カートに入れる" />
	<div class="disable_cartin" style="margin-top:10px;">
	<input type="submit" name="submit" name="submit" value="カートに入れる" />
 	</div>
 	<{else}>
 	<{if $product.soldout_flg }><div style="margin-top:10px;width:130px;padding:5px 20px 2px;background:#ddd;text-align:center;">SOLD OUT</div>
 	<{elseif $product.login_sale_flg }><div style="margin-top:10px;width:130px;padding:5px 20px 2px;background:#ddd;text-align:center;">会員のみ購入できます</div><{/if}>
 	<{/if}>
 
 	<{if $easy_order_flg == true}>
	<div  style="margin-top:5px;"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/12/btn_quick.gif" alt="クイック購入"></a></div>
	<div class="disable_quick" style="margin-top:5px;"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/12/btn_quick.gif" alt="クイック購入"></a></div>
 	<{/if}>  
 	<!-- 特定商取引法リンク -->			
 	<p id="sk_link_other">
 		<a href="<{$sk_url}>">&raquo;&nbsp;特定商取引法に基づく表記 (返品など)</a>
ブロック
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 .privacy_note {
 	margin:0px 10px 20px 30px;
 }
 
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
	border-collapse:collapse;
	margin:10px auto 0;
	border-top:1px solid #242D4B;
	border-left:1px solid #242D4B;
	width:100%;
	background:#fff;
}
#option_tbl th{
	padding:5px;
	border-bottom:1px solid #242D4B;
	border-right:1px solid #242D4B;
}
#option_tbl td input{
	float:none;
	margin:0 0 5px;
	width:auto;
}
#option_tbl td {
	padding:5px;
	text-align:center;
	border-bottom:1px solid #242D4B;
	border-right:1px solid #242D4B;
}
.stock_zero {
	color:red;
}



▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 		<tr><td class="main_tbl_cell">・在庫数</td>
 			<td><{$product.stock_str}></td></tr>
 		<{/if}>
 
		<!--商品オプションをプルダウン形式で表示-->
		<{if !$option_output_mode}>
 		<!-- 商品オプション -->
 		<{section name=num loop=$option}>
 			<tr><td class="main_tbl_cell">・<{$option[num].name}></td>
 				<td>

[変更箇所2]下記の部分が変更されています

 					</select>
 				</td>
 			</tr>
 		<{/section}>
		<{/if}>
 
 		<!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 		<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
 		<tr><td class="main_tbl_cell">・購入数</td>

[変更箇所3]下記の部分が変更されています

 			</td>
 		</tr>
 		<{/if}>
 
		<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
		<tr><td colspan="2"><p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p></td></tr>

		<!--商品オプションを表形式で表示-->
		<{if $option_output_mode}>
		<tr><td colspan="2">
		<{$option_table}>
		</td></tr>
		<{/if}>
		
 		<{if $opt_url <> ""}>
 		<tr><td colspan="2" style="font-size:11px; padding:5px 0px 5px 10px;">
 			<{if $product.stock_disp == true}>
 				<a href="<{$opt_url}>">>>オプションの在庫・価格の詳細はコチラ</a>
[変更箇所4]下記の部分が変更されています
 		<{/if}>
 
 		<!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 		<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
		<tr><td colspan="2" style="padding:5px; text-align:center;"><input type="image" src="http://img.shop-pro.jp/tmpl_img/3/btn_cart.gif" name="submit" alt="カートに入れる"></td></tr>
		<tr><td colspan="2" style="padding:5px; text-align:center;"><p class="disable_cartin"><input type="image" src="http://img.shop-pro.jp/tmpl_img/3/btn_cart.gif" name="submit" alt="カートに入れる"></p></td></tr>
 		<{else}>
 		<tr><td colspan="2" style="padding:5px; text-align:center;"><{if $product.soldout_flg }><div style="width:130px;padding:5px 20px;background:#f00;color:#fff;font-weight:bold;text-align:center;">SOLD OUT</div>
 		<{elseif $product.login_sale_flg }><div style="width:130px;padding:5px 20px;background:#f00;color:#fff;font-weight:bold;text-align:center;">会員のみ購入できます</div><{/if}></td></tr>
 		<{/if}>
 		<tr><td colspan="2" style="padding:5px; text-align:center;">
 		<{if $easy_order_flg == true}>
		<a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/3/btn_quick.gif" alt="クイック購入"></a>
		<p class="disable_quick"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/3/btn_quick.gif" alt="クイック購入"></a></p>
 		<{/if}></td></tr>
 
 		<!-- 特定商取引法リンク -->
 		<tr><td colspan="2" id="sk_link_other"><a href="<{$sk_url}>">&raquo;&nbsp;特定商取引法に基づく表記 (返品など)</a></td></tr>
鹿の子
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	margin-top:5px;
 	margin:5px 5px 30px 5px;
 }
 
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
     color:#fff;
     font-weight:normal;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#62806A;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
     background:#fff;
}
.stock_zero {
     color:red;
}



▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 			</td>
 			</tr>
 <{/if}>
 
			<!--商品オプションをプルダウン形式で表示-->
			<{if !$option_output_mode}>
 			<{section name=num loop=$option}><tr>
 			<th><{$option[num].name}></th>
 			<td>
 				<select name="<{$option[num].select_name}>">

[変更箇所2]下記の部分が変更されています

 				</select>
 			</td>
 			</tr>
 <{/section}>

			<{/if}>
 			</table>
 		<!--// 商品スペック表 -->
 		
		<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
		<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p>

		<!--商品オプションを表形式で表示-->
		<{if $option_output_mode}>
		<{$option_table}>
		<{/if}>
 		
 		<!-- オプション価格表へのリンク -->
 		<{if $opt_url <> ""}>
 		<div class="option">

[変更箇所3]下記の部分が変更されています

 		<div class="detail_btn">
 		
 			<!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 			<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
			<input type="image" src="http://img.shop-pro.jp/tmpl_img/19/detail_cart.gif" title="カートに入れる" class="cart_in" />
			<p class="disable_cartin"><input type="image" src="http://img.shop-pro.jp/tmpl_img/19/detail_cart.gif" title="カートに入れる" class="cart_in" /></p>
 			<{else}>
 			<{if $product.soldout_flg }><div style="width:130px;padding:5px 20px;background:#f00;color:#fff;font-weight:bold;text-align:center;">SOLD OUT</div>
 			<{elseif $product.login_sale_flg }><div style="width:130px;padding:5px 20px;background:#f00;color:#fff;font-weight:bold;text-align:center;">会員のみ購入できます</div><{/if}>
 			<{/if}>
 
 			<{if $easy_order_flg == true}>
			<a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/19/btn_quick.gif" alt="クイック購入"></a>
			<p class="disable_quick"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/19/btn_quick.gif" alt="クイック購入"></a></p>
 			<{/if}>
 			<!--// ”カートに入れる”ボタン -->	
 			
 			<!-- 特定商取引法リンク -->			

レース
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	margin:0px;
 	color:#ff0000;
 }
 
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}



▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 						</td>
 					</tr>
 					<{/if}>
 

					<!--商品オプションをプルダウン形式で表示-->
					<{if !$option_output_mode}>
 					<!-- 商品オプション(設定している場合のみ表示する) -->
 					<{section name=num loop=$option}>
 						<tr>
 						<th><{$option[num].name}></th>

[変更箇所2]下記の部分が変更されています

 						</td>
 						</tr>
 					<{/section}>
 					<!-- //商品オプション(設定している場合のみ表示する) -->

					<{/if}>

 				</table>
				<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
				<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p>

				<!--商品オプションを表形式で表示-->
				<{if $option_output_mode}>
				<{$option_table}>
				<{/if}>
 				
 				<!-- オプション(設定されていないときは表示されない) -->
 				<{if $opt_url <> ""}><div class="option">
 					<{if $product.stock_disp == true}>・<a href="<{$opt_url}>">オプションの在庫・価格の詳細はコチラ</a><{else}>・<a href="<{$opt_url}>">オプションの価格詳細はコチラ</a>

[変更箇所3]下記の部分が変更されています

 				
 				
 			</td>
 			
			<td style="width:175px; ">
			<td valign="top" style="width:175px; ">
 			<!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 			<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
				<input type="image" src="http://img.shop-pro.jp/tmpl_img/16/cart.gif" title="カートに入れる" class="cart" />
				<input type="image" src="http://img.shop-pro.jp/tmpl_img/16/cart.gif" title="カートに入れる" class="cart disable_cartin" />
 			<{else}>
 			<{if $product.soldout_flg }><div style="width:130px;padding:5px 20px;background:#ddd;text-align:center;">SOLD OUT</div>
 			<{elseif $product.login_sale_flg }><div style="width:130px;padding:5px 20px;background:#ddd;text-align:center;">会員のみ購入できます</div><{/if}>
 			<{/if}>
 
 			<{if $easy_order_flg == true}>
			<div style="margin-bottom:10px;"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/16/btn_quick.gif" alt="クイック購入"></a></div>
			<div style="margin-bottom:10px;"><a href="<{$easy_order_url}>" class="disable_quick"><img src="http://img.shop-pro.jp/tmpl_img/16/btn_quick.gif" alt="クイック購入"></a></div>
 			<{/if}>  
 			<!-- 特定商取引法リンク -->			
 			<div id="sk_link_other">
 				<a href="<{$sk_url}>">特定商取引法に基づく表記(返品など)</a>

ビューティー
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 .privacy_note {
 	padding:10px;
 	}
 
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}



▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 							</td>
 						</tr>
 						<{/if}>
 

						<!--商品オプションをプルダウン形式で表示-->
						<{if !$option_output_mode}>
					
 						<!-- 商品オプション(設定している場合のみ表示する) -->
 						<{section name=num loop=$option}>
 							<tr>
 							<td><{$option[num].name}></td>

[変更箇所2]下記の部分が変更されています

 								</select>
 							</td>
 							</tr>
 						<{/section}>
						<{/if}>



						<tr><td colspan="2">
						<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
						<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p>
						</td></tr>
 
 						<{if $opt_url <> ""}>
 						<tr>
 							<td colspan="2">

[変更箇所3]下記の部分が変更されています

 						<{else}><a href="<{$opt_url}>">&rsaquo;&rsaquo; オプションの価格詳細はコチラ</a><{/if}>
 							</td>
 						</tr>
 						<{/if}>

						<tr><td colspan="2">
							<!--商品オプションを表形式で表示-->
							<{if $option_output_mode}>
							<{$option_table}>
							<{/if}>
						</td></tr>
 						<!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 						<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
 						<tr>
 						 	<td colspan="2">
								<input type="image" src="http://img.shop-pro.jp/tmpl_img/15/cart_btn2.gif" name="submit" alt="カートに入れる" style="margin:5px 0px;">
							<p class="disable_cartin"><input type="image" src="http://img.shop-pro.jp/tmpl_img/15/cart_btn2.gif" name="submit" alt="カートに入れる" style="margin:5px 0px;"></p>
 							</td>
 						</tr>
 						<{else}>
 						<tr>
[変更箇所4]下記の部分が変更されています
 
 						<{if $easy_order_flg == true}>
 						<tr>
 						 	<td colspan="2">
							<a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/15/btn_quick.gif" alt="クイック購入"></a>
							<p class="disable_quick"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/15/btn_quick.gif" alt="クイック購入"></a></p>
 							</td>
 						</tr>
 
 						<{/if}>

ナチュラル
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 .privacy_note {
 	margin:0px 10px 20px 20px;
 }
 
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}



▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 							<th class="product_cell1">在庫数</th>
 							<td class="product_cell2"><{$product.stock_str}></td>
 						</tr>
 					<{/if}>

					<!--商品オプションをプルダウン形式で表示-->
					<{if !$option_output_mode}>
 					<!-- 商品オプション -->
 					<{section name=num loop=$option}>
 						<tr>
 							<th class="product_cell1"><{$option[num].name}></th>

[変更箇所2]下記の部分が変更されています

 								</select>
 							</td>
 						</tr>
 					<{/section}>

					<{/if}>

 					<!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 					<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
 					<tr>
 						<th class="product_cell1">購入数</th>

[変更箇所3]下記の部分が変更されています

 					</tr>
 					<{/if}>
 					
 				</table>
				<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
				<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p>

 				
 				<{if $opt_url <> ""}>
 					<{if $product.stock_disp == true}>
 						<a href="<{$opt_url}>">■オプションの在庫・値段の詳細はこちら</a>
 					<{else}>
 						<a href="<{$opt_url}>">■オプションの値段詳細はこちら</a>
 					<{/if}>
				<{/if}>

				<!--商品オプションを表形式で表示-->
				<{if $option_output_mode}>
				<{$option_table}>
 				<{/if}>
 				
 				<div class="product_doing">
 					<div class="product_incart" align="center">
 						<!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 						<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
						<input type="image" src="http://img.shop-pro.jp/tmpl_img/1/incart.gif" name="submit" alt="カートに入れる">
						<p class="disable_cartin"><input type="image" src="http://img.shop-pro.jp/tmpl_img/1/incart.gif" name="submit" alt="カートに入れる"></p>
 						<{else}>
 						<{if $product.soldout_flg }><div class="cart_box">SOLD OUT</div>
 						<{elseif $product.login_sale_flg }><div class="cart_box">会員のみ購入できます</div><{/if}>
 						<{/if}>
 						
 						<{if $easy_order_flg == true}>
						<a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/1/btn_quick.gif" alt="クイック購入"></a>
						<p class="disable_quick"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/1/btn_quick.gif" alt="クイック購入"></a></p>
 						<{/if}>						
 						<!-- 特定商取引法リンク -->			
 						<p id="sk_link_other">
 							<a href="<{$sk_url}>">&raquo;&nbsp;特定商取引法に基づく表記 (返品など)</a>
エレガント
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 .PE_box .note {
 	padding: 5px 15px 5px 15px;
 	}
 
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}



▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 					</td>
 					</tr>
 				<{/if}>
 

				<!--商品オプションをプルダウン形式で表示-->
				<{if !$option_output_mode}>
 				<!-- 商品オプション -->
 				<{section name=num loop=$option}>
 					<tr>
 					<td width="70" class="td1"><{$option[num].name}></td>

[変更箇所2]下記の部分が変更されています

 						</select>
 					</td>
 					</tr>
 				<{/section}>
				<{/if}>
 
 				</table>
				<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
				<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p>

 
 				<{if $opt_url <> ""}>
 					<div>
 						<{if $product.stock_disp == true}>

[変更箇所3]下記の部分が変更されています

 						<{/if}>
 					</div>
 				<{/if}>
 
				<!--商品オプションを表形式で表示-->
				<{if $option_output_mode}>
				<{$option_table}>
				<{/if}>
 
 
 					<!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 					<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
					<div class="product_incart">
					<div class="product_incart disable_cartin">
 						<input type="image" src="http://img.shop-pro.jp/tmpl_img/6/cart_btn.gif" name="submit" alt="カートに入れる" width="185" height="34" border="0" name="submit" alt="カートに入れる" />
 					</div>
 					<{else}>
 					<{if $product.soldout_flg }><div style="width:130px;padding:5px 20px;background:#ddd;text-align:center;">SOLD OUT</div>
 					<{elseif $product.login_sale_flg }><div style="width:130px;padding:5px 20px;background:#ddd;text-align:center;">会員のみ購入できます</div><{/if}>
 					<{/if}>
 
 					<{if $easy_order_flg == true}>
					<div style="margin-top:5px;"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/6/btn_quick.gif" alt="クイック購入"></a></div>
					<div class="disable_quick" style="margin-top:5px;"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/6/btn_quick.gif" alt="クイック購入"></a></div>
 					<{/if}>
 					
 					<!-- 特定商取引法リンク -->
 					<p id="sk_link_other">
フラワー
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 .privacy_note {
 	margin:0px 10px 20px 30px;
 }
 
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:90%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}



▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 							<th class="product_cell1">在庫数</th>
 							<td class="product_cell2"><{$product.stock_str}></td>
 						</tr>
 					<{/if}>

					<!--商品オプションをプルダウン形式で表示-->
					<{if !$option_output_mode}>
 					<!-- 商品オプション -->
 					<{section name=num loop=$option}>
 						<tr>
 							<th class="product_cell1"><{$option[num].name}></th>

[変更箇所2]下記の部分が変更されています

 								</select>
 							</td>
 						</tr>
 					<{/section}>

					<{/if}>

 					<!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 					<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
 					<tr>
 						<th class="product_cell1">購入数</th>

[変更箇所3]下記の部分が変更されています

 					</tr>
 					<{/if}>
 					
 				</table>
				<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
				<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p>

 				
 				<{if $opt_url <> ""}>
 					<{if $product.stock_disp == true}>
 						<a href="<{$opt_url}>">■オプションの在庫・値段の詳細はこちら</a>
 					<{else}>
 						<a href="<{$opt_url}>">■オプションの値段詳細はこちら</a>
 					<{/if}>
				<{/if}>

				<!--商品オプションを表形式で表示-->
				<{if $option_output_mode}>
				<{$option_table}>
 				<{/if}>
 				
 				<div class="product_doing">
 				<div class="product_incart" align="left">
 					<!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 					<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
					<input type="image" src="http://img.shop-pro.jp/tmpl_img/2/incart.gif" name="submit" alt="カートに入れる">
					<p class="disable_cartin"><input type="image" src="http://img.shop-pro.jp/tmpl_img/2/incart.gif" name="submit" alt="カートに入れる"></p>
 					<{else}>
 					<{if $product.soldout_flg }><div style="width:130px;padding:5px 20px;background:#ddd;text-align:center;">SOLD OUT</div>
 					<{elseif $product.login_sale_flg }><div style="width:130px;padding:5px 20px;background:#ddd;text-align:center;">会員のみ購入できます</div><{/if}>
 					<{/if}>
 
 					<{if $easy_order_flg == true}>
					<div style="margin-top:10px;"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/2/btn_quick.gif" alt="クイック購入"></a></div>
					<div class="disable_quick" style="margin-top:10px;"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/2/btn_quick.gif" alt="クイック購入"></a></div>
 					<{/if}>
 					<!-- 特定商取引法リンク -->			
 					<p id="sk_link_other">
 						<a href="<{$sk_url}>">&raquo;&nbsp;特定商取引法に基づく表記 (返品など)</a>
ブルーチェック
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 .pe_note {
 	line-height:150%;
 	margin:5px 5px 20px 30px;
 	}
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}



▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 							</div>
 						</td>
 					</tr>
 				<{/if}>
				<!--商品オプションをプルダウン形式で表示-->
				<{if !$option_output_mode}>
 				<!-- 商品オプション -->
 				<{section name=num loop=$option}>
 					<tr style="border-bottom:1px solid #CCCCCC;">
 						<td class="cell_1">

[変更箇所2]下記の部分が変更されています

 							</div>
 						</td>
 					</tr>
 				<{/section}>
				<{/if}>

 			</table>
			<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
			<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p>

			<!--商品オプションを表形式で表示-->
			<{if $option_output_mode}>
			<{$option_table}>
			<{/if}>

 			<{if $easy_order_flg == true}>
				<a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/27/btn_quick_order.gif" alt="クイック購入"></a><br />
				<p class="disable_quick"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/27/btn_quick_order.gif" alt="クイック購入"></a></p>
 			<br />
 			<{/if}>
 			<!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 			<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
				<input type="image" src="http://img.shop-pro.jp/tmpl_img/27/detail_cart.gif" width="250" height="60"name="submit" alt="カートに入れる" style="border:none;" >
				<p class="disable_cartin"><input type="image" src="http://img.shop-pro.jp/tmpl_img/27/detail_cart.gif" width="250" height="60"name="submit" alt="カートに入れる" style="border:none;" ></p>
 			<{else}>
 			<{if $product.soldout_flg }><div style="width:130px;padding:5px 20px;background:#ddd;text-align:center;margin:0 auto;">SOLD OUT</div>
 			<{elseif $product.login_sale_flg }><div style="width:130px;padding:5px 20px;background:#ddd;text-align:center;margin:0 auto;">会員のみ購入できます</div><{/if}>
 			<{/if}>
ペーパー
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	display:block;
 	text-align:center;
 	margin-bottom:5px;
 	}
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}




▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 			
 			</table>
 			<!--// 商品スペック -->
 
			<!--商品オプションをプルダウン形式で表示-->
			<{if !$option_output_mode}>
 			<!-- 商品オプション -->
 			<{if $opt_url <> ""}>
 			<table class="spec" width="100%" border="0" cellpadding="0" cellspacing="1" align="center">
 			<{section name=num loop=$option}>

[変更箇所2]下記の部分が変更されています

 					</select>
 				</td>
 				</tr>
 			<{/section}>
			<{/if}>

 			</table>
 			<{/if}>
 			<!-- //商品オプション -->
 			
			<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
			<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p>

 			
 			<div class="option">
 				<{if $opt_url <> ""}>
 					<{if $product.stock_disp == true}>

[変更箇所3]下記の部分が変更されています

 					<{/if}>
 				<{/if}>
 			</div>
 			
			<!--商品オプションを表形式で表示-->
			<{if $option_output_mode}>
			<{$option_table}>
			<{/if}>
 			
 			<!-- Add to Cart -->
 			<!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 			<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
			<input type="image" src="http://img.shop-pro.jp/tmpl_img/14/add_to_cart.gif" />
			<p class="disable_cartin"><input type="image" src="http://img.shop-pro.jp/tmpl_img/14/add_to_cart.gif" /></p>
 			<{else}>
 			<{if $product.soldout_flg }><div style="width:130px;padding:5px 20px;background:#ddd;text-align:center;">SOLD OUT</div>
 			<{elseif $product.login_sale_flg }><div style="width:130px;padding:5px 20px;background:#ddd;text-align:center;">会員のみ購入できます</div><{/if}>
 			<{/if}>
 
 			<{if $easy_order_flg == true}>
			<a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/14/btn_quick.gif" alt="クイック購入"></a>
			<p class="disable_quick"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/14/btn_quick.gif" alt="クイック購入"></a></p>
 			<{/if}>
 			<!--// Add to Cart -->
 			
 			<!-- 特定商取引法リンク -->			

ウッド
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	line-height: 150%;
 	margin:5px 5px 20px 30px;
 	}
 
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}



▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	</td>
 	</tr>
 <{/if}>
 

<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <!-- 商品オプション -->
 <{section name=num loop=$option}>
 	<tr style="border-bottom: 1px #CCC solid;">
 	<td class="cell_1"><div class="cell_mar">・ <{$option[num].name}></div></td>

[変更箇所2]下記の部分が変更されています

 		</select></div>
 	</td>
 	</tr>
 <{/section}>
<{/if}>

 </table>
 
 
<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<{$option_table}>
<{/if}>
 
 <!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
	<input type="image" src="http://img.shop-pro.jp/tmpl_img/11/detail_cart.jpg" width="190" height="55" style="border:none;" name="submit" alt="カートに入れる">
	<p class="disable_cartin"><input type="image" src="http://img.shop-pro.jp/tmpl_img/11/detail_cart.jpg" width="190" height="55" style="border:none;" name="submit" alt="カートに入れる"></p>
 <{else}>
 	<{if $product.soldout_flg }><div style="width:130px;padding:5px 20px;background:#ddd;text-align:center;margin:0 auto;">SOLD OUT</div>
 	<{elseif $product.login_sale_flg }><div style="width:130px;padding:5px 20px;background:#ddd;text-align:center;margin:0 auto;">会員のみ購入できます</div><{/if}>
 <{/if}>
 
 <{if $easy_order_flg == true}>
<div style="margin-top:10px;"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/11/btn_quick.jpg" alt="クイック購入"></a></div>
<div class="disable_quick" style="margin-top:10px;"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/11/btn_quick.jpg" alt="クイック購入"></a></div>
 <{/if}>
 <!-- 特定商取引法リンク -->			
 <p id="sk_link_other">
 	<a href="<{$sk_url}>">&raquo;&nbsp;特定商取引法に基づく表記 (返品など)</a>
ストライプ
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	line-height: 150%;
 	margin: 10px 5px 20px 15px;
 	}
 
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
     background:#fff;
}
.stock_zero {
     color:red;
}



▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 					</td>
 					</tr>
 				<{/if}>
 

				<!--商品オプションをプルダウン形式で表示-->
				<{if !$option_output_mode}>
 				<!-- 商品オプション -->
 				<{section name=num loop=$option}>
 					<tr style="border-bottom: 1px #CCC solid;">
 					<td width="70" class="td1">・<{$option[num].name}></td>

[変更箇所2]下記の部分が変更されています

 						</select>
 					</td>
 					</tr>
 				<{/section}>
				<{/if}>
 
 				</table>
				<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
				<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p>

 
 				<{if $opt_url <> ""}>
 					<div>
 						<{if $product.stock_disp == true}>

[変更箇所3]下記の部分が変更されています

 						<{/if}>
 					</div>
 				<{/if}>
 

				<!--商品オプションを表形式で表示-->
				<{if $option_output_mode}>
				<{$option_table}>
				<{/if}>
 
 				<!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 				<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
					<div class="product_incart">
					<div class="product_incart disable_cartin">
 						<input type="image" src="http://img.shop-pro.jp/tmpl_img/5/incart_btn.gif" name="submit" alt="カートに入れる" width="130" height="30" border="0" name="submit" alt="カートに入れる" />
 					</div>
 				<{else}>
 					<{if $product.soldout_flg }><div style="width:130px;padding:5px 20px;margin-top:10px;background:#ddd;text-align:center;">SOLD OUT</div>
 					<{elseif $product.login_sale_flg }><div style="width:130px;padding:5px 20px;margin-top:10px;background:#ddd;text-align:center;">会員のみ購入できます</div><{/if}>
 				<{/if}>
 
 				<{if $easy_order_flg == true}>
				<div style="margin-top:10px;"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/5/btn_quick.gif" alt="クイック購入"></a></div>
				<div class="disable_quick" style="margin-top:10px;"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/5/btn_quick.gif" alt="クイック購入"></a></div>
 				<{/if}> 
 				
 				<!-- 特定商取引法リンク -->			
 				<p id="sk_link_other">

2カラム(左メニュー)
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

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

/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
}
#option_tbl th{
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td {
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
 }
 

▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 		</td>
 		</tr>
 	<{/if}>
 

	<!--商品オプションをプルダウン形式で表示-->
	<{if !$option_output_mode}>
 	<!-- 商品オプション -->
 	<{section name=num loop=$option}>
 		<tr>
 		<th><{$option[num].name}></th>

[変更箇所2]下記の部分が変更されています

 			</select>
 		</td>
 		</tr>
 	<{/section}>
	<{/if}>
 
 	</table>
	<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
	<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p>

 
 	<{if $opt_url <> ""}>
 		<{if $product.stock_disp == true}>
 		・<a href="<{$opt_url}>">オプションの在庫・価格の詳細はコチラ</a>

[変更箇所3]下記の部分が変更されています

 	<{/if}>
 
 	<br />
 	<br />
	<!--商品オプションを表形式で表示-->
	<{if $option_output_mode}>
	<{$option_table}>
	<{/if}>
 
 	<!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 	<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
		<input type="submit" value="カートに入れる" />
		<p class="disable_cartin"><input type="submit" value="カートに入れる" /></p>
 	<{else}>
 	<{if $product.soldout_flg }><div>SOLD OUT</div>
 	<{elseif $product.login_sale_flg }><div>会員のみ購入できます</div><{/if}>
 	<{/if}>
 
 	<{if $easy_order_flg == true}>
	<div><a href="<{$easy_order_url}>">クイック購入</a></div>
	<div class="disable_quick"><a href="<{$easy_order_url}>">クイック購入</a></div>
 	<{/if}>
 	
 	<!-- 特定商取引法リンク -->			
 	<p id="sk_link_other">

2カラム(右メニュー)
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

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

/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
}
#option_tbl th{
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td {
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
 }
 

▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 		</td>
 		</tr>
 	<{/if}>
 

	<!--商品オプションをプルダウン形式で表示-->
	<{if !$option_output_mode}>
 	<!-- 商品オプション -->
 	<{section name=num loop=$option}>
 		<tr>
 		<th><{$option[num].name}></th>

[変更箇所2]下記の部分が変更されています

 			</select>
 		</td>
 		</tr>
 	<{/section}>
	<{/if}>
 
 	</table>
	<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
	<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p>

 
 	<{if $opt_url <> ""}>
 		<{if $product.stock_disp == true}>
 		・<a href="<{$opt_url}>">オプションの在庫・価格の詳細はコチラ</a>

[変更箇所3]下記の部分が変更されています

 	<{/if}>
 
 	<br />
 	<br />
	<!--商品オプションを表形式で表示-->
	<{if $option_output_mode}>
	<{$option_table}>
	<{/if}>
 
 	<!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 	<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
		<input type="submit" value="カートに入れる" />
		<p class="disable_cartin"><input type="submit" value="カートに入れる" /></p>
 	<{else}>
 	<{if $product.soldout_flg }><div>SOLD OUT</div>
 	<{elseif $product.login_sale_flg }><div>会員のみ購入できます</div><{/if}>
 	<{/if}>
 
 	<{if $easy_order_flg == true}>
	<div><a href="<{$easy_order_url}>">クイック購入</a></div>
	<div class="disable_quick"><a href="<{$easy_order_url}>">クイック購入</a></div>
 	<{/if}>
 
 	<!-- 特定商取引法リンク -->			
 	<p id="sk_link_other">

3カラム
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

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

/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
}
#option_tbl th{
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td {
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
 }
 

▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 		</tr>
 	<{/if}>
 
 
	<!--商品オプションをプルダウン形式で表示-->
	<{if !$option_output_mode}>
 	<!-- 商品オプション -->
 	<{section name=num loop=$option}>
 		<tr>
 		<th><{$option[num].name}></th>

[変更箇所2]下記の部分が変更されています

 			</select>
 		</td>
 		</tr>
 	<{/section}>
	<{/if}>
 
 	</table>
	<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
	<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p>

 
 	<{if $opt_url <> ""}>
 		<{if $product.stock_disp == true}>
 		・<a href="<{$opt_url}>">オプションの在庫・価格の詳細はコチラ</a>

[変更箇所3]下記の部分が変更されています

 	<{/if}>
 
 	<br />
 	<br />
	<!--商品オプションを表形式で表示-->
	<{if $option_output_mode}>
	<{$option_table}>
	<{/if}>
 
 	<!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 	<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
		<input type="submit" value="カートに入れる" />
		<p class="disable_cartin"><input type="submit" value="カートに入れる" /></p>
 	<{else}>
 	<{if $product.soldout_flg }><div>SOLD OUT</div>
 	<{elseif $product.login_sale_flg }><div>会員のみ購入できます</div><{/if}>
 	<{/if}>
 
 	<{if $easy_order_flg == true}>
	<div><a href="<{$easy_order_url}>">クイック購入</a></div>
	<div class="disable_quick"><a href="<{$easy_order_url}>">クイック購入</a></div>
 	<{/if}>
 
 
 	<!-- 特定商取引法リンク -->			

ベビー
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	margin:0px auto;
 	text-align:center;
 	padding-top:30px;
 	}
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}




▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 												</table>
 											</td>
 										</tr>
 										<{/if}>
										<!--商品オプションをプルダウン形式で表示-->
										<{if !$option_output_mode}>
 										<{section name=num loop=$option}>
 											<tr>
 												<td width="100" align="left" valign="middle" class="left"><{$option[num].name}></td>
 												<td width="150" align="left" valign="top" class="right">

[変更箇所2]下記の部分が変更されています

 													</div>
 												</td>
 											</tr>
 										<{/section}>
										<{/if}>
										<tr><td colspan="2">
											<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
											<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p>											
										</td></tr>
 										<tr>
 											<td width="250" colspan="2" align="left" valign="top" class="option">
 												<{if $opt_url <> ""}>
 													<{if $product.stock_disp == true}>
 														<a href="<{$opt_url}>">>>オプションの在庫・値段の詳細はこちら</a>
 													<{else}>
 														<a href="<{$opt_url}>">>>オプションの値段詳細はこちら</a>
 													<{/if}>
												<{/if}>
												<!--商品オプションを表形式で表示-->
												<{if $option_output_mode}>
												<{$option_table}>
 												<{/if}>
 											</td>
 										</tr>
 									</table>

[変更箇所3]下記の部分が変更されています

 								</td>
 								<td width="167" align="left" valign="top" style="padding:15px 0px 20px;">
 									<!-- 売切れ時、休止時、ログイン限定購入商品は表示不可  -->
 									<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
										<input type="image" src="http://img.shop-pro.jp/tmpl_img/28/top_cartin_btn01.gif" name="submit" alt="カートに入れる" ><br />
										<p class="disable_cartin"><input type="image" src="http://img.shop-pro.jp/tmpl_img/28/top_cartin_btn01.gif" name="submit" alt="カートに入れる"></p>
 									<{else}>
 									<{if $product.soldout_flg }><div style="width:130px;padding:5px 20px;background:#ddd;text-align:center;">SOLD OUT</div>
 									<{elseif $product.login_sale_flg }><div style="width:130px;padding:5px 20px;background:#ddd;text-align:center;">会員のみ購入できます</div><{/if}>
 									<{/if}>
 									<{if $easy_order_flg == true}>
 										<br />
										<a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/28/top_easyorder_btn01.gif" alt="クイック購入"></a>
										<p class="disable_quick"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/28/top_easyorder_btn01.gif" alt="クイック購入"></a></p>
 									<{/if}>
 									<!-- 特定商取引法リンク -->			
 									<p id="sk_link_other">
 										<a href="<{$sk_url}>">&raquo;&nbsp;特定商取引法に基づく表記 (返品など)</a>
レッドチェック
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 .pe_note {
 	line-height:150%;
 	margin:5px 5px 20px 30px;
 	}
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}



▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 							</div>
 						</td>
 					</tr>
 				<{/if}>
				<!--商品オプションをプルダウン形式で表示-->
				<{if !$option_output_mode}>

 				<!-- 商品オプション -->
 				<{section name=num loop=$option}>
 					<tr style="border-bottom:1px solid #CCCCCC;">
 						<td class="cell_1">

[変更箇所2]下記の部分が変更されています

 							</div>
 						</td>
 					</tr>
 				<{/section}>
				<{/if}>

 			</table>
			<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
			<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p>

			<!--商品オプションを表形式で表示-->
			<{if $option_output_mode}>
			<{$option_table}>
			<{/if}>

 			<{if $easy_order_flg == true}>
				<a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/29/btn_quick_order.gif" alt="クイック購入"></a><br />
				<p  class="disable_quick"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/29/btn_quick_order.gif" alt="クイック購入"></a></p>
 			<br />
 			<{/if}>
 			<!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 			<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
				<input type="image" src="http://img.shop-pro.jp/tmpl_img/29/detail_cart.gif" width="250" height="60"name="submit" alt="カートに入れる" style="border:none;" >
				<p class="disable_cartin"><input type="image" src="http://img.shop-pro.jp/tmpl_img/29/detail_cart.gif" width="250" height="60"name="submit" alt="カートに入れる" style="border:none;" ></p>
 			<{else}>
 			<{if $product.soldout_flg }><div style="width:130px;padding:5px 20px;background:#ddd;text-align:center;margin:0 auto;">SOLD OUT</div>
 			<{elseif $product.login_sale_flg }><div style="width:130px;padding:5px 20px;background:#ddd;text-align:center;margin:0 auto;">会員のみ購入できます</div><{/if}>
 			<{/if}>
リネン
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	width:480px;
 	text-align:center;
 	margin-top:30px;
 	}
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}



▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 						</div>
 						<div class="detail_text">
 							<{$product.explain}>
 						</div>
						<!--商品オプションをプルダウン形式で表示-->
						<{if !$option_output_mode}>
 						<!-- 商品オプション -->
 						<{section name=num loop=$option}>
 						<div class="detail_option1">
 							<{$option[num].name}>:

[変更箇所2]下記の部分が変更されています

 										<{html_options values=$option_value[num].id  output=$option_value[num].name selected=$key }>
 									</select>
 						</div>
 						<{/section}>
						<{/if}>

						<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
						<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p>


 						<div class="detail_option2">
 							<{if $opt_url <> ""}>
 								<{if $product.stock_disp == true}>
 									<a href="<{$opt_url}>">>>オプションの在庫・値段の詳細はこちら</a>

[変更箇所3]下記の部分が変更されています

 									<a href="<{$opt_url}>">>>オプションの値段詳細はこちら</a>
 								<{/if}>
 							<{/if}>
 						</div>
						<!--商品オプションを表形式で表示-->
						<{if $option_output_mode}>
						<{$option_table}>
						<{/if}>
						
 					</td>
 					<td width="30" rowspan="2"></td>
 					<td width="160" rowspan="3" valign="top">
 						<{if $easy_order_flg == true}>
							<a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/30/top_easy_btn01.gif" alt="クイック購入"></a><br />
							<p class="disable_quick"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/30/top_easy_btn01.gif" alt="クイック購入"></a></p>
 							<br />
 						<{/if}>
 						<!-- 売切れ時、休止時、ログイン限定購入商品は表示不可  -->
 						<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
							<input type="image" src="http://img.shop-pro.jp/tmpl_img/30/top_cart_btn01.gif" name="submit" alt="カートに入れる" class="detail_cart" >
							<p class="disable_cartin"><input type="image" src="http://img.shop-pro.jp/tmpl_img/30/top_cart_btn01.gif" name="submit" alt="カートに入れる" class="detail_cart " ></p>
 						<{else}>
 						<{if $product.soldout_flg }><div style="width:130px;padding:5px 20px;background:#ddd;text-align:center;margin-bottom:10px;">SOLD OUT</div>
 						<{elseif $product.login_sale_flg }><div style="width:130px;padding:5px 20px;background:#ddd;text-align:center;margin-bottom:10px;">会員のみ購入できます</div><{/if}>
 						<{/if}>
モール1
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 .clearfix {
 	display: block;
 	}
 /* End hide from IE-mac */
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 10px;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}




▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 									</table>
 							</td>
 						</tr>
 					<{/if}>
					<!--商品オプションをプルダウン形式で表示-->
					<{if !$option_output_mode}>
 					<!-- 商品オプション -->
 					<{section name=num loop=$option}>
 						<tr>
 							<td class="tit">・ <{$option[num].name}></td>

[変更箇所2]下記の部分が変更されています

 								</div>
 							</td>
 						</tr>
 					<{/section}>
					<{/if}>

 				</table>
				<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
				<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p>

				<!--商品オプションを表形式で表示-->
				<{if $option_output_mode}>
				<{$option_table}>
				<{/if}>
 				
 				<!-- 特定商取引法リンク -->			
 				<div class="sk_link_other"><a href="<{$sk_url}>">&raquo;&nbsp;特定商取引法に基づく表記 (返品など)</a></div>
 				<!--// 特定商取引法リンク -->

[変更箇所3]下記の部分が変更されています

 				</ul>
 				
 				<!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 				<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
					<div class="rs_pd_cart_btn"><input type="image" src="http://img.shop-pro.jp/tmpl_img/31/rs_pd_cart_btn.gif" width="272" height="61"name="submit" alt="カートに入れる" style="border:none;" ></div>
					<div class="rs_pd_cart_btn disable_cartin"><input type="image" src="http://img.shop-pro.jp/tmpl_img/31/rs_pd_cart_btn.gif" width="272" height="61"name="submit" alt="カートに入れる" style="border:none;" ></div>
 				<{else}>
 				<{if $product.soldout_flg }><div style="width:130px;padding:5px 20px;background:#ddd;text-align:center;">SOLD OUT</div>
 				<{elseif $product.login_sale_flg }><div style="width:130px;padding:5px 20px;background:#ddd;text-align:center;">会員のみ購入できます</div><{/if}>
 				<{/if}>
 				
 				<{if $easy_order_flg == true}>
					<div class="btn_quick"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/31/rs_pd_cart_btn_s.gif" alt="クイック購入"></a></div>
					<div class="btn_quick disable_quick"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/31/rs_pd_cart_btn_s.gif" alt="クイック購入"></a></div>
 				<{/if}>
 				
 			</div>
 
モール2
▼【共通css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 .clearfix {
 	display: block;
 	}
 /* End hide from IE-mac */
/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 10px;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}




▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 									</table>
 							</td>
 						</tr>
 					<{/if}>
					<!--商品オプションをプルダウン形式で表示-->
					<{if !$option_output_mode}>
 					<!-- 商品オプション -->
 					<{section name=num loop=$option}>
 						<tr>
 							<td class="tit">・ <{$option[num].name}></td>

[変更箇所2]下記の部分が変更されています

 								</div>
 							</td>
 						</tr>
 					<{/section}>
					<{/if}>

 				</table>
				<!--在庫0の商品をカートに入れようとした時の注意文を表示-->
				<p class="stock_error" style="font-weight:bold;color:red;padding:10px 0;display:none;"></p>

				<!--商品オプションを表形式で表示-->
				<{if $option_output_mode}>
				<{$option_table}>
				<{/if}>
 				
 				<!-- 特定商取引法リンク -->			
 				<div class="sk_link_other"><a href="<{$sk_url}>">&raquo;&nbsp;特定商取引法に基づく表記 (返品など)</a></div>
 				<!--// 特定商取引法リンク -->

[変更箇所3]下記の部分が変更されています

 				</ul>
 				
 				<!-- 売切れ時・休止時・ログイン限定購入商品は表示しない  -->
 				<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
					<div class="rs_pd_cart_btn"><input type="image" src="http://img.shop-pro.jp/tmpl_img/32/rs_pd_cart_btn.gif" width="272" height="61"name="submit" alt="カートに入れる" style="border:none;" ></div>
					<div class="rs_pd_cart_btn disable_cartin"><input type="image" src="http://img.shop-pro.jp/tmpl_img/32/rs_pd_cart_btn.gif" width="272" height="61"name="submit" alt="カートに入れる" style="border:none;" ></div>
 				<{else}>
 				<{if $product.soldout_flg }><div style="width:130px;padding:5px 20px;background:#ddd;text-align:center;">SOLD OUT</div>
 				<{elseif $product.login_sale_flg }><div style="width:130px;padding:5px 20px;background:#ddd;text-align:center;">会員のみ購入できます</div><{/if}>
 				<{/if}>
 				
 				<{if $easy_order_flg == true}>
					<div class="btn_quick"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/32/rs_pd_cart_btn_s.gif" alt="クイック購入"></a></div>
					<div class="btn_quick disable_quick"><a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/32/rs_pd_cart_btn_s.gif" alt="クイック購入"></a></div>
 				<{/if}>
 				
 			</div>
 
ファッションサテライト(ブルー)
▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 <li><a href="<{$num_dw_url}>"><img src="http://img.shop-pro.jp/tmpl_img/33/0101_init_down.gif" /></a></li>
 </ul></td>
 </tr>
 <{/if}>
<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <{section name=num loop=$option}>
 <tr>
 <th><{$option[num].name}></th>
 <td><select name="<{$option[num].select_name}>">
 <{html_options values=$option_value[num].id  output=$option_value[num].name selected=$key }>
 </select></td>
 </tr>
 <{/section}>
<{/if}>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<tr><td colspan="2">
<{$option_table}>
</td></tr>
<{/if}>

 </table>
 <!--*****//商品情報//*****-->
 
 <ul class="btn">
<!--*****在庫0の商品をカートに入れようとした時の注意文を表示*****-->
<li class="stock_error" style="font-weight:bold;color:red;padding:0;background:none;height:auto;display:none;width:auto;margin-bottom:10px;"></li>
<!--*****//在庫0の商品をカートに入れようとした時の注意文を表示//*****-->


<li class="cart">
<li class="cart disable_cartin">
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
 <button type="submit"><span>カートに入れる</span></button>
 <{else}>
 <{if $product.soldout_flg }>

[変更箇所2]下記の部分が変更されています

 <{/if}>
 </li>
 
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
<{if $easy_order_flg == true}><li class="quick">
<{if $easy_order_flg == true}><li class="quick disable_quick">
 <a href="<{$easy_order_url}>">クイック購入</a>
 </li><{/if}><{/if}>
 <!--*****オプション情報*****-->
 <{if $opt_url <> ""}>

▼【商品詳細css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	margin: 0px 10px 20px 0px;
 	line-height: 1.6em;
 }
 
/*商品オプション 表形式*/
#option_tbl {
	border-collapse:collapse;
}
#option_tbl th{
	padding:5px;
}
#inn-box #option_tbl {
	margin-bottom:0;
}
#inn-box #option_tbl td input{
	float:none;
	margin:0 0 5px;
	width:auto;
}
#inn-box #option_tbl th,
#inn-box #option_tbl td.none {
	background:#eee;
}
#inn-box #option_tbl td {
	text-align:center;
}
.stock_zero {
	color:red;
}



カスタム(オレンジ)
▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 </ul>
 </td>
 </tr>
 <{/if}>
<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <{section name=num loop=$option}>
 <tr>
 <th><{$option[num].name}></th>
 <td><select name="<{$option[num].select_name}>">
 <{html_options values=$option_value[num].id  output=$option_value[num].name selected=$key }>
 </select></td>
 </tr>
 <{/section}>
<{/if}>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<tr><td colspan="2">
<{$option_table}>
</td></tr>
<{/if}>

 </table>
 <!--*****//商品情報//*****-->
 
 <ul class="btn">
<li class="cart">
<!--*****在庫0の商品をカートに入れようとした時の注意文を表示*****-->
<li class="stock_error" style="font-weight:bold;color:red;padding:0;background:none;height:auto;display:none;width:auto;margin-bottom:10px;"></li>
<!--*****//在庫0の商品をカートに入れようとした時の注意文を表示//*****-->
<li class="cart disable_cartin">
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
 <button type="submit"><span>カートに入れる</span></button>
 <{else}>
 <{if $product.soldout_flg }>

[変更箇所2]下記の部分が変更されています

 <{/if}>
 </li>
 
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
<{if $easy_order_flg == true}><li class="quick">
<{if $easy_order_flg == true}><li class="quick disable_quick">
 <a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/34/0201_spec_quick.gif" width="200" height="30" alt="クイック購入" /></a>
 </li><{/if}><{/if}>
 <!--*****オプション情報*****-->
 <{if $opt_url <> ""}>

▼【商品詳細css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	margin: 0px 10px 20px 0px;
 	line-height: 1.6em;
 }
 
/*商品オプション 表形式*/
#option_tbl {
	border-collapse:collapse;
}
#option_tbl th{
	padding:5px;
}
#inn-box #option_tbl {
	margin-bottom:0;
}
#inn-box #option_tbl td input{
	float:none;
	margin:0 0 5px;
	width:auto;
}
#inn-box #option_tbl th,
#inn-box #option_tbl td.none {
	background:#eee;
}
#inn-box #option_tbl td {
	text-align:center;
}
.stock_zero {
	color:red;
}



カスタム(ピンク)
▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 </ul>
 </td>
 </tr>
 <{/if}>
<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <{section name=num loop=$option}>
 <tr>
 <th><{$option[num].name}></th>
 <td><select name="<{$option[num].select_name}>">
 <{html_options values=$option_value[num].id  output=$option_value[num].name selected=$key }>
 </select></td>
 </tr>
 <{/section}>
<{/if}>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<tr><td colspan="2">
<{$option_table}>
</td></tr>
<{/if}>

 </table>
 <!--*****//商品情報//*****-->
 
 <ul class="btn">
<li class="cart">
<!--*****在庫0の商品をカートに入れようとした時の注意文を表示*****-->
<li class="stock_error" style="font-weight:bold;color:red;padding:0;background:none;height:auto;display:none;width:auto;margin-bottom:10px;"></li>
<!--*****//在庫0の商品をカートに入れようとした時の注意文を表示//*****-->
<li class="cart disable_cartin">
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
 <button type="submit"><span>カートに入れる</span></button>
 <{else}>
 <{if $product.soldout_flg }>

[変更箇所2]下記の部分が変更されています

 <{/if}>
 <{/if}>
 </li>
 
<{if $easy_order_flg == true}><li class="quick">
<{if $easy_order_flg == true}><li class="quick disable_quick">
 <a href="<{$easy_order_url}>"><img src="http://img.shop-pro.jp/tmpl_img/35/0202_spec_quick.gif" width="200" height="30" alt="クイック購入" /></a>
 </li><{/if}>
 <!--*****オプション情報*****-->
 <{if $opt_url <> ""}>

▼【商品詳細css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	margin: 0px 10px 20px 0px;
 	line-height: 1.6em;
 }
 
/*商品オプション 表形式*/
#option_tbl {
	border-collapse:collapse;
}
#option_tbl th{
	padding:5px;
}
#inn-box #option_tbl {
	margin-bottom:0;
}
#inn-box #option_tbl td input{
	float:none;
	margin:0 0 5px;
	width:auto;
}
#inn-box #option_tbl th,
#inn-box #option_tbl td.none {
	background:#eee;
}
#inn-box #option_tbl td {
	text-align:center;
}
.stock_zero {
	color:red;
}



ファッション(ピンク)
▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 <li><a href="<{$num_dw_url}>"><img src="http://img.shop-pro.jp/tmpl_img/36/0301_init_down.gif" /></a></li>
 </ul></td>
 </tr>
 <{/if}>
<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <{section name=num loop=$option}>
 <tr>
 <th><{$option[num].name}></th>
 <td><select name="<{$option[num].select_name}>">
 <{html_options values=$option_value[num].id  output=$option_value[num].name selected=$key }>
 </select></td>
 </tr>
 <{/section}>
<{/if}>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<tr><td colspan="2">
<{$option_table}>
</td></tr>
<{/if}>

 </table>
 <!--*****//商品情報//*****-->
 
 <ul class="btn">
<li class="cart">
<!--*****在庫0の商品をカートに入れようとした時の注意文を表示*****-->
<li class="stock_error" style="font-weight:bold;color:red;padding:0;background:none;height:auto;display:none;width:auto;margin-bottom:10px;"></li>
<!--*****//在庫0の商品をカートに入れようとした時の注意文を表示//*****-->
<li class="cart disable_cartin">
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
 <button type="submit"><span>カートに入れる</span></button>
 <{else}>
 <{if $product.soldout_flg }>

[変更箇所2]下記の部分が変更されています

 <{/if}>
 </li>
 
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
<{if $easy_order_flg == true}><li class="quick">
<{if $easy_order_flg == true}><li class="quick disable_quick">
 <a href="<{$easy_order_url}>">クイック購入</a>
 </li><{/if}><{/if}>
 <!--*****オプション情報*****-->
 <{if $opt_url <> ""}>

▼【商品詳細css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 #contents div.exp {
 	margin: 0px 10px 20px 0px;
 	line-height: 1.6em;
 }

/*商品オプション 表形式*/
#option_tbl {
	border-collapse:collapse;
}
#option_tbl th{
	padding:5px;
}
#inn-box #option_tbl {
	margin-bottom:0;
}
#inn-box #option_tbl td input{
	float:none;
	margin:0 0 5px;
	width:auto;
}
#inn-box #option_tbl th,
#inn-box #option_tbl td.none {
	background:#eee;
}
#inn-box #option_tbl td {
	text-align:center;
}
.stock_zero {
	color:red;
}



ファッション(オレンジ)
▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 <li><a href="<{$num_dw_url}>"><img src="http://img.shop-pro.jp/tmpl_img/37/0302_init_down.gif" /></a></li>
 </ul></td>
 </tr>
 <{/if}>
<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <{section name=num loop=$option}>
 <tr>
 <th><{$option[num].name}></th>
 <td><select name="<{$option[num].select_name}>">
 <{html_options values=$option_value[num].id  output=$option_value[num].name selected=$key }>
 </select></td>
 </tr>
 <{/section}>
<{/if}>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<tr><td colspan="2">
<{$option_table}>
</td></tr>
<{/if}>

 </table>
 <!--*****//商品情報//*****-->
 
 <ul class="btn">
<li class="cart">
<!--*****在庫0の商品をカートに入れようとした時の注意文を表示*****-->
<li class="stock_error" style="font-weight:bold;color:red;padding:0;background:none;height:auto;display:none;width:auto;margin-bottom:10px;"></li>
<!--*****//在庫0の商品をカートに入れようとした時の注意文を表示//*****-->
<li class="cart disable_cartin">
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
 <button type="submit"><span>カートに入れる</span></button>
 <{else}>
 <{if $product.soldout_flg }>

[変更箇所2]下記の部分が変更されています

 <{/if}>
 </li>
 
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
<{if $easy_order_flg == true}><li class="quick">
<{if $easy_order_flg == true}><li class="quick disable_quick">
 <a href="<{$easy_order_url}>">クイック購入</a>
 </li><{/if}><{/if}>
 <!--*****オプション情報*****-->
 <{if $opt_url <> ""}>

▼【商品詳細css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 
 #contents div.exp {
 	margin: 0px 10px 20px 0px;
 	line-height: 1.6em;
}

/*商品オプション 表形式*/
#option_tbl {
	border-collapse:collapse;
}
#option_tbl th{
	padding:5px;
}
#inn-box #option_tbl {
	margin-bottom:0;
}
#inn-box #option_tbl td input{
	float:none;
	margin:0 0 5px;
	width:auto;
}
#inn-box #option_tbl th,
#inn-box #option_tbl td.none {
	background:#eee;
}
#inn-box #option_tbl td {
	text-align:center;
}
.stock_zero {
	color:red;
 }

ファッション(ホワイト)
▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 <li><a href="<{$num_dw_url}>"><img src="http://img.shop-pro.jp/tmpl_img/38/0303_init_down.gif" /></a></li>
 </ul></td>
 </tr>
 <{/if}>
<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <{section name=num loop=$option}>
 <tr>
 <th><{$option[num].name}></th>
 <td><select name="<{$option[num].select_name}>">
 <{html_options values=$option_value[num].id  output=$option_value[num].name selected=$key }>
 </select></td>
 </tr>
 <{/section}>
<{/if}>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<tr><td colspan="2">
<{$option_table}>
</td></tr>
<{/if}>

 </table>
 <!--*****//商品情報//*****-->
 
 <ul class="btn">
<li class="cart">
<!--*****在庫0の商品をカートに入れようとした時の注意文を表示*****-->
<li class="stock_error" style="font-weight:bold;color:red;padding:0;background:none;height:auto;display:none;width:auto;margin-bottom:10px;"></li>
<!--*****//在庫0の商品をカートに入れようとした時の注意文を表示//*****-->
<li class="cart disable_cartin">
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
 <button type="submit"><span>カートに入れる</span></button>
 <{else}>
 <{if $product.soldout_flg }>

[変更箇所2]下記の部分が変更されています

 <{/if}>
 </li>
 
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
<{if $easy_order_flg == true}><li class="quick">
<{if $easy_order_flg == true}><li class="quick disable_quick">
 <a href="<{$easy_order_url}>">クイック購入</a>
 </li><{/if}><{/if}>
 <!--*****オプション情報*****-->
 <{if $opt_url <> ""}>

▼【商品詳細css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	margin: 0px 10px 20px 0px;
 	line-height: 1.6em;
 }
 
/*商品オプション 表形式*/
#option_tbl {
	border-collapse:collapse;
}
#option_tbl th{
	padding:5px;
}
#inn-box #option_tbl {
	margin-bottom:0;
}
#inn-box #option_tbl td input{
	float:none;
	margin:0 0 5px;
	width:auto;
}
#inn-box #option_tbl th,
#inn-box #option_tbl td.none {
	background:#eee;
}
#inn-box #option_tbl td {
	text-align:center;
}
.stock_zero {
	color:red;
}



ファッション(ブルー)
▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 <li><a href="<{$num_dw_url}>"><img src="http://img.shop-pro.jp/tmpl_img/39/0304_init_down.gif" /></a></li>
 </ul></td>
 </tr>
 <{/if}>
<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <{section name=num loop=$option}>
 <tr>
 <th><{$option[num].name}></th>
 <td><select name="<{$option[num].select_name}>">
 <{html_options values=$option_value[num].id  output=$option_value[num].name selected=$key }>
 </select></td>
 </tr>
 <{/section}>
<{/if}>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<tr><td colspan="2">
<{$option_table}>
</td></tr>
<{/if}>

 </table>
 <!--*****//商品情報//*****-->
 
 <ul class="btn">
<li class="cart">
<!--*****在庫0の商品をカートに入れようとした時の注意文を表示*****-->
<li class="stock_error" style="font-weight:bold;color:red;padding:0;background:none;height:auto;display:none;width:auto;margin-bottom:10px;"></li>
<!--*****//在庫0の商品をカートに入れようとした時の注意文を表示//*****-->
<li class="cart disable_cartin">
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
 <button type="submit"><span>カートに入れる</span></button>
 <{else}>
 <{if $product.soldout_flg }>

[変更箇所2]下記の部分が変更されています

 <{/if}>
 </li>
 
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
<{if $easy_order_flg == true}><li class="quick">
<{if $easy_order_flg == true}><li class="quick disable_quick">
 <a href="<{$easy_order_url}>">クイック購入</a>
 </li><{/if}><{/if}>
 <!--*****オプション情報*****-->
 <{if $opt_url <> ""}>

▼【商品詳細css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	margin: 0px 10px 20px 0px;
 	line-height: 1.6em;
 }
 
/*商品オプション 表形式*/
#option_tbl {
	border-collapse:collapse;
}
#option_tbl th{
	padding:5px;
}
#inn-box #option_tbl {
	margin-bottom:0;
}
#inn-box #option_tbl td input{
	float:none;
	margin:0 0 5px;
	width:auto;
}
#inn-box #option_tbl th,
#inn-box #option_tbl td.none {
	background:#eee;
}
#inn-box #option_tbl td {
	text-align:center;
}
.stock_zero {
	color:red;
}



ジュエリー&ウォッチ(ブラック)
▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 <li><a href="<{$num_dw_url}>"><img src="http://img.shop-pro.jp/tmpl_img/40/0401_init_down.gif" /></a></li>
 </ul></td>
 </tr>
 <{/if}>
<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <{section name=num loop=$option}>
 <tr>
 <th><{$option[num].name}></th>
 <td><select name="<{$option[num].select_name}>">
 <{html_options values=$option_value[num].id  output=$option_value[num].name selected=$key }>
 </select></td>
 </tr>
 <{/section}>
<{/if}>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<tr><td colspan="2">
<{$option_table}>
</td></tr>
<{/if}>

 </table>
 <!--*****//商品情報//*****-->
 
 <ul class="btn">
<li class="cart">
<!--*****在庫0の商品をカートに入れようとした時の注意文を表示*****-->
<li class="stock_error" style="font-weight:bold;color:red;padding:0;background:none;height:auto;display:none;width:auto;margin-bottom:10px;"></li>
<!--*****//在庫0の商品をカートに入れようとした時の注意文を表示//*****-->
<li class="cart disable_cartin">
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
 <button type="submit"><span>カートに入れる</span></button>
 <{else}>
 <{if $product.soldout_flg }>

[変更箇所2]下記の部分が変更されています

 <{/if}>
 <{/if}>
 </li>
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
<{if $easy_order_flg == true}><li class="quick">
<{if $easy_order_flg == true}><li class="quick disable_quick">
 <a href="<{$easy_order_url}>">クイック購入</a>
 </li><{/if}><{/if}>
 <!--*****オプション情報*****-->
 <{if $opt_url <> ""}>

▼【商品詳細css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	margin: 0px 10px 20px 0px;
 	line-height: 1.6em;
 }
 
/*商品オプション 表形式*/
#option_tbl {
	border-collapse:collapse;
}
#option_tbl th{
	padding:5px;
}
#inn-box #option_tbl {
	margin-bottom:0;
}
#inn-box #option_tbl td input{
	float:none;
	margin:0 0 5px;
	width:auto;
}
#inn-box #option_tbl th,
#inn-box #option_tbl td.none {
	background:#333;
}
#inn-box #option_tbl td {
	text-align:center;
}
.stock_zero {
	color:red;
}



ジュエリー&ウォッチ(グレー)
▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 <li><a href="<{$num_dw_url}>"><img src="http://img.shop-pro.jp/tmpl_img/41/0402_init_down.gif" /></a></li>
 </ul></td>
 </tr>
 <{/if}>
<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <{section name=num loop=$option}>
 <tr>
 <th><{$option[num].name}></th>
 <td><select name="<{$option[num].select_name}>">
 <{html_options values=$option_value[num].id  output=$option_value[num].name selected=$key }>
 </select></td>
 </tr>
 <{/section}>
<{/if}>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<tr><td colspan="2">
<{$option_table}>
</td></tr>
<{/if}>

 </table>
 <!--*****//商品情報//*****-->
 
 <ul class="btn">
<li class="cart">
<!--*****在庫0の商品をカートに入れようとした時の注意文を表示*****-->
<li class="stock_error" style="font-weight:bold;color:red;padding:0;background:none;height:auto;display:none;width:auto;margin-bottom:10px;"></li>
<!--*****//在庫0の商品をカートに入れようとした時の注意文を表示//*****-->
<li class="cart disable_cartin">
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
 <button type="submit"><span>カートに入れる</span></button>
 <{else}>
 <{if $product.soldout_flg }>

[変更箇所2]下記の部分が変更されています

 <{/if}>
 <{/if}>
 </li>
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
<{if $easy_order_flg == true}><li class="quick">
<{if $easy_order_flg == true}><li class="quick disable_quick">
 <a href="<{$easy_order_url}>">クイック購入</a>
 </li><{/if}><{/if}>
 <!--*****オプション情報*****-->
 <{if $opt_url <> ""}>

▼【商品詳細css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	margin: 0px 10px 20px 0px;
 	line-height: 1.6em;
 }
 
/*商品オプション 表形式*/
#option_tbl {
	border-collapse:collapse;
}
#option_tbl th{
	padding:5px;
}
#inn-box #option_tbl {
	margin-bottom:0;
}
#inn-box #option_tbl td input{
	float:none;
	margin:0 0 5px;
	width:auto;
}
#inn-box #option_tbl th,
#inn-box #option_tbl td.none {
	background:#333;
}
#inn-box #option_tbl td {
	text-align:center;
}
.stock_zero {
	color:red;
}



ハリウッドヒルズ
▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 <li><a href="<{$num_dw_url}>"><img src="http://img.shop-pro.jp/tmpl_img/42/0501_init_down.gif" /></a></li>
 </ul></td>
 </tr>
 <{/if}>
<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <{section name=num loop=$option}>
 <tr>
 <th><{$option[num].name}></th>
 <td><select name="<{$option[num].select_name}>">
 <{html_options values=$option_value[num].id  output=$option_value[num].name selected=$key }>
 </select></td>
 </tr>
 <{/section}>
<{/if}>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<tr><td colspan="2">
<{$option_table}>
</td></tr>
<{/if}>

 </table>
 <!--*****//商品情報//*****-->
 
 <ul class="btn">
<li class="cart">
<!--*****在庫0の商品をカートに入れようとした時の注意文を表示*****-->
<li class="stock_error" style="font-weight:bold;color:red;padding:0;background:none;height:auto;display:none;width:auto;margin-bottom:10px;"></li>
<!--*****//在庫0の商品をカートに入れようとした時の注意文を表示//*****-->
<li class="cart disable_cartin">
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
 <button type="submit"><span>カートに入れる</span></button>
 <{else}>
 <{if $product.soldout_flg }>

[変更箇所2]下記の部分が変更されています

 <{/if}>
 </li>
 
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
<{if $easy_order_flg == true}><li class="quick">
<{if $easy_order_flg == true}><li class="quick disable_quick">
 <a href="<{$easy_order_url}>">クイック購入</a>
 </li><{/if}><{/if}>
 <!--*****オプション情報*****-->
 <{if $opt_url <> ""}>

▼【商品詳細css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	margin: 0px 10px 20px 0px;
 	line-height: 1.6em;
 }
 
/*商品オプション 表形式*/
#option_tbl {
	border-collapse:collapse;
}
#option_tbl th{
	padding:5px;
}
#inn-box #option_tbl {
	margin-bottom:0;
}
#inn-box #option_tbl td input{
	float:none;
	margin:0 0 5px;
	width:auto;
}
#inn-box #option_tbl th,
#inn-box #option_tbl td.none {
	background:#fef1f2;
}
#inn-box #option_tbl td {
	text-align:center;
}
.stock_zero {
	color:red;
}



JIGGY
▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 <li><a href="<{$num_dw_url}>"><img src="http://img.shop-pro.jp/tmpl_img/43/0601_init_down.gif" /></a></li>
 </ul></td>
 </tr>
 <{/if}>
<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <{section name=num loop=$option}>
 <tr>
 <th><{$option[num].name}></th>
 <td><select name="<{$option[num].select_name}>">
 <{html_options values=$option_value[num].id  output=$option_value[num].name selected=$key }>
 </select></td>
 </tr>
 <{/section}>
<{/if}>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<tr><td colspan="2">
<{$option_table}>
</td></tr>
<{/if}>

 </table>
 <!--*****//商品情報//*****-->
 
 <ul class="btn">
<li class="cart">
<!--*****在庫0の商品をカートに入れようとした時の注意文を表示*****-->
<li class="stock_error" style="font-weight:bold;color:red;padding:0;background:none;height:auto;display:none;width:auto;margin-bottom:10px;"></li>
<!--*****//在庫0の商品をカートに入れようとした時の注意文を表示//*****-->
<li class="cart disable_cartin">
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
 <button type="submit"><span>カートに入れる</span></button>
 <{else}>
 <{if $product.soldout_flg }>

[変更箇所2]下記の部分が変更されています

 <{/if}>
 </li>
 
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
<{if $easy_order_flg == true}><li class="quick">
<{if $easy_order_flg == true}><li class="quick disable_quick">
 <a href="<{$easy_order_url}>">クイック購入</a>
 </li><{/if}><{/if}>
 <!--*****オプション情報*****-->
 <{if $opt_url <> ""}>

▼【商品詳細css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	margin: 0px 10px 20px 0px;
 	line-height: 1.6em;
 }
 
/*商品オプション 表形式*/
#option_tbl {
	border-collapse:collapse;
}
#option_tbl th{
	padding:5px;
}
#inn-box #option_tbl {
	margin-bottom:0;
}
#inn-box #option_tbl td input{
	float:none;
	margin:0 0 5px;
	width:auto;
}
#inn-box #option_tbl th,
#inn-box #option_tbl td.none {
	background:#eee;
}
#inn-box #option_tbl td {
	text-align:center;
}
.stock_zero {
	color:red;
}



ComfortableTime
▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 <li><a href="<{$num_dw_url}>"><img src="http://img.shop-pro.jp/tmpl_img/44/0801_init_down.gif" /></a></li>
 </ul></td>
 </tr>
 <{/if}>
<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <{section name=num loop=$option}>
 <tr>
 <th><{$option[num].name}></th>
 <td><select name="<{$option[num].select_name}>">
 <{html_options values=$option_value[num].id  output=$option_value[num].name selected=$key }>
 </select></td>
 </tr>
 <{/section}>
<{/if}>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<tr><td colspan="2">
<{$option_table}>
</td></tr>
<{/if}>

 </table>
 <!--*****//商品情報//*****-->
 
 <ul class="btn">
<li class="cart">
<!--*****在庫0の商品をカートに入れようとした時の注意文を表示*****-->
<li class="stock_error" style="font-weight:bold;color:red;padding:0;background:none;height:auto;display:none;width:auto;margin-bottom:10px;"></li>
<!--*****//在庫0の商品をカートに入れようとした時の注意文を表示//*****-->
<li class="cart disable_cartin">
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
 <button type="submit"><span>カートに入れる</span></button>
 <{else}>
 <{if $product.soldout_flg }>

[変更箇所2]下記の部分が変更されています

 <{/if}>
 </li>
 
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
<{if $easy_order_flg == true}><li class="quick">
<{if $easy_order_flg == true}><li class="quick disable_quick">
 <a href="<{$easy_order_url}>">クイック購入</a>
 </li><{/if}><{/if}>
 <!--*****オプション情報*****-->
 <{if $opt_url <> ""}>
▼【商品詳細css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	margin: 0px 10px 20px 0px;
 	line-height: 1.6em;
 }
 
/*商品オプション 表形式*/
#option_tbl {
	border-collapse:collapse;
}
#option_tbl th{
	padding:5px;
}
#inn-box #option_tbl {
	margin-bottom:0;
}
#inn-box #option_tbl td input{
	float:none;
	margin:0 0 5px;
	width:auto;
}
#inn-box #option_tbl th,
#inn-box #option_tbl td.none {
	background:#EEE9CA;
}
#inn-box #option_tbl td {
	text-align:center;
}
.stock_zero {
	color:red;
}



オフィススタンダード(BLUE)
▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 <li><a href="<{$num_dw_url}>"><img src="http://img.shop-pro.jp/tmpl_img/45/0901_init_down.gif" /></a></li>
 </ul></td>
 </tr>
 <{/if}>
<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <{section name=num loop=$option}>
 <tr>
 <th><{$option[num].name}></th>
 <td><select name="<{$option[num].select_name}>">
 <{html_options values=$option_value[num].id  output=$option_value[num].name selected=$key }>
 </select></td>
 </tr>
 <{/section}>
<{/if}>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<tr><td colspan="2">
<{$option_table}>
</td></tr>
<{/if}>

 </table>
 <!--*****//商品情報//*****-->
 
 <ul class="btn">
<li class="cart">
<!--*****在庫0の商品をカートに入れようとした時の注意文を表示*****-->
<li class="stock_error" style="font-weight:bold;color:red;padding:0;background:none;height:auto;display:none;width:auto;margin-bottom:10px;"></li>
<!--*****//在庫0の商品をカートに入れようとした時の注意文を表示//*****-->
<li class="cart disable_cartin">
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
 <button type="submit"><span>カートに入れる</span></button>
 <{else}>
 <{if $product.soldout_flg }>

[変更箇所2]下記の部分が変更されています

 <{/if}>
 </li>
 
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
<{if $easy_order_flg == true}><li class="quick">
<{if $easy_order_flg == true}><li class="quick disable_quick">
 <a href="<{$easy_order_url}>">クイック購入</a>
 </li><{/if}><{/if}>
 <!--*****オプション情報*****-->
 <{if $opt_url <> ""}>

▼【商品詳細css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	margin: 0px 10px 20px 0px;
 	line-height: 1.6em;
 }
 
/*商品オプション 表形式*/
#option_tbl {
     border-collapse:collapse;
}
#option_tbl th{
     padding:5px;
}
#inn-box #option_tbl {
     margin-bottom:0;
}
#inn-box #option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#inn-box #option_tbl th,
#inn-box #option_tbl td.none {
     background:#eee;
}
#inn-box #option_tbl td {
     text-align:center;
}
.stock_zero {
     color:red;
}



オフィススタンダード(BLACK)
▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 <li><a href="<{$num_dw_url}>"><img src="http://img.shop-pro.jp/tmpl_img/46/0902_init_down.gif" /></a></li>
 </ul></td>
 </tr>
 <{/if}>
<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <{section name=num loop=$option}>
 <tr>
 <th><{$option[num].name}></th>
 <td><select name="<{$option[num].select_name}>">
 <{html_options values=$option_value[num].id  output=$option_value[num].name selected=$key }>
 </select></td>
 </tr>
 <{/section}>
<{/if}>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<tr><td colspan="2">
<{$option_table}>
</td></tr>
<{/if}>

 </table>
 <!--*****//商品情報//*****-->
 
 <ul class="btn">
<li class="cart">
<!--*****在庫0の商品をカートに入れようとした時の注意文を表示*****-->
<li class="stock_error" style="font-weight:bold;color:red;padding:0;background:none;height:auto;display:none;width:auto;margin-bottom:10px;"></li>
<!--*****//在庫0の商品をカートに入れようとした時の注意文を表示//*****-->
<li class="cart disable_cartin">
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
 <button type="submit"><span>カートに入れる</span></button>
 <{else}>
 <{if $product.soldout_flg }>

[変更箇所2]下記の部分が変更されています

 <{/if}>
 </li>
 
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
<{if $easy_order_flg == true}><li class="quick">
<{if $easy_order_flg == true}><li class="quick disable_quick">
 <a href="<{$easy_order_url}>">クイック購入</a>
 </li><{/if}><{/if}>
 <!--*****オプション情報*****-->
 <{if $opt_url <> ""}>

▼【商品詳細css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	margin: 0px 10px 20px 0px;
 	line-height: 1.6em;
 }
 
/*商品オプション 表形式*/
#option_tbl {
     border-collapse:collapse;
}
#option_tbl th{
     padding:5px;
}
#inn-box #option_tbl {
     margin-bottom:0;
}
#inn-box #option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#inn-box #option_tbl th,
#inn-box #option_tbl td.none {
     background:#eee;
}
#inn-box #option_tbl td {
     text-align:center;
}
.stock_zero {
     color:red;
}



オフィススタンダード(RED)
▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 <li><a href="<{$num_dw_url}>"><img src="http://img.shop-pro.jp/tmpl_img/47/0903_init_down.gif" /></a></li>
 </ul></td>
 </tr>
 <{/if}>
<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <{section name=num loop=$option}>
 <tr>
 <th><{$option[num].name}></th>
 <td><select name="<{$option[num].select_name}>">
 <{html_options values=$option_value[num].id  output=$option_value[num].name selected=$key }>
 </select></td>
 </tr>
 <{/section}>
<{/if}>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<tr><td colspan="2">
<{$option_table}>
</td></tr>
<{/if}>

 </table>
 <!--*****//商品情報//*****-->
 
 <ul class="btn">
<li class="cart">
<!--*****在庫0の商品をカートに入れようとした時の注意文を表示*****-->
<li class="stock_error" style="font-weight:bold;color:red;padding:0;background:none;height:auto;display:none;width:auto;margin-bottom:10px;"></li>
<!--*****//在庫0の商品をカートに入れようとした時の注意文を表示//*****-->
<li class="cart disable_cartin">
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
 <button type="submit"><span>カートに入れる</span></button>
 <{else}>
 <{if $product.soldout_flg }>

[変更箇所2]下記の部分が変更されています

 <{/if}>
 </li>
 
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
<{if $easy_order_flg == true}><li class="quick">
<{if $easy_order_flg == true}><li class="quick disable_quick">
 <a href="<{$easy_order_url}>">クイック購入</a>
 </li><{/if}><{/if}>
 <!--*****オプション情報*****-->
 <{if $opt_url <> ""}>

▼【商品詳細css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	margin: 0px 10px 20px 0px;
 	line-height: 1.6em;
 }
 
/*商品オプション 表形式*/
#option_tbl {
     border-collapse:collapse;
}
#option_tbl th{
     padding:5px;
}
#inn-box #option_tbl {
     margin-bottom:0;
}
#inn-box #option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#inn-box #option_tbl th,
#inn-box #option_tbl td.none {
     background:#eee;
}
#inn-box #option_tbl td {
     text-align:center;
}
.stock_zero {
     color:red;
}



fluffy
▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 <li><a href="<{$num_dw_url}>"><img src="http://img.shop-pro.jp/tmpl_img/48/1001_init_down.gif" /></a></li>
 </ul></td>
 </tr>
 <{/if}>
<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <{section name=num loop=$option}>
 <tr>
 <th><{$option[num].name}></th>
 <td><select name="<{$option[num].select_name}>">
 <{html_options values=$option_value[num].id  output=$option_value[num].name selected=$key }>
 </select></td>
 </tr>
 <{/section}>
<{/if}>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<tr><td colspan="2">
<{$option_table}>
</td></tr>
<{/if}>

 </table>
 <!--*****//商品情報//*****-->
 
 <ul class="btn">
<li class="cart">
<!--*****在庫0の商品をカートに入れようとした時の注意文を表示*****-->
<li class="stock_error" style="font-weight:bold;color:red;padding:0;background:none;height:auto;display:none;width:auto;margin-bottom:10px;"></li>
<!--*****//在庫0の商品をカートに入れようとした時の注意文を表示//*****-->
<li class="cart disable_cartin">
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
 <button type="submit"><span>カートに入れる</span></button>
 <{else}>
 <{if $product.soldout_flg }>

[変更箇所2]下記の部分が変更されています

 <{/if}>
 </li>
 
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
<{if $easy_order_flg == true}><li class="quick">
<{if $easy_order_flg == true}><li class="quick disable_quick">
 <a href="<{$easy_order_url}>">クイック購入</a>
 </li><{/if}><{/if}>
 <!--*****オプション情報*****-->
 <{if $opt_url <> ""}>

▼【商品詳細css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	margin: 0px 10px 20px 0px;
 	line-height: 1.6em;
 }
 
/*商品オプション 表形式*/
#option_tbl {
     border-collapse:collapse;
}
#option_tbl th{
     padding:5px;
}
#inn-box #option_tbl {
     margin-bottom:0;
}
#inn-box #option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#inn-box #option_tbl th,
#inn-box #option_tbl td.none {
     background:#eee;
}
#inn-box #option_tbl td {
     text-align:center;
}
.stock_zero {
     color:red;
}



JapanStyle
▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 											<li><a href="<{$num_dw_url}>"><img src="http://img.shop-pro.jp/tmpl_img/49/1401_init_down.gif" /></a></li>
 										</ul></td>
 								</tr>
 								<{/if}>
								<!--商品オプションをプルダウン形式で表示-->
								<{if !$option_output_mode}>
								
 								<{section name=num loop=$option}>
 								<tr>
 									<th><{$option[num].name}></th>
 									<td><select name="<{$option[num].select_name}>">
 											<{html_options values=$option_value[num].id  output=$option_value[num].name selected=$key }>
 										</select></td>
 								</tr>
 								<{/section}>
								<{/if}>

								<!--商品オプションを表形式で表示-->
								<{if $option_output_mode}>
								<tr><td colspan="2">
								<{$option_table}>
								</td></tr>
								<{/if}>

 							</table>
 							<!--*****//商品情報//*****-->
 							<ul class="btn">
								<li class="cart"> <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
								<!--*****在庫0の商品をカートに入れようとした時の注意文を表示*****-->
								<li class="stock_error" style="font-weight:bold;color:red;padding:0;background:none;height:auto;display:none;width:auto;margin-bottom:10px;"></li>
								<!--*****//在庫0の商品をカートに入れようとした時の注意文を表示//*****-->
								<li class="cart disable_cartin"> <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
 									<button type="submit"><span>カートに入れる</span></button>
 									<{else}>
 									<{if $product.soldout_flg }>
 										<p>Soldout</p>

[変更箇所2]下記の部分が変更されています

 									<{/if}>
 									<{/if}> </li>
 								<{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
 								<{if $easy_order_flg == true}>
								<li class="quick"> <a href="<{$easy_order_url}>">クイック購入</a> </li>
								<li class="quick disable_quick"> <a href="<{$easy_order_url}>">クイック購入</a> </li>
 								<{/if}><{/if}>
 								<!--*****オプション情報*****-->
 								<{if $opt_url <> ""}>
 								<li class="option"><a href="<{$opt_url}>"> オプションの値段詳細</a></li>
▼【商品詳細css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	margin: 0px 10px 20px 0px;
 	line-height: normal;
 }
 
/*商品オプション 表形式*/
#option_tbl {
     border-collapse:collapse;
}
#option_tbl th{
     padding:5px;
}
#inn-box #option_tbl {
     margin-bottom:0;
}
#inn-box #option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#inn-box #option_tbl th,
#inn-box #option_tbl td.none {
     background:#eee;
}
#inn-box #option_tbl td {
     text-align:center;
}
.stock_zero {
     color:red;
}



Unknown(yellow)
▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 <li><a href="<{$num_dw_url}>"><img src="http://img.shop-pro.jp/tmpl_img/50/1501_init_down.gif" /></a></li>
 </ul></td>
 </tr>
 <{/if}>
<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <{section name=num loop=$option}>
 <tr>
 <th><{$option[num].name}></th>
 <td><select name="<{$option[num].select_name}>">
 <{html_options values=$option_value[num].id  output=$option_value[num].name selected=$key }>
 </select></td>
 </tr>
 <{/section}>
<{/if}>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<tr><td colspan="2">
<{$option_table}>
</td></tr>
<{/if}>

 </table>
 <!--*****//商品情報//*****-->
 
 <ul class="btn">
<li class="cart">
<!--*****在庫0の商品をカートに入れようとした時の注意文を表示*****-->
<li class="stock_error" style="font-weight:bold;color:red;padding:0;background:none;height:auto;display:none;width:auto;margin-bottom:10px;"></li>
<!--*****//在庫0の商品をカートに入れようとした時の注意文を表示//*****-->
<li class="cart disable_cartin">
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false &&$product.login_sale_flg == false }><button type="submit"><span>カートに入れる</span></button><{else}><{if $product.soldout_flg }><p>Soldout</p><{elseif $product.login_sale_flg }><p>会員のみ購入できます</p><{/if}><{/if}></li>
 
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
<{if $easy_order_flg == true}><li class="quick">
<{if $easy_order_flg == true}><li class="quick disable_quick">
 <a href="<{$easy_order_url}>">クイック購入</a>
 </li><{/if}><{/if}>
 <!--*****オプション情報*****-->
 <{if $opt_url <> ""}>

▼【商品詳細css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	margin: 0px 10px 20px 0px;
 	line-height: 1.6;
 }
 
/*商品オプション 表形式*/
#option_tbl {
     border-collapse:collapse;
}
#option_tbl th{
     padding:5px;
}
#inn-box #option_tbl {
     margin-bottom:0;
}
#inn-box #option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#inn-box #option_tbl th,
#inn-box #option_tbl td.none {
     background:#eee;
}
#inn-box #option_tbl td {
     text-align:center;
}
.stock_zero {
     color:red;
}



Unknown(red)
▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 <li><a href="<{$num_dw_url}>"><img src="http://img.shop-pro.jp/tmpl_img/51/1502_init_down.gif" /></a></li>
 </ul></td>
 </tr>
 <{/if}>
<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <{section name=num loop=$option}>
 <tr>
 <th><{$option[num].name}></th>
 <td><select name="<{$option[num].select_name}>">
 <{html_options values=$option_value[num].id  output=$option_value[num].name selected=$key }>
 </select></td>
 </tr>
 <{/section}>
<{/if}>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<tr><td colspan="2">
<{$option_table}>
</td></tr>
<{/if}>

 </table>
 <!--*****//商品情報//*****-->
 
 <ul class="btn">
<li class="cart">
<!--*****在庫0の商品をカートに入れようとした時の注意文を表示*****-->
<li class="stock_error" style="font-weight:bold;color:red;padding:0;background:none;height:auto;display:none;width:auto;margin-bottom:10px;"></li>
<!--*****//在庫0の商品をカートに入れようとした時の注意文を表示//*****-->
<li class="cart disable_cartin">
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false &&$product.login_sale_flg == false }><button type="submit"><span>カートに入れる</span></button><{else}><{if $product.soldout_flg }><p>Soldout</p><{elseif $product.login_sale_flg }><p>会員のみ購入できます</p><{/if}><{/if}></li>
 
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
<{if $easy_order_flg == true}><li class="quick">
<{if $easy_order_flg == true}><li class="quick disable_quick">
 <a href="<{$easy_order_url}>">クイック購入</a>
 </li><{/if}><{/if}>
 <!--*****オプション情報*****-->
 <{if $opt_url <> ""}>

▼【商品詳細css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	margin: 0px 10px 20px 0px;
 	line-height: 1.6;
 }
 
/*商品オプション 表形式*/
#option_tbl {
     border-collapse:collapse;
}
#option_tbl th{
     padding:5px;
}
#inn-box #option_tbl {
     margin-bottom:0;
}
#inn-box #option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#inn-box #option_tbl th,
#inn-box #option_tbl td.none {
     background:#eee;
}
#inn-box #option_tbl td {
     text-align:center;
}
.stock_zero {
     color:red;
}



Unknown(green)
▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 <li><a href="<{$num_dw_url}>"><img src="http://img.shop-pro.jp/tmpl_img/52/1503_init_down.gif" /></a></li>
 </ul></td>
 </tr>
 <{/if}>
<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <{section name=num loop=$option}>
 <tr>
 <th><{$option[num].name}></th>
 <td><select name="<{$option[num].select_name}>">
 <{html_options values=$option_value[num].id  output=$option_value[num].name selected=$key }>
 </select></td>
 </tr>
 <{/section}>
<{/if}>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<tr><td colspan="2">
<{$option_table}>
</td></tr>
<{/if}>

 </table>
 <!--*****//商品情報//*****-->
 
 <ul class="btn">
<li class="cart">
<!--*****在庫0の商品をカートに入れようとした時の注意文を表示*****-->
<li class="stock_error" style="font-weight:bold;color:red;padding:0;background:none;height:auto;display:none;width:auto;margin-bottom:10px;"></li>
<!--*****//在庫0の商品をカートに入れようとした時の注意文を表示//*****-->
<li class="cart disable_cartin">
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false &&$product.login_sale_flg == false }><button type="submit"><span>カートに入れる</span></button><{else}><{if $product.soldout_flg }><p>Soldout</p><{elseif $product.login_sale_flg }><p>会員のみ購入できます</p><{/if}><{/if}></li>
 
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
<{if $easy_order_flg == true}><li class="quick">
<{if $easy_order_flg == true}><li class="quick disable_quick">
 <a href="<{$easy_order_url}>">クイック購入</a>
 </li><{/if}><{/if}>
 <!--*****オプション情報*****-->
 <{if $opt_url <> ""}>

▼【商品詳細css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	margin: 0px 10px 20px 0px;
 	line-height: 1.6;
 }
 
/*商品オプション 表形式*/
#option_tbl {
     border-collapse:collapse;
}
#option_tbl th{
     padding:5px;
}
#inn-box #option_tbl {
     margin-bottom:0;
}
#inn-box #option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#inn-box #option_tbl th,
#inn-box #option_tbl td.none {
     background:#eee;
}
#inn-box #option_tbl td {
     text-align:center;
}
.stock_zero {
     color:red;
}



Unknown(pink)
▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 <li><a href="<{$num_dw_url}>"><img src="http://img.shop-pro.jp/tmpl_img/53/1504_init_down.gif" /></a></li>
 </ul></td>
 </tr>
 <{/if}>
<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <{section name=num loop=$option}>
 <tr>
 <th><{$option[num].name}></th>
 <td><select name="<{$option[num].select_name}>">
 <{html_options values=$option_value[num].id  output=$option_value[num].name selected=$key }>
 </select></td>
 </tr>
 <{/section}>
<{/if}>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<tr><td colspan="2">
<{$option_table}>
</td></tr>
<{/if}>

 </table>
 <!--*****//商品情報//*****-->
 
 <ul class="btn">
<li class="cart">
<!--*****在庫0の商品をカートに入れようとした時の注意文を表示*****-->
<li class="stock_error" style="font-weight:bold;color:red;padding:0;background:none;height:auto;display:none;width:auto;margin-bottom:10px;"></li>
<!--*****//在庫0の商品をカートに入れようとした時の注意文を表示//*****-->
<li class="cart disable_cartin">
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false &&$product.login_sale_flg == false }><button type="submit"><span>カートに入れる</span></button><{else}><{if $product.soldout_flg }><p>Soldout</p><{elseif $product.login_sale_flg }><p>会員のみ購入できます</p><{/if}><{/if}></li>
 
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
<{if $easy_order_flg == true}><li class="quick">
<{if $easy_order_flg == true}><li class="quick disable_quick">
 <a href="<{$easy_order_url}>">クイック購入</a>
 </li><{/if}><{/if}>
 <!--*****オプション情報*****-->
 <{if $opt_url <> ""}>

▼【商品詳細css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	margin: 0px 10px 20px 0px;
 	line-height: 1.6;
 }
 
/*商品オプション 表形式*/
#option_tbl {
     border-collapse:collapse;
}
#option_tbl th{
     padding:5px;
}
#inn-box #option_tbl {
     margin-bottom:0;
}
#inn-box #option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#inn-box #option_tbl th,
#inn-box #option_tbl td.none {
     background:#eee;
}
#inn-box #option_tbl td {
     text-align:center;
}
.stock_zero {
     color:red;
}



Paper and Wood
▼【商品詳細html】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 <li><a href="<{$num_dw_url}>"><img src="http://img.shop-pro.jp/tmpl_img/44/0801_init_down.gif" /></a></li>
 </ul></td>
 </tr>
 <{/if}>
<!--商品オプションをプルダウン形式で表示-->
<{if !$option_output_mode}>
 <{section name=num loop=$option}>
 <tr>
 <th><{$option[num].name}></th>
 <td><select name="<{$option[num].select_name}>">
 <{html_options values=$option_value[num].id  output=$option_value[num].name selected=$key }>
 </select></td>
 </tr>
 <{/section}>
<{/if}>

<!--商品オプションを表形式で表示-->
<{if $option_output_mode}>
<tr><td colspan="2">
<{$option_table}>
</td></tr>
<{/if}>

 </table>
 <!--*****//商品情報//*****-->
 
 <ul class="btn">
<li class="cart">
<!--*****在庫0の商品をカートに入れようとした時の注意文を表示*****-->
<li class="stock_error" style="font-weight:bold;color:red;padding:0;background:none;height:auto;display:none;width:auto;margin-bottom:10px;"></li>
<!--*****//在庫0の商品をカートに入れようとした時の注意文を表示//*****-->
<li class="cart disable_cartin">
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
 <button type="submit"><span>カートに入れる</span></button>
 <{else}>
 <{if $product.soldout_flg }>

[変更箇所2]下記の部分が変更されています

 <{/if}>
 </li>
 
 <{if $product.soldout_flg == 0 && $shop_stop_flg == false && $product.login_sale_flg == false }>
<{if $easy_order_flg == true}><li class="quick">
<{if $easy_order_flg == true}><li class="quick disable_quick">
 <a href="<{$easy_order_url}>">クイック購入</a>
 </li><{/if}><{/if}>
 <!--*****オプション情報*****-->
 <{if $opt_url <> ""}>
▼【商品詳細css】

あいうえお … 削除箇所   … 追加箇所

[変更箇所1]下記の部分が変更されています

 	margin: 0px 10px 20px 0px;
 	line-height: 1.6;
 }
 
/*商品オプション 表形式*/
#option_tbl {
     border-collapse:collapse;
}
#option_tbl th{
     padding:5px;
}
#inn-box #option_tbl {
     margin-bottom:0;
}
#inn-box #option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#inn-box #option_tbl th,
#inn-box #option_tbl td.none {
     background:#eee;
}
#inn-box #option_tbl td {
     text-align:center;
}
.stock_zero {
     color:red;
}



以上で挿入作業は完了です。