【機能リリース以前のテーマをご利用の場合】

2011年2月7日の機能リリース以前のテーマをご利用の場合、事前に以下の作業を行ってください。
1) 管理画面＞デザイン設定＞テーマの選択から、現在使用中のテーマを選択し、［このデザインを選択する］をクリックします。

2) ［お店ページを更新する］をクリックし、［更新を開始する］ボタンをクリックしてお店ページを更新します。

【テーマをカスタマイズしている場合】

テーマをカスタマイズしている場合、事前に以下の作業を行ってください。
1) 管理画面＞デザイン設定＞テーマのカスタマイズから、現在利用中のテーマの［編集］ボタンをクリックします。

2) 「テーマ編集」の「スタイルシート」に以下のスタイルシートを追加し、［保存して適用］ボタンをクリックします。

/*** 商品詳細ページの在庫の直接表示用 ***/
#itemStocklist table {
    border-collapse:collapse;
    margin:5px 0;
    padding:0;
}

#itemStocklist th,
#itemStocklist td {
    margin:0;
    padding:0;
    font-weight:normal;
    text-align:left;
    line-height:1.2;
}

#itemStocklist th {
    white-space:normal;
    width:auto;
    border:1px solid #999;
    vertical-align:middle;;
}

#itemStocklist td {
    white-space:normal;
    width:auto;
    border:1px solid #999;
}

#itemStocklist th p,
#itemStocklist td p {
    padding:1px 4px;
    line-height:1.2;
}

#itemStocklist td input,
#itemStocklist td img {
    width:80px;
    height:24px;
    margin:2px;
}

/* バリエーションなしorまとめて管理 */
#itemStocklist table.contType {width:auto;}

#itemStocklist table.contType th,
#itemStocklist table.contType td {
    padding:0 10px;
    vertical-align:middle;
    font-size:0.9em;
}

/* バリエーションごとに管理 */
#itemStocklist table.listType {width:100%;}

#itemStocklist table.listType th,
#itemStocklist table.listType td {font-size:0.8em;}

#itemStocklist table.listType td.stk {
    width:5em;
    text-align:center;
}

#itemStocklist table.listType td.btn {
    width:84px;
    vertical-align:middle;
    text-align:center;
}