メモリー 仕様変更

メモリー 仕様変更 ~旧テンプレートをご利用の方へ~
このページでは、「GMOポイント」共通ヘッダー表示に伴い、2009/9/15に仕様変更を行いましたテンプレート「メモリー」の旧テンプレートをご利用の方を対象に、
仕様変更箇所の適用方法についてご案内しております。

※対象となるお客様

 2009/9/15以前にダウンロードしたテンプレート「メモリー」をお使いの方でカラメルに出店設定を行っているショップ様

仕様変更箇所を適用するには

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

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

2.テンプレートの該当箇所を修正する

テンプレートの編集はHTML・CSSです。 使用するテンプレートを確認し、指定箇所の編集を行ってください。
■HTML … 【共通】のHTML に、仕様変更箇所のHTMLを追記します。
■CSS … 【共通】のCSS に記述してある既存のCSSプロパティを削除し、【共通】のHTML に追記したタグに割り当てられているIDに対して、削除したCSSプロパティを記述します。

HTMLの編集内容はこちら
CSSの編集内容はこちら

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

【共通HTML】編集内容

タグの編集箇所を確認

下記の【共通HTMLソース】の、 <!-- 黄色いマークの文字列 --> が編集箇所の目安となりますので、 文字列を【共通HTML】内にて検索します。

指定タグを挿入

検索後、
1、 ピンクエリアの追加タグ を挿入してください。(最上部と最下部にあります)
【共通HTMLソース】
<div id="base">

<!-- 商品一覧・検索結果一覧にプルダウンを使用する場合のscript -->

<script language="JavaScript">
<!--
function menuLink(linkLoc)
{ if(linkLoc !="") { window.location.href=linkLoc;} }
//-->
</script>
<!--// 商品一覧・検索結果一覧にプルダウンを使用する場合のscript --> <div id="wrap">

<div id="header">
<table cellpadding="0" cellspacing="0" border="0"><tr><td>
<!-- ショップタイトル -->
<h1><a href="./"><{ $logo }></a></h1>
<!--// ショップタイトル -->
</td></tr></table>

</div>


<!-- ヘッダーメニュー(ホーム、マイアカウント、お問い合わせ) -->
<dl id="header_menu">
<dd><img src="http://img.shop-pro.jp/tmpl_img/20/header_menu.gif" width="1" height="13" alt="" /><a href="<{$home_url}>">ホーム</a></dd>
<dd><img src="http://img.shop-pro.jp/tmpl_img/20/header_menu.gif" width="1" height="13" alt="" /><a href="<{$view_myaccount_url}>">マイアカウント</a></dd>
<dd><img src="http://img.shop-pro.jp/tmpl_img/20/header_menu.gif" width="1" height="13" alt="" /><a href="<{$view_inq_url}>"><img src="http://img.shop-pro.jp/tmpl_img/20/header_menu_q.gif" width="8"height="13" alt="" />お問い合わせ</a></dd>
</dl>
<!-- ヘッダーメニュー(ホーム、マイアカウント、お問い合わせ) -->



<div id="content">

<!-- メインエリア -->
<div id="main">

<{include file = $file_name}> </div>
<!--// メインエリア -->


<!-- サイドバー -->
<div id="sidebar">

<{if $members_use_flg == true}>
<!-- 会員専用ページ -->
<div id="cart_members">
<dl>
<dt>Members</dt>
<dd>
<{if $members_login_flg != true}>
<div id="btn_members_login"><a href="<{$members_login_url}>">&raquo;&nbsp;ログイン</a></div>
<{if $members_register_flg == true}>
<div id="btn_members_signup">
<span>はじめてのお客様へ</span>
<{if $members_register_flg == true}>
<a href="<{$members_regi_url}>">新規会員登録</a>
<{/if}>
</div>
<{/if}>
<{else}>
<div id="btn_members_logout">
<span>ようこそ、&nbsp;<{$members_login_name}>&nbsp;様</span>
<a href="<{$members_login_url}>">ログアウト</a>
</div>
<{/if}>
</dd>
</dl>
</div>
<!--// 会員専用ページ -->
<{/if}>
<!-- カートの中身 -->
<div id="cart_list">
<dl>
<dt>Cart</dt>
<dd>
<ul>


<{if $incart != ""}>
<{section name=num loop=$incart}>
<li><a href="<{$incart[num].link_url}>"><{$incart[num].name}></a>×<{$incart[num].product_num}></li>
<{/section}>
<{/if}>

<li><a href="<{$view_cart_url}>">&raquo;&nbsp;カートの中身を見る</a></li>
</ul>
</dd>
</dl>
</div>
<!--// カートの中身 -->

<!-- 商品カテゴリー -->
<dl id="cat_list">
<dt><img src="http://img.shop-pro.jp/tmpl_img/20/no_<{counter start=1 skip=1}>.gif" width="25" height="40" alt="" /><img src="http://img.shop-pro.jp/tmpl_img/20/r_catlist.gif" width="116" height="40" alt="ジャンルから選ぶ" /></dt>
<dd>
<ul>

<{section name=num loop=$category}>
<li>
<a href="<{$category[num].link_url}>"><{if $category[num].img_url != ""}><img src="<{$category[num].img_url}>" /><br /><{/if}><{$category[num].name}></a>
</li>
<{/section}>

</ul>
</dd>
<!-- グループ -->
<dd>
<div id="group-list">
<ul>
<{section name=num loop=$group}>
<li>
<a href="<{$group[num].link_url}>"><{if $group[num].img_url != ""}><img src="<{$group[num].img_url}>" /><br /><{/if}><{$group[num].name}></a>
</li>
<{/section}>
</ul>
</div>
</dd>
<!--// グループ -->
</dl>
<!--// 商品カテゴリー -->




<!-- おすすめ商品 -->
<{if $recommend_num != 0}>
<dl id="reco_list">
<dt><img src="http://img.shop-pro.jp/tmpl_img/20/no_<{counter}>.gif" width="25" height="40" alt="" /><img src="http://img.shop-pro.jp/tmpl_img/20/r_recolist.gif" width="116" height="40" alt="おすすめから選ぶ" /></dt>
<dd>
<ul>

<{section name=num loop=$recommend}>
<li><a href="<{$recommend[num].link_url}>"><{$recommend[num].name}></a></li>
<{/section}>

</ul>
</dd>
</dl>
<{/if}>
<!--// おすすめ商品 -->




<!-- 売れ筋商品リスト -->
<{if $seller_num != 0}>
<dl id="sell_list">
<dt><img src="http://img.shop-pro.jp/tmpl_img/20/no_<{counter}>.gif" width="25" height="40" alt="" /><img src="http://img.shop-pro.jp/tmpl_img/20/r_selllist.gif" width="114" height="40" alt="売れ筋から選ぶ" /></dt>
<dd>
<ul>

<{section name=num loop=$seller}>
<li><a href="<{$seller[num].link_url}>"><{$seller[num].name}></a></li>
<{/section}>

</ul>
</dd>
</dl>
<{/if}>
<!--// 売れ筋商品リスト -->




<!-- 商品検索 -->
<dl id="search">
<dt><img src="http://img.shop-pro.jp/tmpl_img/20/no_<{counter}>.gif" width="25" height="40" alt="" /><img src="http://img.shop-pro.jp/tmpl_img/20/r_search.gif" width="113" height="40" alt="商品を検索する" /></dt>
<dd>
<form action="<{$product_search_url}>" method="get">
<{$product_search_mode}>

<select name="cid">
<option value="">全ての商品から</option>
<{section name=num loop=$category}><option value="<{$category[num].id}>"><{$category[num].name}></option>
<{/section}>
</select>
<br /><img src="http://img.shop-pro.jp/tmpl_img/20/sp.gif" widtrh="4" height="4" alt="1" /><br />
<input class="keyword" type="text" name="keyword" size="18" /><br /><img
src="http://img.shop-pro.jp/tmpl_img/20/sp.gif" widtrh="4" height="4" alt="1" /><br />

<input type="image" src="http://img.shop-pro.jp/tmpl_img/20/search_btn.gif" width="132" height="27" class="btn" alt="SEARCH" />

</form>
</dd>
</dl>
<!--// 商品検索 -->




<!-- 店長のコーナー -->
<{if $manager_name != "" && $manager_memo != ""}>

<div class="box">
<dl id="owner">
<dt>ショップのご紹介</dt>
<dd>
<{if $manager_img != ""}><img src="<{$manager_img}>" class="owner_photo" alt="" /><{/if}>
<p><{$manager_name}></p>
<p class="owner_memo"><{$manager_memo}></p>
<{if $manager_url != ""}><a href="<{$manager_url}>">店長日記はこちら</a><{/if}>
</dd>
</dl>
</div>

<{/if}>
<!--// 店長のコーナー -->




<!-- メールマガジンの登録・解除はこちら -->
<{if $mailmaga_url != "" }>

<div class="box">
<dl id="mailmaga">
<dt>メールマガジン</dt>
<dd><a href="<{$mailmaga_url}>">メルマガ登録・解除<br />はこちら</a></dd>
</dl>
</div>

<{/if}>
<!--// メールマガジンの登録・解除はこちら -->




<!-- フリーページのリスト -->
<{if $free_area_flg == true}>

<div class="box">
<dl id="free_list">
<dt>フリーページ</dt>
<dd>
<ul>
<{section name=num loop=$freepage}>
<li><a href="<{$freepage[num].link_url}>"><{$freepage[num].page_title}></a></li>
<{/section}>
</ul>
</dd>
</dl>
</div>

<{/if}>
<!-- フリーページのリスト -->




<!-- トラックバックリスト -->
<{if $recent_trackback_num != 0 }>

<div class="box">
<dl id="tb_list">
<dt>フリーページ</dt>
<dd>
<ul>

<{section name=num loop=$recent_trackback}>
<li>
<{$recent_trackback[num].name}>
<p class="small">⇒ <a href="<{$recent_trackback[num].link_url}>"><{$recent_trackback[num].blog_name}></a><br />(<{$recent_trackback[num].date}>)</p>
</li>
<{/section}>

</ul>
</dd>
</dl>
</div>

<{/if}>
<!-- トラックバックリスト -->
</div>
<!--// サイドバー -->
<br class="clear" /> </div>


<div id="footer">

<!-- フッターメニュー -->
<div class="footer_menu">
<a href="<{$sk_url}>">特定商取引法に基づく表記</a> |
<a href="<{$payment_url}>">支払い方法について</a> |
<a href="<{$delivery_url}>">配送方法・送料について</a> |
<a href="<{$privacy_url}>">プライバシーポリシー</a>
</div>
<!--// フッターメニュー -->

<div class="feed">
<a href="<{$rss_url}>"><img src="http://img.shop-pro.jp/tmpl_img/20/feed_rss.gif" width="57" height="15" alt="RSS" /></a>
<a href="<{$atom_url}>"><img src="http://img.shop-pro.jp/tmpl_img/20/feed_atom.gif" width="57" height="15" alt="ATOM" /></a>
</div>

<address><{ $e_copyright }></address>

</div>
</div>
</div>

【共通CSS】編集内容

タグの編集箇所を確認

下記の【共通CSSソース】の、 <!-- 黄色いマークの文字列 --> が編集箇所の目安となりますので、文字列を【共通CSS】内にて検索します。

指定タグを削除、挿入

<!-- 黄色いマークの文字列 --> を検索後、
1、 グレーエリアのタグ を削除してください。(1箇所あります)
2、 ピンクエリアの追加タグ を挿入してください。(1箇所あります)
【共通CSSソース】

* {
margin:0px;
padding:0px;
}

body{
color:<{$font_color}>;
font-size: <{$font_size}>;
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
line-height: 1.4em;

/* 背景色&背景画像(表示エリアの左右のボーダー) */
background:transparent url(<{$page_bgimg}>) repeat-y center;
background-color:<{$page_bgcolor}>;

}

#base {
/* 背景色&背景画像(表示エリアの左右のボーダー) */
background:transparent url(<{$page_bgimg}>) repeat-y center;
background-color:<{$page_bgcolor}>;
}

br.clear {
clear: both;
font: 0px/0px sans-serif;
}

li { list-style:none;}
img { border:none;}

.small { font-size:x-small;}

 

/* リンクカラー(初級モードで設定できます) */
/* ----------------------------------------------------- */

a:link,
a:visited,
a:active { color: <{$link_normal}>; text-decoration: none;}
a:hover { color: <{$link_hover}>; text-decoration: underline;}

/*ショップタイトル*/
h1 a:link,
h1 a:visited,
h1 a:active { color: <{$shop_title_fontcolor}>;}
h1 a:hover { color: <{$shop_title_bgcolor}>; text-decoration: none;}

 

/* レイアウト */
/* ----------------------------------------------------- */

#wrap {
width:782px;
margin:0px auto;
background:transparent url(<{$shop_title_bordercolor}>) no-repeat center top; /* ショップタイトルの背景画像 */
}

/* ヘッダー */
#header {
}

/* コンテンツエリア(下部にボーダー画像) */
#content {
width:745px;
padding:12px 15px 40px 22px;
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/content_bottom.gif) no-repeat center bottom;
}

/* メインエリア */
#main {
width:580px;
float:left;
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/main.gif) no-repeat right top;
}

/* サイドバー */
#sidebar {
width:164px;
float:right;
color:<{$free_fontcolor}>;
}

/* フッター */
#footer {
width:782px;
padding:5px 0px 5px 0px;
text-align:center;
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/footer.gif) no-repeat center bottom;
}

 

/* ヘッダー */
/* ----------------------------------------------------- */

h1 {
font-size:<{$shop_title_fontsize}>;/* タイトル文字サイズ */
margin-left:50px;/* タイトル左部のスペース横幅 */
margin-right:20px;
line-height:1.4em;
}

/*ショップタイトルのレイアウト*/
#header td {
width:782px;
height:100px;
vertical-align:middle;
}

#header_menu {
text-align:right;
width:752px;
height:20px;
padding:10px 15px;
}

#header_menu dd{
padding:5px 0px 5px 15px;
display:inline;
}

#header_menu img {
margin-right:6px;
vertical-align:middle;
}

 

/* フッター */
/* ----------------------------------------------------- */

.footer_menu {
width:570px;
float:left;
color:<{$footer_line_color}>;
padding:0px 0px 5px 25px;
text-align:left;
}

.feed {
width:150px;
float:right;
padding-bottom:5px;
text-align:right;
}
.feed img {
margin:0px 15px 0px 0px;
}

address {
width:782px;
clear:both;
font-style:normal;
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/footer_address.gif) no-repeat center top;
padding:10px 0px;
}

 

/* サイドバー */
/* ----------------------------------------------------- */

/* -------------------------------------
* 会員専用ページ
* ------------------------------------- */

#cart_members {
margin-left:10px;
margin-bottom:35px;
}

#cart_members dl {
width:153px;
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/r_cart_bottom.gif) no-repeat left bottom;
padding-bottom:10px;
}

#cart_members dt {
height:35px;
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/r_cart_members.gif) no-repeat left;
font-size:0.1em;
text-indent:-10000px;
}

#cart_members dd {
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/r_cart_bg.gif) repeat-y;
text-align:center;
}

#cart_members div#btn_members_login {
padding:7px 0px;
text-align:center;
}

#cart_members div#btn_members_logout,
#cart_members div#btn_members_signup {
padding:7px 0px 0px;
text-align:center;
}

#cart_members div#btn_members_signup {
border-top:#c3c3c3 dotted 1px;
}

#cart_members div#btn_members_logout span,
#cart_members div#btn_members_signup span {
font-size:10px;
line-height:1.1em;
display:block;
padding-bottom:3px;
}

/* -------------------------------------
* カートの中身
* ------------------------------------- */

#cart_list {
margin-left:10px;
margin-bottom:35px;
}
#cart_list dl {
width:153px;
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/r_cart_bottom.gif) no-repeat left bottom;
padding-bottom:10px;
}
#cart_list dt {
height:35px;
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/r_cart_top.gif) no-repeat left;
font-size:0.1em;
text-indent:-10000px;
}
#cart_list dd {
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/r_cart_bg.gif) repeat-y;
padding:5px;
text-align:center;
}

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

 

/* -------------------------------------
* ジャンルから選ぶ、おすすめから選ぶ、売れ筋から選ぶ、商品を検索する
* ------------------------------------- */

#cat_list,
#reco_list,
#sell_list,
#search {
margin-left:10px;
}

#cat_list dd,
#reco_list dd,
#sell_list dd,
#search dd {
padding:10px 7px;
}

#cat_list ul,
#reco_list ul,
#sell_list ul {
margin-left:15px;
}
#cat_list li,
#reco_list li,
#sell_list li {
margin-bottom:10px;
}

#search select{
width:120px;
background:#FFF;
border:1px solid <{$search_bgcolor}>;
}
#search .keyword{
width:120px;
background:#FFF;
border:1px solid <{$search_bgcolor}>;
}
#search .btn{
}

/* -------------------------------------
* その他のサイドメニュー
* ------------------------------------- */

.box {
margin:15px 0px;
}

.box dl {
width:164px;
}

.box dd{
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/r_box_bg.gif) repeat-y;
padding:10px;
}

#owner {
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/r_owner_bottom.gif) no-repeat left bottom;
padding-bottom:15px;
text-align:center;
}
#owner dt {
height:38px;
background-image:url(http://img.shop-pro.jp/tmpl_img/20/r_owner_top.gif);
}
.owner_photo {
border:1px solid <{$owner_title_bgcolor}>;/*「店主のコーナー」店主画像枠線色*/
}

.owner_memo {
text-align:left;
margin:5px 0px;
}

#mailmaga {
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/r_mailmaga_bottom.gif) no-repeat left bottom;
padding-bottom:15px;
}
#mailmaga dt {
height:36px;
background-image:url(http://img.shop-pro.jp/tmpl_img/20/r_mailmaga_top.gif);
}

#mailmaga dd {
text-align:center;
}

#free_list {
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/r_freelist_bottom.gif) no-repeat left bottom;
padding-bottom:15px;
}
#free_list dt {
height:41px;
background-image:url(http://img.shop-pro.jp/tmpl_img/20/r_freelist_top.gif);
}
#free_list li,
#tb_list li {
padding:2px 0px 10px 10px;
}

#tb_list {
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/r_tblist_bottom.gif) no-repeat left bottom;
padding-bottom:15px;
}
#tb_list dt {
height:41px;
background-image:url(http://img.shop-pro.jp/tmpl_img/20/r_tblist_top.gif);
}

#owner dt,
#mailmaga dt,
#free_list dt,
#tb_list dt {
background-repeat:no-repeat;
font-size:0.1em;
text-indent:-10000px;
}

 

 

/*メインエリア */
/* ----------------------------------------------------- */

/* -------------------------------------
* 各ページ共通/ アイテムボックス(小さいサイズの商品画像)
* ------------------------------------- */

/*3列で表示*/
.itembox {
width:175px;
margin:0px 5px 5px 0px;
text-align:center;
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/itembox_bg_175.gif) repeat-y left top;
}

.itembox .top {
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/itembox_top_175.gif) no-repeat left top;
}

.itembox .bottom {
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/itembox_bottom_175.gif) no-repeat left bottom;
padding:10px 0px;
z-index:9999;
}

.itembox img {
display:block;
margin:0px auto 10px auto;
}

.item_title {
padding:3px 10px;
}

.item_price {
padding:0px 10px;
}

/*会員専用価格の表示 トップページ用*/
.regular_price_top {
padding:0px 10px 2px;
font-size:11px;
text-decoration:line-through;
color:#666666;
}

.price_top {
padding:0px 10px;
}

.discount_rate_top {
padding:2px 10px 0px;
color:#ff0000;
}

/* -------------------------------------
* 各ページ共通/ パンくずナビ
* ------------------------------------- */
#pankuzu {
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/border3.gif) no-repeat left bottom;/* ボーダーパターン3 */
height:25px;
margin-bottom:25px;
}

/* -------------------------------------
* 各ページ共通/ タイトル画像
* ------------------------------------- */

#info dt,
#reco dt,
#sell dt,
#together dt,
#tb dt.tb_title {
height:16px;
margin-bottom:20px;
font-size:0.1em;
text-indent:-10000px;
background-repeat:no-repeat;
}

 

/* -------------------------------------
* トップページ/ お知らせエリア
* ------------------------------------- */
dl#info {
width:540px;
margin-bottom:25px;
}
#info dt {
background-image:url(http://img.shop-pro.jp/tmpl_img/20/title_info.gif);
}
#info dd {
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/border1.gif) no-repeat left bottom;/* ボーダーパターン1 */
padding-bottom:20px;
}

/* -------------------------------------
* トップページ/ おすすめエリア
* ------------------------------------- */

dl#reco {
width:540px;
margin-bottom:25px;
}
#reco dt {
background-image:url(http://img.shop-pro.jp/tmpl_img/20/title_reco.gif);
}
#reco dd {
width:100%;
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/border2.gif) no-repeat left bottom;/* ボーダーパターン2 */
padding-bottom:20px;
}

/* -------------------------------------
* トップページ/ 売れ筋エリア
* ------------------------------------- */

dl#sell {
width:540px;
margin-bottom:50px;
}
#sell dt {
background-image:url(http://img.shop-pro.jp/tmpl_img/20/title_sell.gif);
}
#sell dd {
width:100%;
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/border1.gif) no-repeat left bottom;/* ボーダーパターン1 */
padding-bottom:20px;
}

/* -------------------------------------
* トップページ/ フリースペース
* ------------------------------------- */

#freespace {
}

/* -------------------------------------
* 一覧ページ/ サブカテゴリー
* ------------------------------------- */

dl#subcat {
width:540px;
display:block;
}

#subcat dt {
color:<{$table_title_fontcolor}>;
font-size:<{$table_title_fontstyle}>;
margin-bottom:20px;
}

#subcat dd {
display:block;
}

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

/* -------------------------------------
* 一覧ページ/ カテゴリー商品表示
* ------------------------------------- */

dl#cat {
width:540px;
}
#cat dt {
width:530px;
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/border3.gif) no-repeat left bottom;/* ボーダーパターン3 */
padding:0px 10px 20px 0px;
}
.cat_name {
font-weight:bolder;
font-size:14px;
width:400px;
float:left;
}

#cat dt select {
width:120px;
}

#cat .sort_select {
float:right;
text-align:right;
}

#cat dd {
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/border3.gif) no-repeat left bottom;/* ボーダーパターン3 */
padding:10px 0px 15px 0px;
}

#cat table {
width:530px;
}

td.cat_l {
width:175px;
padding:5px 0px;
}

td.cat_r {
padding-bottom:15px;
}

.page_link {
margin-top:5px;
}

 

td.cat_r {}

/*商品一覧罫線の色*/
td.cat_r .price {
padding:5px;
border-top:1px solid <{$productlist_border}>;
border-bottom:1px solid <{$productlist_border}>;
text-align:right;
font-size:14px;
}
td.cat_r .explain {
margin:5px;
}

/*会員専用価格の表示 商品一覧用*/
.regular_price_all {
padding:0px 0px 2px;
font-size:11px;
text-decoration:line-through;
color:#666666;
}

.price_all {
padding:0px;
}

.discount_rate_all {
padding:0px 0px 0px 5px;
color:#ff0000;
}

 

/* -------------------------------------
* 詳細ページ
* ------------------------------------- */

#detail {
width:540px;
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/border1.gif) no-repeat left bottom;/* ボーダーパターン1 */
padding-bottom:30px;
}

#detail .detail_l {

background:#F8F8F8 url(http://img.shop-pro.jp/tmpl_img/20/detail_l_bg_540.gif) repeat-y left top;
text-align:center;
}

/*背景枠-フルサイズ*/
#detail .detail_l .mainimg {
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/detail_l_top_540.gif) no-repeat left top;
padding:15px 0px 0px 0px;
}

#detail .detail_l .product_name {
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/detail_l_bottom_540.gif) no-repeat left bottom;
padding:15px 0px;
font-weight:bolder;
}

/*価格表-フルサイズ*/
#detail .detail_r {
width:540px;
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/detail_r_bg_540.gif) repeat-y left top;
color:<{$productexpl_fontcolor}>;
text-align:center;
margin:0px auto;
}
#detail .detail_r .top {
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/detail_r_top_540.gif) no-repeat left top;
}
#detail .detail_r .bottom {
width:500px;
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/detail_r_bottom_540.gif) no-repeat left bottom;
padding:15px 20px 10px 20px;
}

.subimg {
text-align:left;
}

/* 商品その他画像のサイズと装飾 */
.subimg img{
width:<{$link_img}>;
border:1px solid <{$productimg_border}>;
margin-right:5px;
}

.explain {
text-align:left;
margin:5px 0px 20px 0px;
}

table.spec {
width:500px;
border-top:1px solid <{$productimg_border}>;
}

table.spec th {
font-weight:normal;
text-align:left;
padding:2px 15px;
border-bottom:1px solid <{$productimg_border}>;
border-right:1px solid <{$productimg_border}>;
}
table.spec td {
border-bottom:1px solid <{$productimg_border}>;
padding:2px 0px 2px 15px;
text-align:left;
}
table.spec table.num td{
padding:0px;
border-bottom:none;
}

.option {
margin-top:10px;
text-align:left;

}

.cart_btn {
margin-top:10px;
}

#detail .etc {
clear:both;
padding-top:10px;
}

.etc li {
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/star.gif) no-repeat 0px 2px;
padding-left:20px;
height:25px;
}

/*会員専用価格の表示 商品詳細用*/
.regular_price_detail {
padding:0px 0px 2px;
text-decoration:line-through;
}

.price_detail {
padding:0px;
}

.discount_rate_detail {
padding:2px 0px 0px;
color:#ff0000;
}

/* -------------------------------------
* 詳細ページ/ この商品を買ったひとはこんな商品も買っています
* ------------------------------------- */

dl#together {
width:540px;
margin-top:20px;
}
#together dt {
background-image:url(http://img.shop-pro.jp/tmpl_img/20/title_together.gif);
}

#together dd {
width:540px;
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/border2.gif) no-repeat left bottom;/* ボーダーパターン2 */
padding-bottom:30px;
}

dl#together .itembox {
margin:0px 5px 5px 0px;
text-align:center;
}

/* -------------------------------------
* 詳細ページ/ トラックバック
* ------------------------------------- */

dl#tb {
width:540px;
margin-top:20px;
}
#tb dt.tb_title {
background-image:url(http://img.shop-pro.jp/tmpl_img/20/title_tb.gif);
}

#tb .tb_url {
text-align:right;
padding-top:5px;
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/title_tburl.gif) no-repeat 10px 10px;
}
#tb .tb_url input {
width:350px;
padding:2px;
background:#FFF;
border:1px solid #999;
}

.tb_box {
margin:10px 0px;
}

.tb_box dl {
background:<{$producttxt_bgcolor}>;
border:1px solid <{$tb_bordercolor}>;
padding:5px 10px;
}

.tb_box dt {
padding:5px;
}

.tb_box dd {
padding:5px;
}

.tb_box .tb_state {
text-align:right;
border-top:1px dotted <{$productlist_bgcolor}>;
}

 

 

/* ************************************************
* 商品検索結果
* ************************************************ */

/*設定は商品一覧ページと共通です。*/

dl#search_result {
width:540px;
margin-bottom:10px;
}

#search_result dt {
color:#656565;
font-size:14px;
margin-bottom:15px;
}

#search_result dd {
background:transparent url(http://img.shop-pro.jp/tmpl_img/20/border1.gif) no-repeat left bottom;/* ボーダーパターン1 */
padding-bottom:20px;
}

/*指定した検索条件の文字色*/
#search_result strong {
color:<{$searchlist_expl_fontcolor}>;
}

/*会員専用価格の表示 商品検索結果用*/
.regular_price_search {
padding:0px 0px 2px;
font-size:11px;
text-decoration:line-through;
color:#666666;
}

.price_search {
padding:0px;
}

.discount_rate_search {
padding:2px 0px 0px;
color:#ff0000;
}

/* -------------------------------------
* オプション在庫・値段表
* ------------------------------------- */

#option {
margin:20px 10px;
background-color: <{$left_title_bgcolor}>;
border:1px solid <{$option_bordercolor}>;
}

#option dt {
font-weight:bolder;
padding:10px;
}

#option dd {
padding:10px;
}

#option table {
background:<{$option_bordercolor}>;
}

#option table th {
font-weight:bold;
text-align:left;
background:<{$option_bgcolor}>;
color:<{$left_title_fontcolor}>;
padding:7px 5px;
}

#option table td {
background:<{$table_cell_bgcolor}>;
padding:7px 5px;
}

#option dd.option_btn {
margin-top:10px;
text-align:center;
}

/*会員専用価格の表示 オプション用*/
.regular_price_stock {
padding:0px 0px 2px;
font-size:11px;
text-decoration:line-through;
color:#666666;
}

.price_detail_stock {
padding:0px;
}

.discount_rate_stock {
padding:2px 0px;
color:#ff0000;
}

/* -------------------------------------
* 特定商取引法に基づく表記
* ------------------------------------- */

.sk_title {
color:<{$privacy_title_fontcolor}>;
font-size:14px;
margin-bottom:15px;
}

table#sk {
width:540px;
margin:10px 0px 50px 0px;
border-top:1px solid <{$ShopKeeper_bordercorder}>;
}

table#sk th {
font-weight:normal;
text-align:left;
background:<{$ShopKeeper_bgcorder}>;
padding:7px 10px 7px 5px;
border-bottom:1px solid <{$ShopKeeper_bordercorder}>;
}

table#sk td {
background:#FFF;
padding:7px 0px 7px 5px;
border-bottom:1px solid <{$ShopKeeper_bordercorder}>;
}

 

 

/* -------------------------------------
* 支払い方法・配送方法について
* ------------------------------------- */

#payment,
#delivery {
width:540px;
margin:10px 0px 50px 0px;
border-top:1px solid <{$ShopKeeper_bordercorder}>;
}

dl#payment dt,
dl#delivery dt {
background:<{$ShopKeeper_bgcorder}>;
padding:5px;
border-bottom:1px dotted <{$ShopKeeper_bordercorder}>;
}

dl#payment dt img,
dl#delivery dt img {
vertical-align:middle;
}

dl#payment dd,
dl#delivery dd {
padding:10px 10px 30px 10px;
background:#FFF;
border-bottom:1px solid <{$ShopKeeper_bordercorder}>;
}

dl#payment img,
dl#delivery img {
margin:3px;
}

 

/* -------------------------------------
* プライバシーポリシー
* ------------------------------------- */

#privacy {
width:540px;
margin:10px 0px;
}

#privacy dt {
background:<{$privacy_title_bgcolor}>;
padding:5px;
border-bottom:1px dotted <{$privacy_area_bordercorder}>;

}

#privacy dd {
line-height:1.5;
border-bottom:1px solid <{$privacy_area_bordercorder}>;
padding:10px 10px 30px 10px;
}



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