Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/order/index.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/order/index.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/order/index.tpl	(revision 21050)
@@ -21,62 +21,47 @@
  *}-->
 <!--▼CONTENTS-->
-<div id="undercolumn">
-  <div id="undercolumn_order">
+<section id="undercolumn">
+    <!--☆特定商取引に関する法律に基づく表記 -->
     <h2 class="title"><!--{$tpl_title|h}--></h2>
-    <table summary="特定商取引に関する法律に基づく表記" class="entryform">
-      <tr>
-        <th class="trorder">販売業者</th>
-        <td><!--{$arrOrder.law_company|h}--></td>
-      </tr>
-      <tr>
-        <th class="trorder">運営責任者</th>
-        <td><!--{$arrOrder.law_manager|h}--></td>
-      </tr>
-      <tr>
-        <th class="trorder">住所</th>
-        <td>〒<!--{$arrOrder.law_zip01|h}-->-<!--{$arrOrder.law_zip02|h}--><br /><!--{$arrPref[$arrOrder.law_pref]|h}--><!--{$arrOrder.law_addr01|h}--><!--{$arrOrder.law_addr02|h}--></td>
-      </tr>
-      <tr>
-        <th class="trorder">電話番号</th>
-        <td><!--{$arrOrder.law_tel01|h}-->-<!--{$arrOrder.law_tel02|h}-->-<!--{$arrOrder.law_tel03|h}--></td>
-      </tr>
-      <tr>
-        <th class="trorder">FAX番号</th>
-        <td><!--{$arrOrder.law_fax01|h}-->-<!--{$arrOrder.law_fax02|h}-->-<!--{$arrOrder.law_fax03|h}--></td>
-      </tr>
-      <tr>
-        <th class="trorder">メールアドレス</th>
-        <td><a href="mailto:<!--{$arrOrder.law_email|escape:'hex'}-->"><!--{$arrOrder.law_email|escape:'hexentity'}--></a></td>
-      </tr>
-      <tr>
-        <th class="trorder">URL</th>
-        <td><a href="<!--{$arrOrder.law_url|h}-->"><!--{$arrOrder.law_url|h}--></a></td>
-      </tr>
-      <tr>
-        <th class="trorder">商品以外の必要代金</th>
-        <td><!--{$arrOrder.law_term01|h|nl2br}--></td>
-      </tr>
-      <tr>
-        <th class="trorder">注文方法</th>
-        <td><!--{$arrOrder.law_term02|h|nl2br}--></td>
-      </tr>
-      <tr>
-        <th class="trorder">支払方法</th>
-        <td><!--{$arrOrder.law_term03|h|nl2br}--></td>
-      </tr>
-      <tr>
-        <th class="trorder">支払期限</th>
-        <td><!--{$arrOrder.law_term04|h|nl2br}--></td>
-      </tr>
-      <tr>
-        <th class="trorder">引渡し時期</th>
-        <td><!--{$arrOrder.law_term05|h|nl2br}--></td>
-      </tr>
-      <tr>
-        <th class="trorder">返品・交換について</th>
-        <td><!--{$arrOrder.law_term06|h|nl2br}--></td>
-      </tr>
-    </table><br />
-  </div>
-</div>
+      <dl class="form_info">
+        <dt>販売業者</dt>
+         <dd><!--{$arrOrder.law_company|h}--></dd>
+
+        <dt>運営責任者</dt>
+         <dd><!--{$arrOrder.law_manager|h}--></dd>
+
+        <dt>住所</dt>
+         <dd>〒<!--{$arrOrder.law_zip01|h}-->-<!--{$arrOrder.law_zip02|h}--><br /><!--{$arrPref[$arrOrder.law_pref]|h}--><!--{$arrOrder.law_addr01|h}--><!--{$arrOrder.law_addr02|h}--></dd>
+
+        <dt>電話番号</dt>
+         <dd><!--{$arrOrder.law_tel01|h}-->-<!--{$arrOrder.law_tel02|h}-->-<!--{$arrOrder.law_tel03|h}--></dd>
+
+        <dt>FAX番号</dt>
+         <dd><!--{$arrOrder.law_fax01|h}-->-<!--{$arrOrder.law_fax02|h}-->-<!--{$arrOrder.law_fax03|h}--></dd>
+
+        <dt>メールアドレス</dt>
+         <dd><a href="mailto:<!--{$arrOrder.law_email|escape:'hex'}-->" rel="external"><!--{$arrOrder.law_email|escape:'hexentity'}--></a></dd>
+
+        <dt>URL</dt>
+         <dd><a href="<!--{$arrOrder.law_url|h}-->" rel="external"><!--{$arrOrder.law_url|h}--></a></dd>
+
+        <dt>商品以外の必要代金</dt>
+         <dd><!--{$arrOrder.law_term01|h|nl2br}--></dd>
+
+        <dt>注文方法</dt>
+         <dd><!--{$arrOrder.law_term02|h|nl2br}--></dd>
+
+        <dt>支払方法</dt>
+         <dd><!--{$arrOrder.law_term03|h|nl2br}--></dd>
+
+        <dt>支払期限</dt>
+         <dd><!--{$arrOrder.law_term04|h|nl2br}--></dd>
+
+        <dt>引渡し時期</dt>
+         <dd><!--{$arrOrder.law_term05|h|nl2br}--></dd>
+
+        <dt>返品・交換について</dt>
+         <dd><!--{$arrOrder.law_term06|h|nl2br}--></dd>
+      </dl>
+</section>
 <!--▲CONTENTS-->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/site_frame.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/site_frame.tpl	(revision 20914)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/site_frame.tpl	(revision 21050)
@@ -1,3 +1,3 @@
-<!--{printXMLDeclaration}--><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!DOCTYPE HTML>
 <!--{*
  * This file is part of EC-CUBE
@@ -22,36 +22,50 @@
  *}-->
 
-<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
+<html lang="ja">
 <head>
+<meta charset="UTF-8"> 
 <meta http-equiv="Content-Type" content="text/html; charset=<!--{$smarty.const.CHAR_CODE}-->" />
 
-<meta name="viewport" content="width=320,maximum-scale=1.0,user-scalable=no">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0" />
 <meta name="format-detection" content="telephone=no">
 <meta http-equiv="Content-Script-Type" content="text/javascript" />
 <meta http-equiv="Content-Style-Type" content="text/css" />
 <!--{* 共通CSS *}-->
-<link rel="stylesheet" media="only screen" href="<!--{$TPL_URLPATH}-->css/import.css" type="text/css" />
+<link rel="stylesheet" media="only screen" href="<!--{$TPL_URLPATH}-->css/import.css" />
 
 <!--{if $tpl_page_category == "abouts"}-->
 <!--{if ($smarty.server.HTTPS != "") && ($smarty.server.HTTPS != "off")}-->
-<script type="text/javascript" src="https://maps-api-ssl.google.com/maps/api/js?sensor=false"></script>
+<script src="https://maps.google.com/maps/api/js?sensor=false"></script>
 <!--{else}-->
-<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
+<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
 <!--{/if}-->
 <!--{/if}-->
-<script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/navi.js"></script>
-<script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/win_op.js"></script>
-<script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/site.js"></script>
-<script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery-1.4.2.min.js"></script>
-<script src="<!--{$TPL_URLPATH}-->js/jquery.biggerlink.js" type="text/javascript"></script>
-<script type="text/javascript">	
-	$(function(){
-		$('#recomendarea div.recomendleft, #recomendarea div.recomendright, #undercolumn div.listrightblock, #whoboughtarea div.whoboughtleft, #whoboughtarea div.whoboughtright').biggerlink();
-	});
+<script src="<!--{$smarty.const.ROOT_URLPATH}-->js/navi.js"></script>
+<script src="<!--{$smarty.const.ROOT_URLPATH}-->js/win_op.js"></script>
+<script src="<!--{$smarty.const.ROOT_URLPATH}-->js/site.js"></script>
+<script src="<!--{$TPL_URLPATH}-->js/jquery-1.5.2.min.js"></script>
+<script src="<!--{$TPL_URLPATH}-->js/jquery.biggerlink.js"></script>
+<script type="text/javascript">    
+    $(function(){
+        $('.recomendblock, .list_area, .newslist li, .bubbleBox, .arrowBox, .category_body, .navBox li').biggerlink();
+        //$('.recomendblock, .newslist li,.bubbleBox,.arrowBox,.navBox li').biggerlink();
+    });
 </script>
-
+<script type="text/javascript" src="<!--{$TPL_URLPATH}-->js/btn.js"></script>
 <script type="text/javascript" src="<!--{$TPL_URLPATH}-->js/barbutton.js"></script>
 <script type="text/javascript" src="<!--{$TPL_URLPATH}-->js/category.js"></script>
 <script type="text/javascript" src="<!--{$TPL_URLPATH}-->js/news.js"></script>
+
+<!--{* スマートフォンカスタマイズ用CSS *}-->
+<link rel="stylesheet" media="only screen" href="<!--{$TPL_URLPATH}-->css/jquery.mobile-1.0a3.min.css" />
+<link rel="stylesheet" media="only screen" href="<!--{$TPL_URLPATH}-->css/jquery.lightbox-0.5.css" />
+
+<!--{* スマートフォンカスタマイズ用JS *}-->
+<script src="<!--{$TPL_URLPATH}-->js/config.js"></script>
+<script src="<!--{$TPL_URLPATH}-->js/jquery.mobile-1.0a3.min.js"></script>
+<script src="<!--{$TPL_URLPATH}-->js/autoresize.jquery.min.js"></script>
+<script src="<!--{$TPL_URLPATH}-->js/jquery.flickslide.js"></script>
+<script src="<!--{$TPL_URLPATH}-->js/jquery.lightbox-0.5.min.js"></script>
+<script src="<!--{$TPL_URLPATH}-->js/favorite.js"></script>
 
 <title><!--{$arrSiteInfo.shop_name|h}--><!--{if $tpl_subtitle|strlen >= 1}--> / <!--{$tpl_subtitle|h}--><!--{elseif $tpl_title|strlen >= 1}--> / <!--{$tpl_title|h}--><!--{/if}--></title>
@@ -71,6 +85,14 @@
     <!--{$tpl_javascript}-->
     $(function(){
-        <!--{$tpl_onload}-->
+    <!--{$tpl_onload}-->
+    <!--{* lightbox準備 *}-->
+    $('a[rel*=lightbox]').lightBox({
+        imageLoading: '<!--{$TPL_URLPATH}-->img/lightboximages/lightbox-ico-loading.gif', 
+        imageBtnPrev: '<!--{$TPL_URLPATH}-->img/lightboximages/lightbox-btn-prev.gif', 
+        imageBtnNext: '<!--{$TPL_URLPATH}-->img/lightboximages/lightbox-btn-next.gif', 
+        imageBtnClose: '<!--{$TPL_URLPATH}-->img/lightboximages/lightbox-btn-close.gif', 
+        imageBlank: '<!--{$TPL_URLPATH}-->img/lightboximages/lightbox-blank.gif' 
     });
+});
 //]]>
 </script>
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/change_confirm.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/change_confirm.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/change_confirm.tpl	(revision 21050)
@@ -23,95 +23,85 @@
 *}-->
 <!--▼CONTENTS-->
-<div id="mypagecolumn">
-  <h2 class="title"><!--{$tpl_title|h}--></h2>
-    <!--{include file=$tpl_navi}-->
-    <div id="mycontentsarea">
-    <h2><!--{$tpl_subtitle|h}--></h2>
-    <p>下記の内容で送信してもよろしいでしょうか？<br />
-      よろしければ、一番下の「会員登録完了へ」ボタンをクリックしてください。</p>
+<section id="mypagecolumn">
+       <h2 class="title"><!--{$tpl_title|h}--></h2>
+       <!--{include file=$tpl_navi}-->
 
+       <h3 class="title_mypage"><!--{$tpl_subtitle|h}--></h3>
+       
+                            <!--★インフォメーション★-->
+       <div class="inner">
+          <p>下記の内容で送信してもよろしいでしょうか？<br />
+            よろしければ、一番下の「会員登録完了へ」ボタンをクリックしてください。</p>
+       </div>
 
-    <form name="form1" id="form1" method="post" action="?">
-      <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-      <input type="hidden" name="mode" value="complete" />
-      <input type="hidden" name="customer_id" value="<!--{$arrForm.customer_id|h}-->" />
-      <!--{foreach from=$arrForm key=key item=item}-->
-        <!--{if $key ne "mode" && $key ne "subm"}-->
-        <input type="hidden" name="<!--{$key|h}-->" value="<!--{$item|h}-->" />
-        <!--{/if}-->
-      <!--{/foreach}-->
-      <table summary=" " class="entryform">
-        <tr>
-          <th class="confirmtd">お名前<span class="attention">※</span></th>
-          <td><!--{$arrForm.name01|h}-->　<!--{$arrForm.name02|h}--></td>
-        </tr>
-        <tr>
-          <th class="confirmtd">お名前(フリガナ)<span class="attention">※</span></th>
-          <td><!--{$arrForm.kana01|h}-->　<!--{$arrForm.kana02|h}--></td>
-        </tr>
-        <tr>
-          <th class="confirmtd">郵便番号<span class="attention">※</span></th>
-          <td><!--{$arrForm.zip01}-->-<!--{$arrForm.zip02}--></td>
-        </tr>
-        <tr>
-         <th class="confirmtd">住所<span class="attention">※</span></th>
-          <td><!--{$arrPref[$arrForm.pref]}--><!--{$arrForm.addr01|h}--><!--{$arrForm.addr02|h}--></td>
-        </tr>
-        <tr>
-          <th class="confirmtd">電話番号<span class="attention">※</span></th>
-          <td><!--{$arrForm.tel01|h}-->-<!--{$arrForm.tel02}-->-<!--{$arrForm.tel03}--></td>
-        </tr>
-        <tr>
-          <th class="confirmtd">FAX</th>
-          <td><!--{if strlen($arrForm.fax01) > 0}--><!--{$arrForm.fax01}-->-<!--{$arrForm.fax02}-->-<!--{$arrForm.fax03}--><!--{else}-->未登録<!--{/if}--></td>
-        </tr>
-        <tr>
-          <th class="confirmtd">メールアドレス<span class="attention">※</span></th>
-          <td><a href="<!--{$arrForm.email|escape:'hex'}-->"><!--{$arrForm.email|escape:'hexentity'}--></a></td>
-        </tr>
-        <tr>
-          <th class="confirmtd">携帯メールアドレス</th>
-          <td>
-            <!--{if strlen($arrForm.email_mobile) > 0}-->
-            <a href="<!--{$arrForm.email_mobile|escape:'hex'}-->"><!--{$arrForm.email_mobile|escape:'hexentity'}--></a>
-            <!--{else}-->
-            未登録
-            <!--{/if}-->
-          </td>
-        </tr>
-        <tr>
-          <th class="confirmtd">性別<span class="attention">※</span></th>
-          <td><!--{$arrSex[$arrForm.sex]}--></td>
-        </tr>
-        <tr>
-          <th class="confirmtd">職業</th>
-          <td><!--{$arrJob[$arrForm.job]|default:"未登録"|h}--></td>
-        </tr>
-        <tr>
-          <th class="confirmtd">生年月日</th>
-          <td><!--{if strlen($arrForm.year) > 0 && strlen($arrForm.month) > 0 && strlen($arrForm.day) > 0}--><!--{$arrForm.year|h}-->年<!--{$arrForm.month|h}-->月<!--{$arrForm.day|h}-->日<!--{else}-->未登録<!--{/if}--></td>
-        </tr>
-        <tr>
-          <th class="confirmtd">希望するパスワード<br />
-          </th>
-          <td><!--{$passlen}--></td>
-        </tr>
-        <tr>
-          <th class="confirmtd">パスワードを忘れた時のヒント<span class="attention">※</span></th>
-          <td>質問：&nbsp;<!--{$arrReminder[$arrForm.reminder]|h}--><br />
-              答え：&nbsp;<!--{$arrForm.reminder_answer|h}--></td>
-        </tr>
-        <tr>
-          <th class="confirmtd">メールマガジン送付について<span class="attention">※</span></th>
-          <td><!--{$arrMAILMAGATYPE[$arrForm.mailmaga_flg]}--></td>
-        </tr>
-      </table>
+       <form name="form1" id="form1" method="post" action="?">
+           <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
+           <input type="hidden" name="mode" value="complete" />
+           <input type="hidden" name="customer_id" value="<!--{$arrForm.customer_id|h}-->" />
+           <!--{foreach from=$arrForm key=key item=item}-->
+           <!--{if $key ne "mode" && $key ne "subm"}-->
+           <input type="hidden" name="<!--{$key|h}-->" value="<!--{$item|h}-->" />
+           <!--{/if}-->
+           <!--{/foreach}-->
 
-      <div class="tblareabtn">
-        <p><input class="spbtn spbtn-shopping" type="submit" class="box150" value="送信" name="complete" id="complete" /></p>
-        <p><a class="spbtn spbtn-medeum" href="?" name="back" id="back" />戻る</a></p>
-      </div>
-    </form>
-  </div>
-</div>
-<!--▲CONTENTS-->
+       <dl class="form_entry">
+          <dt>お名前</dt>
+           <dd><!--{$arrForm.name01|h}-->&nbsp;<!--{$arrForm.name02|h}--></dd>
+
+          <dt>お名前(フリガナ)</dt>
+           <dd><!--{$arrForm.kana01|h}-->&nbsp;<!--{$arrForm.kana02|h}--></dd>
+
+          <dt>住所</dt>
+           <dd>〒<!--{$arrForm.zip01}-->-<!--{$arrForm.zip02}--><br />
+               <!--{$arrPref[$arrForm.pref]}--><!--{$arrForm.addr01|h}--><!--{$arrForm.addr02|h}--></dd>
+
+          <dt>電話番号</dt>
+           <dd><!--{$arrForm.tel01|h}-->-<!--{$arrForm.tel02}-->-<!--{$arrForm.tel03}--></dd>
+
+          <dt>FAX</dt>
+           <dd><!--{if strlen($arrForm.fax01) > 0}--><!--{$arrForm.fax01}-->-<!--{$arrForm.fax02}-->-<!--{$arrForm.fax03}-->
+                                                <!--{else}-->
+                                                            未登録
+                                                            <!--{/if}--></dd>
+
+          <dt>メールアドレス</dt>
+           <dd><a href="<!--{$arrForm.email|escape:'hex'}-->" rel="external"><!--{$arrForm.email|escape:'hexentity'}--></a></dd>
+
+          <dt>携帯メールアドレス</dt>
+           <dd><!--{if strlen($arrForm.email_mobile) > 0}--><a href="<!--{$arrForm.email_mobile|escape:'hex'}-->" rel="external"><!--{$arrForm.email_mobile|escape:'hexentity'}--></a>
+               <!--{else}-->
+               未登録
+               <!--{/if}--></dd>
+
+          <dt>性別</dt>
+           <dd><!--{$arrSex[$arrForm.sex]}--></dd>
+
+          <dt>職業</dt>
+           <dd><!--{$arrJob[$arrForm.job]|default:"未登録"|h}--></dd>
+
+          <dt>生年月日</dt>
+           <dd><!--{if strlen($arrForm.year) > 0 && strlen($arrForm.month) > 0 && strlen($arrForm.day) > 0}--><!--{$arrForm.year|h}-->年<!--{$arrForm.month|h}-->月<!--{$arrForm.day|h}-->日
+                                                <!--{else}-->
+                                                            未登録
+                                                            <!--{/if}--></dd>
+
+          <dt>希望するパスワード</dt>
+           <dd><!--{$passlen}--></dd>
+
+          <dt>パスワードを忘れた時のヒント</dt>
+           <dd>質問：&nbsp;<!--{$arrReminder[$arrForm.reminder]|h}--><br />
+               答え：&nbsp;<!--{$arrForm.reminder_answer|h}--></dd>
+
+          <dt>メールマガジン送付について</dt>
+           <dd><!--{$arrMAILMAGATYPE[$arrForm.mailmaga_flg]}--></dd>
+       </dl>
+
+       <div class="btn_area">
+          <ul class="btn_btm">
+            <li><input type="submit" value="完了ページへ" class="btn data-role-none" alt="完了ページへ" name="complete" id="complete" /></li>
+            <li><a class="btn_back" href="?" onClick="fnModeSubmit('return', '', ''); return false;" rel="external">戻る</a></li>
+          </ul>
+       </div>
+      </form>
+</section>
+<!--▲CONTENTS -->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/delivery.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/delivery.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/delivery.tpl	(revision 21050)
@@ -23,53 +23,63 @@
 *}-->
 <!--▼CONTENTS-->
-<div id="mypagecolumn">
-    <h2 class="title"><!--{$tpl_title|h}--></h2>
-<!--{include file=$tpl_navi}-->
-    <div id="mycontentsarea">
-        <h2><!--{$tpl_subtitle|h}--></h2>
-        <p>登録住所以外への住所へ送付される場合等にご利用いただくことができます。</p>
-        <p>※最大<!--{$smarty.const.DELIV_ADDR_MAX|h}-->件まで登録できます。</p>
+<section id="mypagecolumn">
+        <h2 class="title"><!--{$tpl_title|h}--></h2>
+        <!--{include file=$tpl_navi}-->
 
+        <h3 class="title_mypage"><!--{$tpl_subtitle|h}--></h3>
+        <!--★インフォメーション★-->
+          <div class="information">
+             <p><span class="attention">※</span>は必須入力項目です。<p>
+             <p>最大<span class="attention"><!--{$smarty.const.DELIV_ADDR_MAX|h}-->件</span>まで登録できます。</p>  
+          </div>
         <!--{if $tpl_linemax < $smarty.const.DELIV_ADDR_MAX}-->
-          <!--{* 退会時非表示 *}-->
-          <!--{if $tpl_login}-->
-            <p class="addbtn">
-                <a class="kybtn" href="<!--{$smarty.const.ROOT_URLPATH}-->mypage/delivery_addr.php" target="_blank">新しいお届け先を追加</a></p><br>
-          <!--{/if}-->
+        <!--{* 退会時非表示 *}-->
+        <!--{if $tpl_login}-->
+
+        <!--★ボタン★-->
+          <div class="btn_area_top">
+              <a href="<!--{$smarty.const.ROOT_URLPATH}-->mypage/delivery_addr.php" class="btn_sub addbtn" rel="external">新しいお届け先を追加</a>
+          </div>
+        <!--{/if}-->
         <!--{/if}-->
 
+    <div class="form_area">
         <!--{if $tpl_linemax > 0}-->
-        <form name="form1" method="post" action="?" >
-            <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-            <input type="hidden" name="mode" value="" />
-            <input type="hidden" name="other_deliv_id" value="" />
-            <input type="hidden" name="pageno" value="<!--{$tpl_pageno}-->" />
+           <form name="form1" method="post" action="?" >
+               <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
+               <input type="hidden" name="mode" value="" />
+               <input type="hidden" name="other_deliv_id" value="" />
+               <input type="hidden" name="pageno" value="<!--{$tpl_pageno}-->" />
 
-            <table summary="お届け先" class="entryform">
-                <tr>
-                    <th colspan="5">▼お届け先</th>
-                </tr>
-                <!--{section name=cnt loop=$arrOtherDeliv}-->
-                    <!--{assign var=OtherPref value="`$arrOtherDeliv[cnt].pref`"}-->
-                    <tr>
-                        <td class="centertd"><!--{$smarty.section.cnt.iteration}--></td>
-                        <td><label for="add<!--{$smarty.section.cnt.iteration}-->">お届け先住所</label></td>
-                        <td>
-                            〒<!--{$arrOtherDeliv[cnt].zip01}-->-<!--{$arrOtherDeliv[cnt].zip02}--><br />
-                            <!--{$arrPref[$OtherPref]|h}--><!--{$arrOtherDeliv[cnt].addr01|h}--><!--{$arrOtherDeliv[cnt].addr02|h}--><br />
-                            <!--{$arrOtherDeliv[cnt].name01|h}-->&nbsp;<!--{$arrOtherDeliv[cnt].name02|h}-->
-                        </td>
-                        <td class="centertd">
-                            <a href="./delivery_addr.php" onclick="win02('./delivery_addr.php?other_deliv_id=<!--{$arrOtherDeliv[cnt].other_deliv_id}-->','deliv_disp','600','640'); return false;">変更</a><br>
-                            <a href="#" onclick="fnModeSubmit('delete','other_deliv_id','<!--{$arrOtherDeliv[cnt].other_deliv_id}-->'); return false;">削除</a>
-                        </td>
-                    </tr>
-                <!--{/section}-->
-            </table>
-        </form>
-        <!--{else}-->
-        <p class="delivempty"><strong>新しいお届け先はありません。</strong></p>
-        <!--{/if}-->
-    </div>
-</div>
-<!--▲CONTENTS-->
+       <!--▼フォームボックスここから -->
+       <div class="formBox">
+
+             <!--▼お届け先 -->
+       <div class="delivBox">
+                   <!--{section name=cnt loop=$arrOtherDeliv}-->
+          <!--{assign var=OtherPref value="`$arrOtherDeliv[cnt].pref`"}-->
+             <p><em>お届け先住所<!--{$smarty.section.cnt.iteration}--></em>：<br />
+                                〒<!--{$arrOtherDeliv[cnt].zip01}-->-<!--{$arrOtherDeliv[cnt].zip02}--><br />
+                      <!--{$arrPref[$OtherPref]|h}--><!--{$arrOtherDeliv[cnt].addr01|h}--><!--{$arrOtherDeliv[cnt].addr02|h}--><br />
+                      <!--{$arrOtherDeliv[cnt].name01|h}-->&nbsp;<!--{$arrOtherDeliv[cnt].name02|h}--></p>
+
+            <ul class="edit">
+              <li><a href="./delivery_addr.php" onclick="win02('./delivery_addr.php?other_deliv_id=<!--{$arrOtherDeliv[cnt].other_deliv_id}-->','deliv_disp','600','640'); return false;" class="b_edit" rel="external">編集</a></li>
+              <li><a href="#" onclick="fnModeSubmit('delete','other_deliv_id','<!--{$arrOtherDeliv[cnt].other_deliv_id}-->'); return false;" rel="external">削除</a></li>
+            </ul>
+          </div>
+       <!--▲お届け先-->
+         <!--{/section}-->
+
+      </div><!--▲formBox -->
+          </form>
+      <!--{else}-->
+          <p class="delivempty"><strong>新しいお届け先はありません。</strong></p>
+      <!--{/if}-->
+
+          <p><a href="#" class="btn_more" rel="external">もっとみる</a></p>
+
+   </div><!--▲form_area -->
+
+</section>
+<!--▲CONTENTS -->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/change.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/change.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/change.tpl	(revision 21050)
@@ -23,28 +23,32 @@
 *}-->
 <!--▼CONTENTS-->
-<div id="mypagecolumn">
-  <h2 class="title"><!--{$tpl_title|h}--></h2>
-<!--{include file=$tpl_navi}-->
-<div id="mycontentsarea">
-  <h2><!--{$tpl_subtitle|h}--></h2>
-  <p>下記項目にご入力ください。「<span class="attention">※</span>」印は入力必須項目です。<br />
-    入力後、一番下の「確認ページへ」ボタンをクリックしてください。</p>
+<section id="mypagecolumn">
+       <h2 class="title"><!--{$tpl_title|h}--></h2>
+       <!--{include file=$tpl_navi}-->
 
-  <form name="form1" id="form1" method="post" action="?">
-  <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-  <input type="hidden" name="mode" value="confirm" />
-  <input type="hidden" name="customer_id" value="<!--{$arrForm.customer_id|h}-->" />
-    <table summary="会員登録内容変更 " class="entryform">
-      <!--{include file="`$smarty.const.SMARTPHONE_TEMPLATE_REALDIR`frontparts/form_personal_input.tpl" flgFields=3 emailMobile=true prefix=""}-->
-    </table>
-    <!--{if 'sfGMOMypageDisplay'|function_exists}-->
-      <!--{'sfGMOMypageDisplay'|call_user_func}-->
-    <!--{/if}-->
-    <div class="tblareabtn">
-      <input class="spbtn spbtn-shopping" type="submit" class="box150" value="確認ページへ" name="refusal" id="refusal" />
-    </div>
-  </form>
-</div>
+       <h3 class="title_mypage"><!--{$tpl_subtitle|h}--></h3>
 
-</div>
+       <!--★インフォメーション★-->
+       <div class="intro">
+           <p><span class="attention">※</span>は必須入力項目です。</p>
+       </div>
+
+         <form name="form1" id="form1" method="post" action="?">
+             <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
+             <input type="hidden" name="mode" value="confirm" />
+             <input type="hidden" name="customer_id" value="<!--{$arrForm.customer_id|h}-->" />
+
+       <dl class="form_entry">
+          <!--{include file="`$smarty.const.SMARTPHONE_TEMPLATE_REALDIR`frontparts/form_personal_input.tpl" flgFields=3 emailMobile=true prefix=""}-->
+       </dl>
+          
+                                        <!--{if 'sfGMOMypageDisplay'|function_exists}-->
+          <!--{'sfGMOMypageDisplay'|call_user_func}-->
+          <!--{/if}-->
+       <div class="btn_area">
+           <p><input type="submit" class="btn data-role-none" value="確認ページへ" name="refusal" id="refusal" /></p>
+          </div>
+
+         </form>
+</section>
 <!--▲CONTENTS-->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/index.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/index.tpl	(revision 21030)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/index.tpl	(revision 21050)
@@ -23,47 +23,120 @@
 *}-->
 <!--▼CONTENTS-->
-<div id="mypagecolumn">
-  <h2 class="title"><!--{$tpl_title|h}--></h2>
-  <!--{if $tpl_navi != ""}-->
-    <!--{include file=$tpl_navi}-->
-  <!--{else}-->
-    <!--{include file=`$smarty.const.TEMPLATE_REALDIR`mypage/navi.tpl}-->
-  <!--{/if}-->
-  <div id="mycontentsarea">
-    <form name="form1" method="post" action="?">
-    <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-    <input type="hidden" name="order_id" value="" />
-    <input type="hidden" name="pageno" value="<!--{$objNavi->nowpage}-->" />
-    <h2><!--{$tpl_subtitle|h}--></h2>
+<section id="mypagecolumn">
 
-<!--{if $objNavi->all_row > 0}-->
+   <h2 class="title"><!--{$tpl_title|h}--></h2>
+       <!--{if $tpl_navi != ""}-->
+          <!--{include file=$tpl_navi}-->
+       <!--{else}-->
+          <!--{include file=`$smarty.const.TEMPLATE_REALDIR`mypage/navi.tpl}-->
+       <!--{/if}-->
 
-    <p><!--{$objNavi->all_row}-->件の購入履歴があります。</p>
-    <div>
-        <!--▼ページナビ-->
-        <!--{$objNavi->strnavi}-->
-        <!--▲ページナビ-->
-    </div>
+   <form name="form1" id="form1" method="post" action="<!--{$smarty.const.ROOT_URLPATH}-->mypage/index.php">
+      <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
+      <input type="hidden" name="order_id" value="" />
+      <input type="hidden" name="pageno" value="<!--{$objNavi->nowpage}-->" />
 
-    <table summary="購入履歴" class="entryform">
-      <tr>
-        <th class="alignC valignM">購入詳細</th>
-        <th class="alignC valignM">合計金額</th>
-        <th class="alignC valignM">詳細</th>
-      </tr>
-      <!--{section name=cnt loop=$arrOrder}-->
-      <tr>
-       <td class="detailtd">購入日時：<!--{$arrOrder[cnt].create_date|sfDispDBDate}--><br />注文番号：<!--→注文番号--><!--{$arrOrder[cnt].order_id}--><!--{assign var=payment_id value="`$arrOrder[cnt].payment_id`"}--><!--←注文番号--><br />お支払方法：<!--→支払方法--><!--{$arrPayment[$payment_id]|h}--><!--←支払方法--></td>
-       
-       <td class="alignR yentd"><!--{$arrOrder[cnt].payment_total|number_format}-->円</td>
-       <td class="centertd"><a href="<!--{$smarty.const.ROOT_URLPATH}-->mypage/history.php?order_id=<!--{$arrOrder[cnt].order_id}-->">詳細</a></td>
-     </tr>
-     <!--{/section}-->
-    </table>
+      <h3 class="title_mypage"><!--{$tpl_subtitle|h}--></h3>
+        <!--{if $objNavi->all_row > 0}-->
 
-    <!--{else}-->
-    <p>購入履歴はありません。</p>
-    <!--{/if}-->
-    </form>
-  </div>
-</div>
+        <!--★インフォメーション★-->
+        <div class="information">
+           <p><span class="attention"><span id="historycount"><!--{$objNavi->all_row}--></span>件</span>の購入履歴があります。</p>
+        </div>
+
+        <div class="form_area">
+
+        <!--▼フォームボックスここから -->
+        <div class="formBox">
+           <!--{section name=cnt loop=$arrOrder max=$dispNumber}-->
+             <!--▼商品 -->
+             <div class="arrowBox">
+              <p>
+                 <em>注文番号：</em><span class="order_id"><!--{$arrOrder[cnt].order_id}--><!--{assign var=payment_id value="`$arrOrder[cnt].payment_id`"}--></span><br />
+                 <em>購入日時：</em><span class="create_date"><!--{$arrOrder[cnt].create_date|sfDispDBDate}--></span><br />
+                 <em>お支払い方法：</em><span class="payment_id"><!--{$arrPayment[$payment_id]|h}--></span><br />
+                 <em>合計金額：</em><span class="payment_total"><!--{$arrOrder[cnt].payment_total|number_format}--></span>円
+              </p>
+              <a href="<!--{$smarty.const.ROOT_URLPATH}-->mypage/history.php?order_id=<!--{$arrOrder[cnt].order_id}-->" rel="external"></a>
+             </div>
+             <!--▲商品 -->
+           <!--{/section}-->
+       </div><!--▲formBox -->
+       </div><!--▲form_area-->
+        <div class="btn_area">
+          <!--{if $objNavi->all_row > $dispNumber}-->
+          <p><a href="javascript: void(0);" class="btn_more" id="btn_more_history" onClick="getHistory(5); return false;" rel="external">もっとみる(＋<!--{$dispNumber}-->件)</a></p>
+          <!--{/if}-->
+        </div>
+       <!--{else}-->
+    <div class="form_area">
+       <div class="information">
+           <p>購入履歴はありません。</p>
+       </div>
+    </div><!--▲form_area-->
+<!--{/if}-->
+                </form>
+</section>
+
+<script>
+var pageNo = 2;
+var url = "<!--{$smarty.const.ROOT_URLPATH}-->mypage/history.php";
+var statusImagePath = "<!--{$TPL_URLPATH}-->";
+
+function getHistory(limit) {
+    $.mobile.pageLoading();
+    var i = limit;
+    //送信データを準備
+    var postData = {};
+    $('#form1').find(':input').each(function(){
+        postData[$(this).attr('name')] = $(this).val();
+    });
+    postData["mode"] = "getList";
+    postData["pageno"] = pageNo;
+    postData["disp_number"] = i;
+
+    $.ajax({
+           type: "POST",
+           url: "<!--{$smarty.const.ROOT_URLPATH}-->mypage/index.php",
+           data: postData,
+           cache: false,
+           dataType: "json",
+           error: function(XMLHttpRequest, textStatus, errorThrown){
+            alert(textStatus);
+            $.mobile.pageLoading(true);
+           },
+           success: function(result){
+           
+             for (var j = 0; j < i; j++) {
+                 if (result[j] != null) {
+                    var history = result[j];
+                    var historyHtml = "";
+                    var maxCnt = $(".arrowBox").length - 1;
+                    var historyEl = $(".arrowBox").get(maxCnt);
+                    historyEl = $(historyEl).clone(true).insertAfter(historyEl);
+                    maxCnt++;
+                    
+                    //注文番号をセット
+                    $($(".arrowBox span.order_id").get(maxCnt)).text(history.order_id);
+                    //購入日時をセット
+                    $($(".arrowBox span.create_date").get(maxCnt)).text(history.create_date);
+                    //支払い方法をセット
+                    $($(".arrowBox span.payment_id").get(maxCnt)).text(history.payment_id);
+                    //合計金額をセット
+                    $($(".arrowBox span.payment_total").get(maxCnt)).text(history.payment_total);
+                    //履歴URLをセット
+                    $($(".arrowBox a").get(maxCnt)).attr("href", url + "?order_id=" + history.order_id);
+
+                 }
+             }
+             pageNo++;
+
+             //すべての商品を表示したか判定
+             if (parseInt($("#historycount").text()) <= $(".arrowBox").length) {
+                 $("#btn_more_history").hide();
+             }
+             $.mobile.pageLoading(true);
+           }
+});
+}
+</script>
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/login.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/login.tpl	(revision 20969)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/login.tpl	(revision 21050)
@@ -23,50 +23,45 @@
 *}-->
 <!--▼CONTENTS-->
-    <h2 class="title"><!--{$tpl_title|h}--></h2>
-    <form name="login_mypage" id="login_mypage" method="post" action="<!--{$smarty.const.HTTPS_URL}-->frontparts/login_check.php" onsubmit="return fnCheckLogin('login_mypage')">
-    <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-    <input type="hidden" name="mode" value="login" />
-    <input type="hidden" name="url" value="<!--{$smarty.server.REQUEST_URI|h}-->" />
-   <div class="loginarea">
-     <h2>会員登録がお済みのお客様</h2>
-     <p class="inputtext">会員の方は、登録時に入力されたメールアドレスとパスワードでログインしてください。</p>
+<section id="slidewindow">
 
-<table class="entryform">
-<tr><th>
-       <!--{assign var=key value="login_email"}-->
-       <span class="attention"><!--{$arrErr[$key]}--></span>
-メールアドレス</th>
+<h2 class="title"><!--{$tpl_title|h}--></h2>
+     <form name="login_mypage" id="login_mypage" method="post" action="<!--{$smarty.const.HTTPS_URL}-->frontparts/login_check.php" onsubmit="return fnCheckLogin('login_mypage')">
+        <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
+        <input type="hidden" name="mode" value="login" />
+        <input type="hidden" name="url" value="<!--{$smarty.server.PHP_SELF|h}-->" />
+<div class="login_area">
 
-<td><input type="email" name="<!--{$key}-->" value="<!--{$tpl_login_email|h}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->; ime-mode: disabled;" size="40" class="box300" /><br />
-       <p class="mini">
-         <!--{assign var=key value="login_memory"}-->
-         <input class="radio_btn" type="checkbox" name="<!--{$key}-->" value="1" <!--{$tpl_login_memory|sfGetChecked:1}--> id="login_memory" />
-         <label for="login_memory">メールアドレスを記憶させる</label>
-       </p></td></tr>
-<tr><th>
-         <!--{assign var=key value="login_pass"}-->
-         <span class="attention"><!--{$arrErr[$key]}--></span>
-パスワード</th>
-<td><input type="password" name="<!--{$key}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="40" class="box300" /></td></tr></table>
+    <div class="loginareaBox">
+          <!--{assign var=key value="login_email"}-->
+               <span class="attention"><!--{$arrErr[$key]}--></span>
+                  <input type="email" name="<!--{$key}-->" value="<!--{$tpl_login_email|h}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="mailtextBox data-role-none" placeholder="メールアドレス" />
 
+          <!--{assign var=key value="login_pass"}-->
+               <span class="attention"><!--{$arrErr[$key]}--></span>
+                  <input type="password" name="<!--{$key}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="passtextBox data-role-none" placeholder="パスワード" />
 
-     <div class="tblareabtn">
-      <input type="submit" value="ログイン" class="spbtn spbtn-shopping" width="130" height="30" alt="ログイン" name="log" id="log" />
-     </div>
-     <p class="inputtext02">
-       パスワードを忘れた方は<a href="<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/forgot/<!--{$smarty.const.DIR_INDEX_PATH}-->" onclick="win01('<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/forgot/<!--{$smarty.const.DIR_INDEX_PATH}-->','forget','600','460'); return false;" target="_blank">こちら</a>からパスワードの再発行を行ってください。<br />
-      メールアドレスを忘れた方は、お手数ですが、<a href="<!--{$smarty.const.ROOT_URLPATH}-->contact/<!--{$smarty.const.DIR_INDEX_PATH}-->">お問い合わせページ</a>からお問い合わせください。
-     </p>
-  </div>
-  <div class="loginarea">
-    <h2>まだ会員登録されていないお客様</h2>
-    <p class="inputtext">会員登録をすると便利なMyページをご利用いただけます。<br />
-      また、ログインするだけで、毎回お名前や住所などを入力することなくスムーズにお買い物をお楽しみいただけます。
-    </p>
-    <div class="inputbox02">
-        <a href="<!--{$smarty.const.ROOT_URLPATH}-->entry/kiyaku.php" class="spbtn spbtn-medeum">
-                    会員登録をする</a>&nbsp;
-    </div>
-  </div>
-</form>
-<!--▲CONTENTS-->
+</div><!--▲loginBox -->
+
+<p class="arrowRtxt"><a href="<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/forgot/<!--{$smarty.const.DIR_INDEX_PATH}-->" onclick="win01('<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/forgot/<!--{$smarty.const.DIR_INDEX_PATH}-->','forget','600','460'); return false;" target="_blank">パスワードを忘れた方</a></p>
+
+        <div class="btn_area">
+                                       <input type="submit" value="ログイン" class="btn data-role-none" name="log" id="log" />
+        </div>
+     </div><!--▲loginarea -->
+    </form>
+                
+                <form name="member_form2" id="member_form2" method="post" action="?">
+      <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
+      <input type="hidden" name="mode" value="nonmember" />
+      <div class="login_area_btm">
+        <nav>
+          <ul class="navBox">
+            <li><a rel="external" href="<!--{$smarty.const.ROOT_URLPATH}-->entry/kiyaku.php">新規会員登録</a></li>
+          </ul>
+        </nav>
+       <p>会員登録をすると便利なMyページをご利用いただけます。</p>
+      </div>
+   </form>
+  </section>
+ <!--▲コンテンツここまで -->
+
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/error.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/error.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/error.tpl	(revision 21050)
@@ -24,10 +24,12 @@
 <!--{include file="`$smarty.const.SMARTPHONE_TEMPLATE_REALDIR`popup_header.tpl" subtitle="エラー"}-->
 
-<div id="compbox">
-<span class="red"><!--{$tpl_error}--></span><br />
-</div>
+<div data-role="page" data-theme="d" id="index frame_outer">
+  <div id="errorBox">
+      <p class="attention"><!--{$tpl_error}--></p>
+  </div>
 
-<div class="button">
-<a href="javascript:window.close()" onmouseOver="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_close_on.gif','close');" onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_close.gif','close');"><img src="<!--{$TPL_URLPATH}-->img/button/btn_close.gif" width="129" height="32" alt="閉じる" name="close" id="close" /></a>
+  <div class="btn_area">
+      <p><a href="javascript:window.close()" onmouseOver="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_close_on.gif','close');" onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_close.gif','close');" class="btn_sub">閉じる</a></p>
+  </div>
 </div>
 
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/refusal_complete.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/refusal_complete.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/refusal_complete.tpl	(revision 21050)
@@ -23,18 +23,25 @@
 *}-->
 <!--▼CONTENTS-->
-<div id="mypagecolumn">
-  <h2 class="title"><!--{$tpl_title|h}--></h2>
-  <!--{include file = $tpl_navi}-->
-  <div id="mycontentsarea">
-    <h2><!--{$tpl_subtitle|h}--></h2>
-    <div id="completetext">
-      <p class="changetext">退会手続きが完了いたしました。<br />
-        MYページをご利用いただき誠にありがとうございました。<br />
-        またのご利用を心よりお待ち申し上げます。<br />
-      <!--{$arrSiteInfo.company_name|h}--><br />
-      TEL：<!--{$arrSiteInfo.tel01}-->-<!--{$arrSiteInfo.tel02}-->-<!--{$arrSiteInfo.tel03}--> <!--{if $arrSiteInfo.business_hour != ""}-->（受付時間/<!--{$arrSiteInfo.business_hour}-->）<!--{/if}--><br />
-      E-mail：<a href="mailto:<!--{$arrSiteInfo.email02|escape:'hex'}-->"><!--{$arrSiteInfo.email02|escape:'hexentity'}--></a></p>
-    </div>
-  </div>
-</div>
+<section id="mypagecolumn">
+       <h2 class="title"><!--{$tpl_title|h}--></h2>
+       <!--{include file = $tpl_navi}-->
+
+       <h3 class="title_mypage"><!--{$tpl_subtitle|h}--></h3>
+       
+                            <!--★インフォメーション★-->
+       <div id="mycontentsarea">
+          <div id="completetext">
+                                             <p>退会手続きが完了いたしました。</p>
+              <p>MYページをご利用いただき誠にありがとうございました。<br />
+                またのご利用を心よりお待ち申し上げます。</p>
+           </div>
+       <hr>
+
+           <div class="shopInformation">
+              <p><!--{$arrSiteInfo.company_name|h}--></p>
+              <p>TEL：<!--{$arrSiteInfo.tel01}-->-<!--{$arrSiteInfo.tel02}-->-<!--{$arrSiteInfo.tel03}--><br />
+                 E-mail：<a href="mailto:<!--{$arrSiteInfo.email02|escape:'hex'}-->" rel="external"><!--{$arrSiteInfo.email02|escape:'hexentity'}--></a></p>
+           </div>
+       </div><!--▲mycontentsarea -->
+</section>
 <!--▲CONTENTS-->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/mail_view.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/mail_view.tpl	(revision 20727)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/mail_view.tpl	(revision 21050)
@@ -1,12 +1,13 @@
 <!--{include file="`$smarty.const.SMARTPHONE_TEMPLATE_REALDIR`popup_header.tpl" subtitle="MYページ/メール履歴詳細"}-->
 
-<table class="form">
-  <tr>
-    <td class="mailtd"><!--{$tpl_subject|h}--></td>
-  </tr>
-  <tr>
-    <td class="mailtd"><!--{$tpl_body|h|nl2br}--></td>
-  </tr>
-</table>
+<div data-role="page" data-theme="d" id="index frame_outer">
+<!--▼CONTENTS-->
+   <dl class="view_detail">
+      <dt><!--{$tpl_subject|h}--></dt>
+      <dd><!--{$tpl_body|h|nl2br}--></dd>
+   </dl>
+</div>
+<!--▲CONTENTS -->
+
 
 <!--{include file="`$smarty.const.SMARTPHONE_TEMPLATE_REALDIR`popup_footer.tpl"}-->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/change_complete.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/change_complete.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/change_complete.tpl	(revision 21050)
@@ -23,20 +23,16 @@
 *}-->
 <!--▼CONTENTS-->
-<div id="mypagecolumn">
-  <h2 class="title"><!--{$tpl_title|h}--></h2>
-  <!--{include file=$tpl_navi}-->
-  <div id="mycontentsarea">
-    <h2><!--{$tpl_subtitle|h}--></h2>
+<section id="mypagecolumn">
+      <h2 class="title"><!--{$tpl_title|h}--></h2>
+      <!--{include file=$tpl_navi}-->
 
-    <div id="completetext">
-      <p class="changetext">会員登録内容の変更が完了いたしました。<br />
-        今後ともご愛顧賜りますようよろしくお願い申し上げます。</p>
-    </div>
+      <h3 class="title_mypage"><!--{$tpl_subtitle|h}--></h3>
 
-    <div class="tblareabtn">
-
-<a class="spbtn spbtn-medeum" href="<!--{$smarty.const.TOP_URLPATH}-->">トップページへ</a>
-    </div>
-  </div>
-</div>
+         <div class="thankstext">
+           <p>会員登録内容の変更が完了いたしました。</p>
+         </div>
+         <div id="completetext">
+           <p>今後ともご愛顧賜りますようよろしくお願い申し上げます。</p>
+         </div>
+</section>
 <!--▲CONTENTS-->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/delivery_addr.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/delivery_addr.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/delivery_addr.tpl	(revision 21050)
@@ -24,25 +24,33 @@
 <!--{include file="`$smarty.const.SMARTPHONE_TEMPLATE_REALDIR`popup_header.tpl" subtitle="新しいお届け先の追加・変更"}-->
 
-<div id="windowarea">
-    <h2 class="title"><!--{$tpl_title|h}--></h2>
-    <p>下記項目にご入力ください。「<span class="attention">※</span>」印は入力必須項目です。</p>
-    <p>入力後、一番下の「登録する」ボタンをクリックしてください。</p>
+<section id="windowcolumn">
+    <div data-role="header">
+                <div class="title_box clearfix">
+       <h2><!--{$tpl_title|h}--></h2>
+         <a href="delivery.php" data-role="button" data-rel="back" data-icon="delete" data-iconpos="notext" class="ui-btn-right" data-theme="d"><span class="ui-btn-text">close</span></a>
+                                    </div>
+                                     </div>
 
-    <form name="form1" id="form1" method="post" action="?">
-        <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-        <input type="hidden" name="mode" value="edit" />
-        <input type="hidden" name="other_deliv_id" value="<!--{$smarty.session.other_deliv_id}-->" />
-        <input type="hidden" name="ParentPage" value="<!--{$ParentPage}-->" />
+       <!--★インフォメーション★-->
+       <div class="information">
+          <p><span class="attention">※</span>は必須入力項目です。<br />
+           最大20件まで登録できます。</p> 
+       </div>
 
-        <table summary="お届け先登録" class="entryform">
-            <!--{include file="`$smarty.const.SMARTPHONE_TEMPLATE_REALDIR`frontparts/form_personal_input.tpl" flgFields=1 emailMobile=false prefix=""}-->
-        </table>
-<br />
-        <div class="btn">
-            <input class="spbtn spbtn-shopping" type="submit" class="box150" value="登録する" name="register" id="register" />
-        </div>
-    </form>
-    <br />
-</div>
+       <form name="form1" id="form1" method="post" action="?">
+           <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
+           <input type="hidden" name="mode" value="edit" />
+           <input type="hidden" name="other_deliv_id" value="<!--{$smarty.session.other_deliv_id}-->" />
+           <input type="hidden" name="ParentPage" value="<!--{$ParentPage}-->" />
+
+       <dl class="form_entry">
+           <!--{include file="`$smarty.const.SMARTPHONE_TEMPLATE_REALDIR`frontparts/form_personal_input.tpl" flgFields=1 emailMobile=false prefix=""}-->
+       </dl>
+
+       <div class="btn_area">
+          <input class="btn" type="submit" value="登録する" name="register" id="register" />
+       </div>
+       </form>
+</section>
 
 <!--{include file="`$smarty.const.SMARTPHONE_TEMPLATE_REALDIR`popup_footer.tpl"}-->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/navi.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/navi.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/navi.tpl	(revision 21050)
@@ -22,57 +22,30 @@
  */
 *}-->
-<div id="mynavarea">
-    <!--{strip}-->
-
-        <!--▼現在のポイント-->
-        <!--{if $point_disp !== false}-->
-            <ul id="mypageT">
-                 <li>ようこそ！<br />
-                     <!--{$CustomerName1|h}--> <!--{$CustomerName2|h}-->様<br />
-                     <!--{if $smarty.const.USE_POINT !== false}-->
-                         現在の所持ポイントは<em><!--{$CustomerPoint|number_format|default:"0"|h}-->pt</em>です。
-                     <!--{/if}-->
-                 </li>
-            </ul>
-        <!--{/if}-->
-        <!--▲現在のポイント-->
-
-        <ul class="button_like">
-
-          <!--{if $tpl_login}-->
-            <!--{* 会員状態 *}-->
-            <li><a href="./<!--{$smarty.const.DIR_INDEX_PATH}-->" class="<!--{if $tpl_mypageno == 'index'}--> selected<!--{/if}-->">
-                購入履歴一覧</a></li>
-            <!--{if $smarty.const.OPTION_FAVOFITE_PRODUCT == 1}-->
-                <li><a href="favorite.php" class="<!--{if $tpl_mypageno == 'favorite'}--> selected<!--{/if}-->">
-                    お気に入り一覧</a></li>
-            <!--{/if}-->
-            <li><a href="change.php" class="<!--{if $tpl_mypageno == 'change'}--> selected<!--{/if}-->">
-                会員登録内容変更</a></li>
-            <li><a href="delivery.php" class="<!--{if $tpl_mypageno == 'delivery'}--> selected<!--{/if}-->">
-                お届け先追加・変更</a></li>
-            <li><a href="refusal.php" class="<!--{if $tpl_mypageno == 'refusal'}--> selected<!--{/if}-->">
-                退会手続き</a></li>
-          <!--{else}-->
-
-          <!--{* 退会状態 *}-->
-            <li><a href="<!--{$smarty.const.TOP_URLPATH}-->" class="<!--{if $tpl_mypageno == 'index'}--> selected<!--{/if}-->">
-                購入履歴一覧</a></li>
-            <!--{if $smarty.const.OPTION_FAVOFITE_PRODUCT == 1}-->
-                <li><a href="<!--{$smarty.const.TOP_URLPATH}-->" class="<!--{if $tpl_mypageno == 'favorite'}--> selected<!--{/if}-->">
-                    お気に入り一覧</a></li>
-            <!--{/if}-->
-            <li><a href="<!--{$smarty.const.TOP_URLPATH}-->" class="<!--{if $tpl_mypageno == 'change'}--> selected<!--{/if}-->">
-                会員登録内容変更</a></li>
-            <li><a href="<!--{$smarty.const.TOP_URLPATH}-->" class="<!--{if $tpl_mypageno == 'delivery'}--> selected<!--{/if}-->">
-                お届け先追加・変更</a></li>
-            <li><a href="<!--{$smarty.const.TOP_URLPATH}-->" class="<!--{if $tpl_mypageno == 'refusal'}--> selected<!--{/if}-->">
-                退会手続き</a></li>
-          <!--{/if}-->
-
-        </ul>
-
-
-    <!--{/strip}-->
-</div>
+<nav id="mypage_nav">
+    <!--{strip}-->    
+        <ul>
+               <!--{if $tpl_login}-->
+              <!--{* 会員状態 *}-->    
+                 <li class="nav_delivadd"><a href="delivery.php" class="<!--{if $tpl_mypageno == 'delivery'}--> selected<!--{/if}-->" rel="external"
+>お届け先追加・変更</a></li>                                                        
+              <li class="nav_change"><a href="change.php" class="<!--{if $tpl_mypageno == 'change'}--> selected<!--{/if}-->" rel="external">会員内容変更</a></li>                                                        
+                    <li class="nav_history"><a href="./<!--{$smarty.const.DIR_INDEX_PATH}-->" class="<!--{if $tpl_mypageno == 'index'}--> selected<!--{/if}-->" rel="external">購入履歴</a></li>
+                                                        <!--{if $smarty.const.OPTION_FAVOFITE_PRODUCT == 1}-->
+                                                        <li class="nav_favorite"><a href="favorite.php" class="<!--{if $tpl_mypageno == 'favorite'}--> selected<!--{/if}-->" rel="external">お気に入り</a></li>
+                                                        <!--{/if}-->                                                        
+              <li class="nav_refusal"><a href="refusal.php" class="<!--{if $tpl_mypageno == 'refusal'}--> selected<!--{/if}-->" rel="external">退会手続き</a></li>
+                    <!--{else}-->
+                                                                                                                
+                                                        <!--{* 退会状態 *}-->
+                                                        <li class="nav_delivadd"><a href="<!--{$smarty.const.TOP_URLPATH}-->" class="<!--{if $tpl_mypageno == 'delivery'}--> selected<!--{/if}-->" rel="external">お届け先追加・変更</a></li>
+                                                        <li class="nav_change"><a href="<!--{$smarty.const.TOP_URLPATH}-->" class="<!--{if $tpl_mypageno == 'change'}--> selected<!--{/if}-->" rel="external">会員内容変更</a></li>
+                                                        <li class="nav_history"><a href="<!--{$smarty.const.TOP_URLPATH}-->" class="<!--{if $tpl_mypageno == 'index'}--> selected<!--{/if}-->" rel="external">購入履歴</a></li>
+                                                        <!--{if $smarty.const.OPTION_FAVOFITE_PRODUCT == 1}-->
+              <li class="nav_favorite"><a href="<!--{$smarty.const.TOP_URLPATH}-->" class="<!--{if $tpl_mypageno == 'favorite'}--> selected<!--{/if}-->" rel="external">お気に入り</a></li>
+                                                        <!--{/if}-->
+              <li class="nav_refusal"><a href="<!--{$smarty.const.TOP_URLPATH}-->" class="<!--{if $tpl_mypageno == 'refusal'}--> selected<!--{/if}-->" rel="external">退会手続き</a></li>
+                  <!--{/if}-->
+                                </ul>
+                    <!--{/strip}-->
+</nav>
 <!--▲NAVI-->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/refusal_confirm.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/refusal_confirm.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/refusal_confirm.tpl	(revision 21050)
@@ -23,23 +23,23 @@
 *}-->
 <!--▼CONTENTS-->
-<div id="mypagecolumn">
-  <h2 class="title"><!--{$tpl_title|h}--></h2>
-  <!--{include file=$tpl_navi}-->
-  <form name="form1" method="post" action="?">
-  <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-  <input type="hidden" name="mode" value="complete" />
-  <div id="mycontentsarea">
-    <h2><!--{$tpl_subtitle|h}--></h2>
-    <div id="completetext">
-      <p>退会手続きを実行してもよろしいでしょうか？</p>
-      <div class="tblareabtn">
-        <a class="spbtn spbtn-shopping" href="./refusal.php">いいえ、退会しません</a><br />
-        <input class="spbtn spbtn-medeum" type="submit" value="はい、退会します" name="refuse_do" id="refuse_do" />
-      </div>
+<section id="mypagecolumn">
+     <h2 class="title"><!--{$tpl_title|h}--></h2>
+     <!--{include file=$tpl_navi}-->
+        <form name="form1" method="post" action="?">
+            <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
+            <input type="hidden" name="mode" value="complete" />
 
-      <p class="mini"><em>※退会手続きが完了した時点で、現在保存されている購入履歴や、お届け先等の情報はすべてなくなりますのでご注意ください。</em></p>
-    </div>
-  </div>
-  </form>
-</div>
+     <h3 class="title_mypage"><!--{$tpl_subtitle|h}--></h3>
+
+     <!--★インフォメーション★-->
+        <div class="refusetxt">
+           <p>退会手続きを実行してもよろしいでしょうか？</p>
+                                            <ul class="btn_refuse">
+              <li><a class="btn" href="./refusal.php" rel="external">いいえ、退会しません</a></li>
+                       <li><input class="btn data-role-none" type="submit" value="はい、退会します" name="refuse_do" id="refuse_do" /></li>
+           </ul>
+        </div>
+         </form>
+</section>
 <!--▲CONTENTS-->
+
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/favorite.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/favorite.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/favorite.tpl	(revision 21050)
@@ -22,68 +22,155 @@
  */
 *}-->
-<div id="mypagecolumn">
-  <h2 class="title"><!--{$tpl_title|h}--></h2>
-  <!--{if $tpl_navi != ""}-->
-    <!--{include file=$tpl_navi}-->
-  <!--{else}-->
-    <!--{include file=`$smarty.const.TEMPLATE_REALDIR`mypage/navi.tpl}-->
-  <!--{/if}-->
+<!--▼CONTENTS-->
+<section id="mypagecolumn">
+      <h2 class="title"><!--{$tpl_title|h}--></h2>
+      <!--{if $tpl_navi != ""}-->
+        <!--{include file=$tpl_navi}-->
+      <!--{else}-->
+        <!--{include file=`$smarty.const.TEMPLATE_REALDIR`mypage/navi.tpl}-->
+      <!--{/if}-->
 
-  <div id="mycontentsarea">
-    <form name="form1" method="post" action="?">
-    <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-    <input type="hidden" name="order_id" value="" />
-    <input type="hidden" name="pageno" value="<!--{$tpl_pageno}-->" />
-    <h2><!--{$tpl_subtitle|h}--></h2>
+      <h3 class="title_mypage"><!--{$tpl_subtitle|h}--></h3>
+      <!--{if $tpl_linemax > 0}-->
 
-<!--{if $tpl_linemax > 0}-->
+      <!--★インフォメーション★-->
+      <div class="information">
+           <p><span class="attention"><span id="productscount"><!--{$tpl_linemax}--></span>件</span>のお気に入りがあります。</p>
+           <p>最大20件まで登録できます。</p>  
+      </div>
 
-    <p><!--{$tpl_linemax}-->件のお気に入りがあります。</p>
-    <div class="paging">
-      <!--▼ページナビ-->
-      <!--{$tpl_strnavi}-->
-      <!--▲ページナビ-->
-    </div>
+      <!--▼フォームここから -->
+      <div class="form_area">
 
-    <form name="form1" id="form1" method="post" action="?">
-    <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-    <input type="hidden" name="mode" value="cart" />
-    <input type="hidden" name="product_id" value="" />
-    <table summary="お気に入り" id="mypage-history-list" class="entryform">
-      <tr>
-        <th width="40" class="alignC valignM">削除</th>
-        <th width="60" class="alignC valignM">商品画像</th>
-        <th width="200" class="alignC valignM">商品名</th>
-        <th width="200" class="sale_price alignC valignM"><!--{$smarty.const.SALE_PRICE_TITLE}--><span class="mini">(税込)</span></th>
-      </tr>
-      <!--{section name=cnt loop=$arrFavorite}-->
-      <!--{assign var=product_id value="`$arrFavorite[cnt].product_id`"}-->
-      <tr>
-       <td class="multi_send"><a href="javascript:fnModeSubmit('delete_favorite','product_id','<!--{$product_id|h}-->');">削除</a></td>
-       <td><a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$product_id|u}-->"><img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrFavorite[cnt].main_list_image|sfNoImageMainList|h}-->&amp;width=65&amp;height=65"></a></td>
-       <td><a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$product_id|u}-->"><!--{$arrFavorite[cnt].name}--></a></td>
-       <td class="right sale_price alignR">
-        <span class="price">
-          <!--{if $arrFavorite[cnt].price02_min == $arrFavorite[cnt].price02_max}-->
-            <!--{$arrFavorite[cnt].price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
-          <!--{else}-->
-            <!--{$arrFavorite[cnt].price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->～<!--{$arrFavorite[cnt].price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
-          <!--{/if}-->円</span>
-       </td>
-     </tr>
-     <!--{/section}-->
-    </table>
-    <br />
-    <!--{if $stock_find_count > 0 && $customer_rank < 51}-->
-    <div class="product-btn">
-      <a href="javascript:void(document.form1.submit())" class="btn-cart">カートに入れる</a>
-    </div>
-    <!--{/if}-->
-    </form>
+        <form name="form1" id="form1" method="post" action="<!--{$smarty.const.ROOT_URLPATH}-->mypage/favorite.php">
+            <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
+            <input type="hidden" name="mode" value="cart" />
+            <input type="hidden" name="product_id" value="" />
 
-    <!--{else}-->
-    <p>お気に入りが登録されておりません。</p>
-    <!--{/if}-->
-    </form>
-  </div>
-</div>
+
+      <!--▼フォームボックスここから -->
+      <div class="formBox">
+        <!--{section name=cnt loop=$arrFavorite max=$dispNumber}-->
+        <!--{assign var=product_id value="`$arrFavorite[cnt].product_id`"}-->
+
+      <!--▼商品 -->
+      <div class="favoriteBox">
+          <a rel="external" href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$product_id|u}-->"><img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrFavorite[cnt].main_list_image|sfNoImageMainList|h}-->&amp;width=80&amp;height=80" alt="" width="80" height="80" class="photoL productImg" /></a>
+        <div class="favoriteContents clearfix">
+           <h4><a rel="external" href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$product_id|u}-->" class="productName"><!--{$arrFavorite[cnt].name}--></a></h4>
+               <p><span class="mini productPrice"><!--{$smarty.const.SALE_PRICE_TITLE}-->：<!--{if $arrFavorite[cnt].price02_min == $arrFavorite[cnt].price02_max}-->
+                  <!--{$arrFavorite[cnt].price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
+                  <!--{else}-->
+                  <!--{$arrFavorite[cnt].price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->～<!--{$arrFavorite[cnt].price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
+                  <!--{/if}-->円</span></p>
+               <p class="btn_delete"><img src="<!--{$TPL_URLPATH}-->img/button/btn_delete.png" width="21" height="20" alt="削除" onClick="javascript:fnModeSubmit('delete_favorite','product_id','<!--{$product_id|h}-->');" class="pointer" /></p>
+        </div>
+      </div><!--▲商品 -->
+        
+      <!--{/section}-->
+
+      </div><!--▲formBox -->
+            <!--{if $stock_find_count > 0 && $customer_rank < 51}-->
+            <div class="product-btn">
+               <a rel="external" href="javascript:void(document.form1.submit())" class="btn-cart">カートに入れる</a>
+            </div>
+            <!--{/if}-->
+         </form>
+         </div><!--▲form_area -->
+         
+         <div class="btn_area">
+         <!--{if $tpl_linemax > $dispNumber}-->
+           <p><a rel="external" href="javascript: void(0);" class="btn_more" id="btn_more_product" onClick="getProducts(5); return false;">もっとみる(＋<!--{$dispNumber}-->件)</a></p>
+         <!--{/if}-->
+         </div>
+         
+         <!--{else}-->
+              <div class="form_area">
+               <div class="information">
+                <p>お気に入りが登録されておりません。</p>
+               </div>        
+              </div><!--▲form_area -->
+         <!--{/if}-->
+
+</section>
+<!--▲CONTENTS -->
+
+<script>
+var pageNo = 2;
+var url = "<!--{$smarty.const.P_DETAIL_URLPATH}-->";
+var imagePath = "<!--{$smarty.const.IMAGE_SAVE_URLPATH|sfTrimURL}-->/";
+var statusImagePath = "<!--{$TPL_URLPATH}-->";
+
+function getProducts(limit) {
+    $.mobile.pageLoading();
+    var i = limit;
+    //送信データを準備
+    var postData = {};
+    $('#form1').find(':input').each(function(){  
+        postData[$(this).attr('name')] = $(this).val();  
+    });
+    postData["mode"] = "getList";
+    postData["pageno"] = pageNo;
+    postData["disp_number"] = i;
+
+    $.ajax({
+           type: "POST",
+           url: "<!--{$smarty.const.ROOT_URLPATH}-->mypage/favorite.php",
+           data: postData,
+           cache: false,
+           dataType: "json",
+           error: function(XMLHttpRequest, textStatus, errorThrown){
+            alert(textStatus);
+            $.mobile.pageLoading(true);
+           },
+           success: function(result){
+           
+            var productStatus = result.productStatus;
+             for (var j = 0; j < i; j++) {
+                 if (result[j] != null) {
+                     var product = result[j];
+                     var productHtml = "";
+                    var maxCnt = $(".favoriteBox").length - 1;
+                    var productEl = $(".favoriteBox").get(maxCnt);
+                    productEl = $(productEl).clone(true).insertAfter(productEl);
+                    maxCnt++;
+                    
+                     //商品写真をセット
+                     $($(".favoriteBox img.productImg").get(maxCnt)).attr({
+                                                                 src: imagePath + product.main_list_image, 
+                                                                 alt: product.name
+                                                             });
+                     
+                     //商品名をセット
+                     $($(".favoriteBox a.productName").get(maxCnt)).text(product.name);
+                     $($(".favoriteBox a.productName").get(maxCnt)).attr("href", url + product.product_id);
+                     
+                     //販売価格をセット
+                     var price = $($(".favoriteBox span.productPrice").get(maxCnt));
+                    //販売価格をクリア
+                     price.empty();
+                     var priceVale = "";
+                    //販売価格が範囲か判定
+                     if (product.price02_min == product.price02_max) {
+                         priceVale = "<!--{$smarty.const.SALE_PRICE_TITLE}-->：" + product.price02_min_tax_format + '円';
+                     } else {
+                         priceVale = "<!--{$smarty.const.SALE_PRICE_TITLE}-->：" + product.price02_min_tax_format + '～' + product.price02_max_tax_format + '円';
+                     }
+                     price.append(priceVale);
+                     
+                     //削除ボタンをセット
+                     $($(".favoriteBox p.btn_delete a").get(maxCnt)).attr("href", "javascript:fnModeSubmit('delete_favorite','product_id','" + product.product_id + "');");
+
+                 }
+             }
+             pageNo++;
+
+             //すべての商品を表示したか判定
+             if (parseInt($("#productscount").text()) <= $(".favoriteBox").length) {
+                 $("#btn_more_product").hide();
+             }
+             $.mobile.pageLoading(true);
+           }
+});
+}
+</script>
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/history.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/history.tpl	(revision 21000)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/history.tpl	(revision 21050)
@@ -23,188 +23,113 @@
 *}-->
 <!--▼CONTENTS-->
-<div id="mypagecolumn">
+<section id="mypagecolumn">
     <h2 class="title"><!--{$tpl_title|h}--></h2>
     <!--{include file=$tpl_navi}-->
-    <div id="mycontentsarea">
-        <h3><!--{$tpl_subtitle|h}--></h3>
-        <p class="myconditionarea">
-        <strong>購入日時：&nbsp;</strong><!--{$tpl_arrOrderData.create_date|sfDispDBDate}--><br />
-        <strong>注文番号：&nbsp;</strong><!--{$tpl_arrOrderData.order_id}--><br />
-        <strong>お支払い方法：&nbsp;</strong><!--{$arrPayment[$tpl_arrOrderData.payment_id]|h}-->
-        <!--{if $tpl_arrOrderData.deliv_time_id != ""}--><br />
-        <strong>お届け時間：&nbsp;</strong><!--{$arrDelivTime[$tpl_arrOrderData.deliv_time_id]|h}-->
-        <!--{/if}-->
-        <!--{if $tpl_arrOrderData.deliv_date != ""}--><br />
-        <strong>お届け日：&nbsp;</strong><!--{$tpl_arrOrderData.deliv_date|h}-->
-        <!--{/if}-->
-        </p>
+    
+                <h3 class="title_mypage"><!--{$tpl_subtitle|h}--></h3>
 
-        <form action="order.php" method="post">
-            <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-            <input type="hidden" name="order_id" value="<!--{$tpl_arrOrderData.order_id}-->">
-            <input class="spbtn spbtn-shopping" type="submit" name="submit" value="再注文">
-        </form>
+      <div class="form_area">
+          <div id="historyBox">
+             <p>
+               <em>注文番号</em>：&nbsp;<!--{$tpl_arrOrderData.order_id}--><br />
+                        <em>購入日時</em>：&nbsp;<!--{$tpl_arrOrderData.create_date|sfDispDBDate}--><br />
+               <em>お支払い方法</em>：&nbsp;<!--{$arrPayment[$tpl_arrOrderData.payment_id]|h}--><!--{if $tpl_arrOrderData.deliv_time_id != ""}--><br />
+                           <em>お届け時間</em>：&nbsp;</strong><!--{$arrDelivTime[$tpl_arrOrderData.deliv_time_id]|h}-->
+               <!--{/if}-->
+               <!--{if $tpl_arrOrderData.deliv_date != ""}--><br />
+               <em>お届け日</em>：&nbsp;</strong><!--{$tpl_arrOrderData.deliv_date|h}-->
+               <!--{/if}-->
+             </p>
 
-        <table summary="購入商品詳細" class="entryform">
-            <tr>
-                <th class="alignC valignM">商品コード</th>
-                <th class="alignC valignM">商品内容</th>
-                <th class="alignC valignM">数量</th>
-                <th class="alignC valignM">小計</th>
-            </tr>
-            <!--{foreach from=$tpl_arrOrderDetail item=orderDetail}-->
-                <tr>
-                    <td><!--{$orderDetail.product_code|h}--></td>
-                    <td><!--→商品名--><a<!--{if $orderDetail.enable}--> href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$orderDetail.product_id|u}-->"<!--{/if}-->><!--{$orderDetail.product_name|h}--></a><!--←商品名--><br /><!--→商品種別--><!--{if $orderDetail.product_type_id == $smarty.const.PRODUCT_TYPE_DOWNLOAD}-->
-                        <!--{if $orderDetail.is_downloadable}-->
-                            <a target="_self" href="<!--{$smarty.const.ROOT_URLPATH}-->mypage/download.php?order_id=<!--{$tpl_arrOrderData.order_id}-->&amp;product_id=<!--{$orderDetail.product_id}-->&amp;product_class_id=<!--{$orderDetail.product_class_id}-->">ダウンロード</a>
-                        <!--{else}-->
-                            <!--{if $orderDetail.payment_date == "" && $orderDetail.effective == "0"}-->
-                                <!--{$arrProductType[$orderDetail.product_type_id]}--><BR />（入金確認中）
-                            <!--{else}-->
-                                <!--{$arrProductType[$orderDetail.product_type_id]}--><BR />（期限切れ）
-                            <!--{/if}-->
-                        <!--{/if}-->
-                    <!--{else}-->
-                        <!--{$arrProductType[$orderDetail.product_type_id]}-->
-                    <!--{/if}--><!--←商品種別--><br /><!--→金額--><!--{assign var=price value=`$orderDetail.price`}-->
-                    <!--{assign var=quantity value=`$orderDetail.quantity`}-->
-<!--{$price|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format|h}-->円<!--←金額--></td>
+                            <form action="order.php" method="post">
+              <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
+              <input type="hidden" name="order_id" value="<!--{$tpl_arrOrderData.order_id}-->">
+              <input class="btn_reorder btn data-role-none" type="submit" name="submit" value="再注文">
+          </form>
+          </div>
+      <div class="formBox">
 
-                    <td class="detailtdNumber"><!--{$quantity|h}--></td>
-                    <td class="alignR"><!--{$price|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|sfMultiply:$quantity|number_format}-->円</td>
-                </tr>
-            <!--{/foreach}-->
-            <tr>
-                <th colspan="3" class="resulttd">小計</th>
-                <td class="pricetd"><!--{$tpl_arrOrderData.subtotal|number_format}-->円</td>
-            </tr>
-            <!--{assign var=point_discount value="`$tpl_arrOrderData.use_point*$smarty.const.POINT_VALUE`"}-->
-            <!--{if $point_discount > 0}-->
-            <tr>
-                <th colspan="3" class="resulttd">ポイント値引き</th>
-                <td class="alignR"><!--{$point_discount|number_format}-->円</td>
-            </tr>
-            <!--{/if}-->
-            <!--{assign var=key value="discount"}-->
-            <!--{if $tpl_arrOrderData[$key] != "" && $tpl_arrOrderData[$key] > 0}-->
-            <tr>
-                <th colspan="3" class="resulttd">値引き</th>
-                <td class="pricetd"><!--{$tpl_arrOrderData[$key]|number_format}-->円</td>
-            </tr>
-            <!--{/if}-->
-            <tr>
-                <th colspan="3" class="resulttd">送料</th>
-                <td class="pricetd"><!--{assign var=key value="deliv_fee"}--><!--{$tpl_arrOrderData[$key]|number_format|h}-->円</td>
-            </tr>
-            <tr>
-                <th colspan="3" class="resulttd">手数料</th>
-                <!--{assign var=key value="charge"}-->
-                <td class="pricetd"><!--{$tpl_arrOrderData[$key]|number_format|h}-->円</td>
-            </tr>
-            <tr>
-                <th colspan="3" class="resulttd">合計</th>
-                <td class="pricetd"><em><!--{$tpl_arrOrderData.payment_total|number_format}-->円</em></td>
-            </tr>
-        </table>
+      <!--▼カートの中の商品一覧 -->
+      <div class="cartinarea clearfix">
 
-        <!-- 使用ポイントここから -->
-        <!--{if $smarty.const.USE_POINT !== false}-->
-            <table summary="使用ポイント" class="entryform">
-                <tr>
-                    <th>ご使用ポイント</th>
-                    <td class="pricetd"><!--{assign var=key value="use_point"}--><!--{$tpl_arrOrderData[$key]|number_format|default:0}--> pt</td>
-                </tr>
-                <tr>
-                    <th>今回加算されるポイント</th>
-                    <td class="pricetd"><!--{$tpl_arrOrderData.add_point|number_format|default:0}--> pt</td>
-                </tr>
-            </table>
-        <!--{/if}-->
-        <!-- 使用ポイントここまで -->
+      <!--▼商品 -->
+      <!--{foreach from=$tpl_arrOrderDetail item=orderDetail}-->
+        <div class="cartitemBox">
+          <!--{if $item.productsClass.main_image|strlen >= 1}--><a href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$item.productsClass.main_image|sfNoImageMainList|h}-->" rel="external">
+              <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$orderDetail.main_list_image|sfNoImageMainList|h}-->&amp;width=80&amp;height=80" alt="<!--{$orderDetail.product_name|h}-->" width="80" height="80" class="photoL" /></a>
+          <!--{else}-->
+              <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$orderDetail.main_list_image|sfNoImageMainList|h}-->&amp;width=80&amp;height=80" alt="<!--{$orderDetail.product_name|h}-->" width="80" height="80" class="photoL" />
+          <!--{/if}-->
+        <div class="cartinContents">
+           <p><em><!--→商品名--><a<!--{if $orderDetail.enable}--> href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$orderDetail.product_id|u}-->"<!--{/if}-->><!--{$orderDetail.product_name|h}--></a><!--←商品名--></em><br />
+              <!--→商品種別-->
+              <!--{if $orderDetail.product_type_id == $smarty.const.PRODUCT_TYPE_DOWNLOAD}-->
+                  <!--{if $orderDetail.is_downloadable}-->
+                      <a target="_self" href="<!--{$smarty.const.ROOT_URLPATH}-->mypage/download.php?order_id=<!--{$tpl_arrOrderData.order_id}-->&amp;product_id=<!--{$orderDetail.product_id}-->&amp;product_class_id=<!--{$orderDetail.product_class_id}-->" rel="external">ダウンロードする</a><br />
+                  <!--{else}-->
+                     <!--{if $orderDetail.payment_date == "" && $orderDetail.effective == "0"}-->
+                         <!--{$arrProductType[$orderDetail.product_type_id]}--><BR />（入金確認中）
+                     <!--{else}-->
+                         <!--{$arrProductType[$orderDetail.product_type_id]}--><BR />（期限切れ）
+                     <!--{/if}-->
+                  <!--{/if}-->
+              <!--{else}-->
+                  <!--{$arrProductType[$orderDetail.product_type_id]}-->
+              <!--{/if}-->
+              <!--←商品種別--><br />
+              <!--→金額-->
+              <!--{assign var=price value=`$orderDetail.price`}-->
+              <!--{assign var=quantity value=`$orderDetail.quantity`}--><!--{$price|number_format|h}-->円<!--←金額-->
+              <span class="mini"><!--{$item.productsClass.name|h}--><br />
+              <!--{if $item.productsClass.classcategory_name1 != ""}-->
+                  <span class="mini"><!--{$item.productsClass.class_name1}-->：<!--{$item.productsClass.classcategory_name1}--></span><br />
+              <!--{/if}-->
+              <!--{if $item.productsClass.classcategory_name2 != ""}-->
+                  <span class="mini"><!--{$item.productsClass.class_name2}-->：<!--{$item.productsClass.classcategory_name2}--></span>
+              <!--{/if}-->
+          </p>
+      <ul>
+        <li><span class="mini">数量：</span><!--{$quantity|h}--></li>
+        <li class="result"><span class="mini">小計：</span><!--{$price|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|sfMultiply:$quantity|number_format}-->円</li>
+      </ul>
+    </div>
+  </div>
+  <!--{/foreach}-->
+<!--▲商品 -->
 
-        <!--{foreach item=shippingItem name=shippingItem from=$arrShipping}-->
-        <h3>お届け先<!--{if $isMultiple}--><!--{$smarty.foreach.shippingItem.iteration}--><!--{/if}--></h3>
-        <!--{if $isMultiple}-->
-            <table summary="お届け内容確認" class="entryform">
-              <tr>
-                <th class="alignC valignM">商品コード</th>
-                <th class="alignC valignM">商品名</th>
-                <th class="alignC valignM">単価</th>
-                <th class="alignC valignM">数量</th>
-                <!--{* XXX 購入小計と誤差が出るためコメントアウト
-                <th>小計</th>
-                *}-->
-              </tr>
-              <!--{foreach item=item from=$shippingItem.shipment_item}-->
-                  <tr>
-                      <td><!--{$item.productsClass.product_code|h}--></td>
-                      <td><!--{* 商品名 *}--><!--{$item.productsClass.name|h}--><br />
-                          <!--{if $item.productsClass.classcategory_name1 != ""}-->
-                              <!--{$item.productsClass.class_name1}-->：<!--{$item.productsClass.classcategory_name1}--><br />
-                          <!--{/if}-->
-                          <!--{if $item.productsClass.classcategory_name2 != ""}-->
-                              <!--{$item.productsClass.class_name2}-->：<!--{$item.productsClass.classcategory_name2}-->
-                          <!--{/if}-->
-                      </td>
-                      <td class="alignR">
-                          <!--{$item.price|sfCalcIncTax:$arrInfo.tax:$arrInfo.tax_rule|number_format}-->円
-                      </td>
-                      <td id="quantity"><!--{$item.quantity}--></td>
-                      <!--{* XXX 購入小計と誤差が出るためコメントアウト
-                      <td class="alignR"><!--{$item.total_inctax|number_format}-->円</td>
-                      *}-->
-                  </tr>
-              <!--{/foreach}-->
-            </table>
-         <!--{/if}-->
-        <table summary="お届け先" class="entryform">
-            <tbody>
-                <tr>
-                    <th>お名前</th>
-                    <td><!--{$shippingItem.shipping_name01|h}-->&nbsp;<!--{$shippingItem.shipping_name02|h}--></td>
-                </tr>
-                <tr>
-                    <th>お名前(フリガナ)</th>
-                    <td><!--{$shippingItem.shipping_kana01|h}-->&nbsp;<!--{$shippingItem.shipping_kana02|h}--></td>
-                </tr>
-                <tr>
-                    <th>郵便番号</th>
-                    <td>〒<!--{$shippingItem.shipping_zip01}-->-<!--{$shippingItem.shipping_zip02}--></td>
-                </tr>
-                <tr>
-                    <th>住所</th>
-                    <td><!--{$arrPref[$shippingItem.shipping_pref]}--><!--{$shippingItem.shipping_addr01|h}--><!--{$shippingItem.shipping_addr02|h}--></td>
-                </tr>
-                <tr>
-                    <th>電話番号</th>
-                    <td><!--{$shippingItem.shipping_tel01}-->-<!--{$shippingItem.shipping_tel02}-->-<!--{$shippingItem.shipping_tel03}--></td>
-                </tr>
-            </tbody>
-        </table>
-        <!--{/foreach}-->
+</div>
+<!--▲cartinarea カートの中の商品一覧ここまで -->
 
-        <h3>メール配信履歴一覧</h3>
-        <table class="entryform">
-            <tr>
-                <th class="alignC valignM">処理日</th>
-                <th class="alignC valignM">通知メール</th>
-                <th class="alignC valignM">件名</th>
-            </tr>
-            <!--{section name=cnt loop=$tpl_arrMailHistory}-->
-            <tr class="center">
-                <td><!--{$tpl_arrMailHistory[cnt].send_date|sfDispDBDate|h}--></td>
-                <!--{assign var=key value="`$tpl_arrMailHistory[cnt].template_id`"}-->
-                <td><!--{$arrMAILTEMPLATE[$key]|h}--></td>
-                <td><a href="#" onclick="win02('./mail_view.php?send_id=<!--{$tpl_arrMailHistory[cnt].send_id}-->','mail_view','650','800'); return false;"><!--{$tpl_arrMailHistory[cnt].subject|h}--></a></td>
-            </tr>
-            <!--{/section}-->
-        </table>
+    <div class="total_area">
+       <p><span class="mini">小計：</span><!--{$tpl_arrOrderData.subtotal|number_format}-->円</p>
+       <p><span class="mini">合計：</span><span class="price fb"><!--{$tpl_arrOrderData.payment_total|number_format}-->円</span></p>
+       <p><span class="mini">今回加算ポイント：</span><!--{$tpl_arrOrderData.add_point|number_format|default:0}-->Pt</p>
+    </div>
+  </div><!--▲formBox -->
 
-        <div class="tblareabtn">
-            <a class="spbtn spbtn-medeum" href="./<!--{$smarty.const.DIR_INDEX_PATH}-->">戻る</a>
-        </div>
+     <!--▼メール一覧 -->
+     <div class="formBox">
+ 
+          <div class="box_header">
+       メール配信履歴一覧
+       </div>
+        <!--{section name=cnt loop=$tpl_arrMailHistory}-->
+           <!--▼メール -->
+     <div class="arrowBox">
+         <p>配信日：<!--{$tpl_arrMailHistory[cnt].send_date|sfDispDBDate|h}--><br />
+                     <!--{assign var=key value="`$tpl_arrMailHistory[cnt].template_id`"}-->
+         通知メール：<!--{$arrMAILTEMPLATE[$key]|h}--></p>
+         <p><a href="#" onclick="win02('./mail_view.php?send_id=<!--{$tpl_arrMailHistory[cnt].send_id}-->','mail_view','650','800'); return false;" rel="external"><!--{$tpl_arrMailHistory[cnt].subject|h}--></a></p> 
+     </div>
+     <!--▲メール -->
+     <!--{/section}-->
+     <!--▲メール一覧ここまで -->
 
-    </div>
-</div>
-<!--▲CONTENTS-->
+   </div><!--▲formBox -->
+
+       <p><a rel="external" class="btn_more" href="./<!--{$smarty.const.DIR_INDEX_PATH}-->">購入履歴一覧に戻る</a></p>
+
+  </div><!--▲form_area -->
+
+</section>
+<!--▲CONTENTS -->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/refusal.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/refusal.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/mypage/refusal.tpl	(revision 21050)
@@ -23,21 +23,21 @@
 *}-->
 <!--▼CONTENTS-->
-<div id="mypagecolumn">
-  <h2 class="title"><!--{$tpl_title|h}--></h2>
-  <!--{include file=$tpl_navi}-->
-  <div id="mycontentsarea">
-    <h2><!--{$tpl_subtitle|h}--></h2>
-    <form name="form1" method="post" action="?">
-      <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-      <input type="hidden" name="mode" value="confirm" />
-      <div id="completetext">
-        会員を退会された場合には、現在保存されている購入履歴や、お届け先などの情報は、すべて削除されますがよろしいでしょうか？
+<section id="mypagecolumn">
+      <h2 class="title"><!--{$tpl_title|h}--></h2>
+      <!--{include file=$tpl_navi}-->
+
+      <h3 class="title_mypage"><!--{$tpl_subtitle|h}--></h3>
+          <form name="form1" method="post" action="?">
+              <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
+              <input type="hidden" name="mode" value="confirm" />
+
+      <!--★インフォメーション★-->
+      <div class="refusetxt">
+          <p>会員を退会された場合には、現在保存されている購入履歴や、お届け先などの情報は、すべて削除されますがよろしいでしょうか？</p>
+         <div class="btn_area">
+              <p><input class="btn data-role-none" type="submit" value="会員退会手続き" name="refusal" id="refusal" /></p>
+         </div>
       </div>
-        <div class="tblareabtn">
-          <input class="spbtn spbtn-shopping" type="submit" value="退会手続きを行う" name="refusal" id="refusal" /></div>
-<p class="mini"><em>※退会手続きが完了した時点で、現在保存されている購入履歴や、お届け先等の情報はすべてなくなりますのでご注意ください。</em></p>
-
-    </form>
-  </div>
-</div><br />
+          </form>
+</section>
 <!--▲CONTENTS-->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/header.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/header.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/header.tpl	(revision 21050)
@@ -20,2 +20,7 @@
  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  *}-->
+<header class="global_header clearfix">
+<div id="site_name">
+<h1><a rel="external" href="<!--{$smarty.const.ROOT_URLPATH}-->"><img src="<!--{$TPL_URLPATH}-->img/header/logo.png" width="150" height="25" alt="サイト名" /></a></h1>
+</div>
+
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/shopping/nonmember_input.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/shopping/nonmember_input.tpl	(revision 20969)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/shopping/nonmember_input.tpl	(revision 21050)
@@ -20,227 +20,350 @@
  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  *}-->
+ 
+<script type="text/javascript">//<![CDATA[
+$(function(){
+    //お届け先エリアを非表示にする（初期値）
+    if ('1' != '<!--{$arrForm.deliv_check.value}-->') {
+        $("#add_deliv_area").hide();
+    }
+});
+//お届け先エリアの表示/非表示
+var speed = 1000; //表示アニメのスピード（ミリ秒）
+var stateDeliv = 1;
+function fnDelivToggle(areaEl) {
+    areaEl.toggle(speed);
+    if (stateDeliv == 0) {
+        stateDeliv = 1;
+    } else {
+        stateDeliv = 0
+    }
+}
+//]]>
+</script>
+
 <!--▼CONTENTS-->
-<h2 class="title"><!--{$tpl_title|h}--></h2>
-<p>下記項目にご入力ください。「<span class="attention">※</span>」印は入力必須項目です。<br />
-    入力後、一番下の「確認ページへ」ボタンをクリックしてください。</p>
-<form name="form1" id="form1" method="post" action="?">
-    <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-    <input type="hidden" name="mode" value="nonmember_confirm" />
-    <input type="hidden" name="uniqid" value="<!--{$tpl_uniqid}-->" />
-    <table summary="お客様情報入力" class="entryform">
-        <tr>
-            <th>お名前<span class="attention">※</span></th>
-            <td>
-                <!--{assign var=key1 value="order_name01"}-->
-                <!--{assign var=key2 value="order_name02"}-->
-                <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
-                姓&nbsp;<input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" size="15" class="box120" />&nbsp;
-                名&nbsp;<input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->" size="15" class="box120" />
-            </td>
-        </tr>
-        <tr>
-            <th>フリガナ<span class="attention">※</span></th>
-            <td>
-                <!--{assign var=key1 value="order_kana01"}-->
-                <!--{assign var=key2 value="order_kana02"}-->
-                <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
-                セイ&nbsp;<input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" size="15" class="box120" />&nbsp;
-                メイ&nbsp;<input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->" size="15" class="box120" />
-            </td>
-        </tr>
-        <tr>
-            <th>郵便番号<span class="attention">※</span></th>
-            <td>
-                <!--{assign var=key1 value="order_zip01"}-->
-                <!--{assign var=key2 value="order_zip02"}-->
-                <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
-                〒&nbsp;<input type="number" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->"    size="6" class="box100" />&nbsp;-&nbsp;<input type="number"    name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"    size="6" class="box100" />&nbsp;
-<a href="http://search.post.japanpost.jp/zipcode/" target="_blank"><span class="fs12">郵便番号検索</span></a>
-
-                <p class="zipimg"><a href="<!--{$smarty.const.ROOT_URLPATH}-->address/<!--{$smarty.const.DIR_INDEX_PATH}-->" onclick="fnCallAddress('<!--{$smarty.const.INPUT_ZIP_URLPATH}-->', 'order_zip01', 'order_zip02', 'order_pref', 'order_addr01'); return false;" target="_blank" class="oubtn">住所自動入力</a><br />
-<span class="mini">&nbsp;郵便番号を入力後、クリックしてください。</span></p>
+<section id="undercolumn">
+     <h2 class="title"><!--{$tpl_title|h}--></h2>
+         <div class="information end">
+                  <span class="attention">※</span>は必須入力項目です。
+               </div>
+
+      <form name="form1" id="form1" method="post" action="?">
+          <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
+          <input type="hidden" name="mode" value="nonmember_confirm" />
+          <input type="hidden" name="uniqid" value="<!--{$tpl_uniqid}-->" />
+
+   <dl class="form_entry">
+       <dt>お名前<span class="attention">※</span></dt>
+         <dd>
+                 <!--{assign var=key1 value="order_name01"}-->
+           <!--{assign var=key2 value="order_name02"}-->
+           <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
+             <input type="text" name="<!--{$key1}-->" 
+                value="<!--{$arrForm[$key1].value|h}-->" 
+                maxlength="<!--{$arrForm[$key1].length}-->" 
+                style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" 
+                class="boxHarf text data-role-none" placeholder="姓" />&nbsp;&nbsp;
+
+                <input type="text" name="<!--{$key2}-->" 
+                value="<!--{$arrForm[$key2].value|h}-->" 
+                maxlength="<!--{$arrForm[$key2].length}-->" 
+                style="<!--{$arrErr[$key2]|sfGetErrorColor}-->" 
+                class="boxHarf text data-role-none" placeholder="名"/>
+         </dd>
+
+       <dt>お名前(フリガナ)<span class="attention">※</span></dt>
+          <dd>
+                 <!--{assign var=key1 value="order_kana01"}-->
+           <!--{assign var=key2 value="order_kana02"}-->
+           <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
+             <input type="text" name="<!--{$key1}-->" 
+             value="<!--{$arrForm[$key1].value|h}-->" 
+             maxlength="<!--{$arrForm[$key1].length}-->" 
+             style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" 
+             class="boxHarf text data-role-none" placeholder="セイ"/>&nbsp;&nbsp;
+
+                            <input type="text" name="<!--{$key2}-->" 
+             value="<!--{$arrForm[$key2].value|h}-->" 
+             maxlength="<!--{$arrForm[$key2].length}-->" 
+             style="<!--{$arrErr[$key2]|sfGetErrorColor}-->" 
+             class="boxHarf text data-role-none" placeholder="メイ"/>
+          </dd>
+
+        <dt>郵便番号<span class="attention">※</span></dt>
+          <dd>
+                     <!--{assign var=key1 value="order_zip01"}-->
+            <!--{assign var=key2 value="order_zip02"}-->
+            <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
+             <p>
+                  <input type="number" name="<!--{$key1}-->" 
+                        value="<!--{$arrForm[$key1].value|h}-->" 
+                        maxlength="<!--{$arrForm[$key1].length}-->" 
+                        style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" class="boxShort text data-role-none" />&nbsp;－&nbsp;
+
+                        <input type="number" name="<!--{$key2}-->" 
+                        value="<!--{$arrForm[$key2].value|h}-->" 
+                        maxlength="<!--{$arrForm[$key2].length}-->" 
+                        style="<!--{$arrErr[$key2]|sfGetErrorColor}-->" class="boxShort text data-role-none" />&nbsp;
+                        <a href="http://search.post.japanpost.jp/zipcode/" target="_blank"><span class="mini">郵便番号検索</span></a></p>
+
+               <a href="javascript:fnCallAddress('<!--{$smarty.const.INPUT_ZIP_URLPATH}-->', 'order_zip01', 'order_zip02', 'order_pref', 'order_addr01');" class="btn_sub btn_inputzip">郵便番号から住所自動入力</a>
+          </dd>
+
+        <dt>住所<span class="attention">※</span></dt>
+          <dd>
+                     <!--{assign var=key value="order_pref"}-->
+            <span class="attention"><!--{$arrErr.order_pref}--><!--{$arrErr.order_addr01}--><!--{$arrErr.order_addr02}--></span>
+              <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="boxMedium data-role-none">
+                  <option value="" selected="selected">都道府県</option>
+                                       <!--{html_options options=$arrPref selected=$arrForm[$key].value}-->
+                  </select>
+                  <!--{assign var=key value="order_addr01"}-->
+                  <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" class="boxLong data-role-none" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" placeholder="市区町村名" />
+                              <!--{assign var=key value="order_addr02"}-->
+                              <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" class="boxLong data-role-none" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" placeholder="番地・ビル名" />
+          </dd>
+  
+        <dt>電話番号<span class="attention">※</span></dt>
+          <dd>
+                     <!--{assign var=key1 value="order_tel01"}-->
+            <!--{assign var=key2 value="order_tel02"}-->
+            <!--{assign var=key3 value="order_tel03"}-->
+            <span class="attention"><!--{$arrErr[$key1]}--></span>
+            <span class="attention"><!--{$arrErr[$key2]}--></span>
+            <span class="attention"><!--{$arrErr[$key3]}--></span>
+             <input type="tel" name="<!--{$key1}-->" 
+               value="<!--{$arrForm[$key1].value|h}-->" 
+                  maxlength="<!--{$arrForm[$key1].length}-->" 
+                   style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" 
+                    class="boxShort text data-role-none" />&nbsp;－&nbsp;
+ 
+             <input type="tel" name="<!--{$key2}-->" 
+               value="<!--{$arrForm[$key2].value|h}-->" 
+                maxlength="<!--{$arrForm[$key2].length}-->" 
+                 style="<!--{$arrErr[$key2]|sfGetErrorColor}-->" 
+                   class="boxShort text data-role-none" />&nbsp;－&nbsp;
+
+             <input type="tel" name="<!--{$key3}-->" 
+               value="<!--{$arrForm[$key3].value|h}-->" 
+                 maxlength="<!--{$arrForm[$key3].length}-->" 
+                  style="<!--{$arrErr[$key3]|sfGetErrorColor}-->" 
+                  class="boxShort text data-role-none" />
+                 </dd>
+ 
+         <dt>FAX</dt>
+           <dd>
+                  <!--{assign var=key1 value="order_fax01"}-->
+            <!--{assign var=key2 value="order_fax02"}-->
+            <!--{assign var=key3 value="order_fax03"}-->
+            <span class="attention"><!--{$arrErr[$key1]}--></span>
+            <span class="attention"><!--{$arrErr[$key2]}--></span>
+            <span class="attention"><!--{$arrErr[$key3]}--></span>
+             <input type="tel" name="<!--{$key1}-->" 
+               value="<!--{$arrForm[$key1].value|h}-->" 
+                maxlength="<!--{$arrForm[$key1].length}-->" 
+                 style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" 
+                   class="boxShort text data-role-none" />&nbsp;－&nbsp;
+
+              <input type="tel" name="<!--{$key2}-->" 
+                 value="<!--{$arrForm[$key2].value|h}-->" 
+                   maxlength="<!--{$arrForm[$key2].length}-->" 
+                     style="<!--{$arrErr[$key2]|sfGetErrorColor}-->" 
+                       class="boxShort text data-role-none" />&nbsp;－&nbsp;
+
+                  <input type="tel" name="<!--{$key3}-->" 
+                      value="<!--{$arrForm[$key3].value|h}-->" 
+                         maxlength="<!--{$arrForm[$key3].length}-->" 
+                           style="<!--{$arrErr[$key3]|sfGetErrorColor}-->" 
+                              class="boxShort text data-role-none" />
+                            </dd>
+
+         <dt>メールアドレス<span class="attention">※</span></dt>
+           <dd>
+                      <!--{assign var=key value="order_email"}-->
+               <span class="attention"><!--{$arrErr[$key]}--></span>
+             <input type="email" name="<!--{$key}-->" 
+                value="<!--{$arrForm[$key].value|h}-->" 
+                style="<!--{$arrErr[$key]|sfGetErrorColor}-->" 
+                maxlength="<!--{$arrForm[$key].length}-->" class="boxLong data-role-none" />
+             <!--{assign var=key value="order_email02"}-->
+              <span class="attention"><!--{$arrErr[$key]}--></span>
+                                  <input type="email" name="<!--{$key}-->" 
+                value="<!--{$arrForm[$key].value|h}-->" 
+                style="<!--{$arrErr[$key]|sfGetErrorColor}-->" 
+                maxlength="<!--{$arrForm[$key].length}-->" class="boxLong data-role-none" placeholder="確認のため2回入力してください" />
+          </dd>
+
+        <dt>性別<span class="attention">※</span></dt>
+          <dd>
+                  <!--{assign var=key value="order_sex"}-->
+             <span class="attention"><!--{$arrErr[$key]}--></span>
+            <!--{if $arrErr[$key]}-->
+              <!--{assign var=err value="background-color: `$smarty.const.ERR_COLOR`"}-->
+            <!--{/if}-->
+            <span style="<!--{$arrErr[$key]|sfGetErrorColor}-->">
+      <p><input type="radio" id="man" name="<!--{$key}-->" value="1" <!--{if $arrForm[$key].value eq 1}--> checked="checked" <!--{/if}--> class="data-role-none" /><label for="man">男性</label>&nbsp;
+    <input type="radio" id="woman" name="<!--{$key}-->" value="2" <!--{if $arrForm[$key].value eq 2}--> checked="checked" <!--{/if}--> class="data-role-none" /><label for="woman">女性</label></p>
+     </dd>
+            </span>
+           
+   </dd>
+    
+
+       <dt>職業</dt>
+          <dd>
+                  <!--{assign var=key value="order_job"}-->
+            <!--{if $arrErr[$key]}-->
+            <!--{assign var=err value="background-color: `$smarty.const.ERR_COLOR`"}-->
+            <!--{/if}-->
+              <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="data-role-none">
+                 <option value="" selected="selected">選択してください</option>
+               <!--{html_options options=$arrJob selected=$arrForm[$key].value}-->
+              </select>
+          </dd>
+
+        <dt>生年月日</dt>
+         <dd>
+                 <!--{assign var=errBirth value="`$arrErr.year``$arrErr.month``$arrErr.day`"}-->
+            <div class="attention"><!--{$errBirth}--></div>
+              <select name="year" style="<!--{$errBirth|sfGetErrorColor}-->" class="boxShort data-role-none">
+                            <!--{html_options options=$arrYear selected=$arrForm.year.value|default:''}-->
+              </select><span class="selectdate">年</span>
+
+              <select name="month" style="<!--{$errBirth|sfGetErrorColor}-->" class="boxShort data-role-none">
+                <!--{html_options options=$arrMonth selected=$arrForm.month.value|default:''}-->
+              </select><span class="selectdate">月</span>
+
+              <select name="day" style="<!--{$errBirth|sfGetErrorColor}-->" class="boxShort data-role-none">
+                <!--{html_options options=$arrDay selected=$arrForm.day.value|default:''}-->
+              </select><span class="selectdate">日</span>
+        </dd>
+
+
+        <dt class="bg_head">
+           <!--{assign var=key value="deliv_check"}-->
+              <input class="radio_btn data-role-none" type="checkbox" name="<!--{$key}-->" value="1" onchange="fnDelivToggle($('#add_deliv_area')); fnCheckInputDeliv();" <!--{$arrForm[$key].value|sfGetChecked:1}--> id="deliv_label" />         
+             <label for="deliv_label"><span class="fb">お届け先を指定</span></label>
+        
+                                </dt>
+        <dd>※上記に入力された住所と同一の場合は省略可能です。</dd>
+<div id="add_deliv_area" >
+              <dt>お名前<span class="attention">※</span></dt>
+          <dd>
+            <!--{assign var=key1 value="shipping_name01"}-->
+            <!--{assign var=key2 value="shipping_name02"}-->
+            <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
+            <input type="text" name="<!--{$key1}-->" 
+                 value="<!--{$arrForm[$key1].value|h}-->" 
+                   maxlength="<!--{$arrForm[$key1].length}-->" 
+                     style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" 
+                       class="boxHarf text data-role-none" placeholder="姓" />&nbsp;&nbsp;
+
+                    <input type="text" name="<!--{$key2}-->" 
+                      value="<!--{$arrForm[$key2].value|h}-->" 
+                        maxlength="<!--{$arrForm[$key2].length}-->" 
+                           style="<!--{$arrErr[$key2]|sfGetErrorColor}-->" 
+                             class="boxHarf text data-role-none" placeholder="名"/>
+                        </dd>
+
+       <dt>フリガナ<span class="attention">※</span></dt>
+         <dd>
+            <!--{assign var=key1 value="shipping_kana01"}-->
+            <!--{assign var=key2 value="shipping_kana02"}-->
+            <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
+            <input type="text" name="<!--{$key1}-->" 
+               value="<!--{$arrForm[$key1].value|h}-->" 
+                 maxlength="<!--{$arrForm[$key1].length}-->" 
+                  style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" 
+                    class="boxHarf text data-role-none" placeholder="セイ"/>&nbsp;&nbsp;
+
+                  <input type="text" name="<!--{$key2}-->" 
+                    value="<!--{$arrForm[$key2].value|h}-->" 
+                       maxlength="<!--{$arrForm[$key2].length}-->" 
+                        style="<!--{$arrErr[$key2]|sfGetErrorColor}-->" 
+                           class="boxHarf text data-role-none" placeholder="メイ"/>
+                         </dd>
+
+       <dt>郵便番号<span class="attention">※</span></dt>
+         <dd>
+           <!--{assign var=key1 value="shipping_zip01"}-->
+           <!--{assign var=key2 value="shipping_zip02"}-->
+           <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
+            <p>
+                <input type="number" name="<!--{$key1}-->" 
+                   value="<!--{$arrForm[$key1].value|h}-->" 
+                     maxlength="<!--{$arrForm[$key1].length}-->" 
+                       style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" class="boxShort text data-role-none" />&nbsp;－&nbsp;
+                         <input type="number" name="<!--{$key2}-->" 
+                             value="<!--{$arrForm[$key2].value|h}-->" 
+                                maxlength="<!--{$arrForm[$key2].length}-->" 
+                                  style="<!--{$arrErr[$key2]|sfGetErrorColor}-->" class="boxShort text data-role-none" />&nbsp;
+                                      <a href="http://search.post.japanpost.jp/zipcode/" target="_blank"><span class="mini">郵便番号検索</span></a></p>
+
+               <a href="javascript:fnCallAddress('<!--{$smarty.const.INPUT_ZIP_URLPATH}-->', 'shipping_zip01', 'shipping_zip02', 'shipping_pref', 'shipping_addr01');" class="btn_sub btn_inputzip">郵便番号から住所自動入力</a>
+
+          </dd>
+        
+          <dt>住所<span class="attention">※</span></dt>
+          <dd>
+            <!--{assign var=key value="shipping_pref"}-->
+            <span class="attention"><!--{$arrErr.shipping_pref}--><!--{$arrErr.shipping_addr01}--><!--{$arrErr.shipping_addr02}--></span>
+               <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="boxMedium data-role-none">
+                  <option value="" selected="selected">都道府県</option>
+                                       <!--{html_options options=$arrPref selected=$arrForm[$key].value}-->
+               </select>
+                                                  <!--{assign var=key value="shipping_addr01"}-->
+              <input type="text" name="<!--{$key}-->" 
+                 value="<!--{$arrForm[$key].value|h}-->" 
+                  class="boxLong data-role-none" 
+                    style="<!--{$arrErr[$key]|sfGetErrorColor}-->" 
+                      placeholder="市区町村名" />
+
+              <!--{assign var=key value="shipping_addr02"}-->
+              <input type="text" name="<!--{$key}-->" 
+                  value="<!--{$arrForm[$key].value|h}-->" 
+                    class="boxLong data-role-none" 
+                      style="<!--{$arrErr[$key]|sfGetErrorColor}-->" 
+                         placeholder="番地・ビル名" />
+          </dd>
+        
+          <dt>電話番号<span class="attention">※</span></dt>
+          <dd>
+            <!--{assign var=key1 value="shipping_tel01"}-->
+            <!--{assign var=key2 value="shipping_tel02"}-->
+            <!--{assign var=key3 value="shipping_tel03"}-->
+            <span class="attention"><!--{$arrErr[$key1]}--></span>
+            <span class="attention"><!--{$arrErr[$key2]}--></span>
+            <span class="attention"><!--{$arrErr[$key3]}--></span>
+            <input type="tel" name="<!--{$key1}-->" 
+               value="<!--{$arrForm[$key1].value|h}-->" 
+                 maxlength="<!--{$arrForm[$key1].length}-->" 
+                  style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" 
+                    class="boxShort text data-role-none" />&nbsp;－&nbsp;
+                       <input type="tel" name="<!--{$key2}-->" 
+                          value="<!--{$arrForm[$key2].value|h}-->" 
+                            maxlength="<!--{$arrForm[$key2].length}-->" 
+                               style="<!--{$arrErr[$key2]|sfGetErrorColor}-->" 
+                                 class="boxShort text data-role-none" />&nbsp;－&nbsp;
+
+                            <input type="tel" name="<!--{$key3}-->" 
+                               value="<!--{$arrForm[$key3].value|h}-->" 
+                                 maxlength="<!--{$arrForm[$key3].length}-->" 
+                                   style="<!--{$arrErr[$key3]|sfGetErrorColor}-->" 
+                                    class="boxShort text data-role-none" />
+                                     </dd>
+     <dd>
+       <a class="btn_more" href="javascript:fnModeSubmit('multiple', '', '');">お届け先を複数指定する</a>
+       </dd>
+
+</div>
                 
-            </td>
-        </tr>
-        <tr>
-            <th>住所<span class="attention">※</span></th>
-            <td>
-                <!--{assign var=key value="order_pref"}-->
-                <span class="attention"><!--{$arrErr.order_pref}--><!--{$arrErr.order_addr01}--><!--{$arrErr.order_addr02}--></span>
-                <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->">
-                    <option value="">都道府県を選択</option>
-                    <!--{html_options options=$arrPref selected=$arrForm[$key].value}-->
-                </select>
-                <p class="mini">
-                    <!--{assign var=key value="order_addr01"}-->
-                    <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" size="60" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="box300" /><br />
-                    <!--{$smarty.const.SAMPLE_ADDRESS1}--></p>
-                <p class="mini">
-                    <!--{assign var=key value="order_addr02"}-->
-                    <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" size="60" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="box300" /><br />
-                    <!--{$smarty.const.SAMPLE_ADDRESS2}--></p>
-                <p class="mini"><em>住所は2つに分けてご記入ください。マンション名は必ず記入してください。</em></p></td>
-        </tr>
-        <tr>
-            <th>電話番号<span class="attention">※</span></th>
-            <td>
-                <!--{assign var=key1 value="order_tel01"}-->
-                <!--{assign var=key2 value="order_tel02"}-->
-                <!--{assign var=key3 value="order_tel03"}-->
-                <span class="attention"><!--{$arrErr[$key1]}--></span>
-                <span class="attention"><!--{$arrErr[$key2]}--></span>
-                <span class="attention"><!--{$arrErr[$key3]}--></span>
-                <input type="tel" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" size="6" class="box60" /> -
-                <input type="tel" name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"    size="6" class="box100" /> -
-                <input type="tel" name="<!--{$key3}-->" value="<!--{$arrForm[$key3].value|h}-->" maxlength="<!--{$arrForm[$key3].length}-->" style="<!--{$arrErr[$key3]|sfGetErrorColor}-->" size="6" class="box100" />
-            </td>
-        </tr>
-        <tr>
-            <th>FAX</th>
-            <td>
-                <!--{assign var=key1 value="order_fax01"}-->
-                <!--{assign var=key2 value="order_fax02"}-->
-                <!--{assign var=key3 value="order_fax03"}-->
-                <span class="attention"><!--{$arrErr[$key1]}--></span>
-                <span class="attention"><!--{$arrErr[$key2]}--></span>
-                <span class="attention"><!--{$arrErr[$key3]}--></span>
-                <input type="tel" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" size="6" class="box60" /> -
-                <input type="tel" name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"    size="6" class="box100" /> -
-                <input type="tel" name="<!--{$key3}-->" value="<!--{$arrForm[$key3].value|h}-->" maxlength="<!--{$arrForm[$key3].length}-->" style="<!--{$arrErr[$key3]|sfGetErrorColor}-->" size="6" class="box100" />
-            </td>
-        </tr>
-        <tr>
-            <th>メールアドレス<span class="attention">※</span></th>
-            <td>
-                <!--{assign var=key value="order_email"}-->
-                <span class="attention"><!--{$arrErr[$key]}--></span>
-                <input type="email" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="40" class="box300" /><br />
-                <!--{assign var=key value="order_email02"}-->
-                <span class="attention"><!--{$arrErr[$key]}--></span>
-                <input type="email" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="40" class="box300" /><br />
-                <p class="mini"><em>確認のため2度入力してください。</em></p>
-            </td>
-        </tr>
-        <tr>
-            <th>性別<span class="attention">※</span></th>
-            <td>
-                <!--{assign var=key value="order_sex"}-->
-                <span class="attention"><!--{$arrErr[$key]}--></span>
-                <!--{if $arrErr[$key]}-->
-                    <!--{assign var=err value="background-color: `$smarty.const.ERR_COLOR`"}-->
-                <!--{/if}-->
-                <!--{html_radios name="$key" class="radio_btn" options=$arrSex selected=$arrForm[$key].value style="$err"}-->
-            </td>
-        </tr>
-        <tr>
-            <th>職業</th>
-            <td>
-                <!--{assign var=key value="order_job"}-->
-                <!--{if $arrErr[$key]}-->
-                    <!--{assign var=err value="background-color: `$smarty.const.ERR_COLOR`"}-->
-                <!--{/if}-->
-                <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->">
-                    <option value="">選択して下さい</option>
-                    <!--{html_options options=$arrJob selected=$arrForm[$key].value}-->
-                </select>
-            </td>
-        </tr>
-        <tr>
-            <th>生年月日</th>
-            <td>
-                <!--{assign var=errBirth value="`$arrErr.year``$arrErr.month``$arrErr.day`"}-->
-                <div class="attention"><!--{$errBirth}--></div>
-                <select class="birth" name="year" style="<!--{$errBirth|sfGetErrorColor}-->">
-                    <!--{html_options options=$arrYear selected=$arrForm.year.value|default:''}-->
-                </select>年
-                <select class="birthT" name="month" style="<!--{$errBirth|sfGetErrorColor}-->">
-                    <!--{html_options options=$arrMonth selected=$arrForm.month.value|default:''}-->
-                </select>月
-                <select class="birthT" name="day" style="<!--{$errBirth|sfGetErrorColor}-->">
-                    <!--{html_options options=$arrDay selected=$arrForm.day.value|default:''}-->
-                </select>日
-            </td>
-        </tr>
-        <tr>
-            <th colspan="2">
-            <!--{assign var=key value="deliv_check"}-->
-            <input class="radio_btn" type="checkbox" name="<!--{$key}-->" value="1" onclick="fnCheckInputDeliv();" <!--{$arrForm[$key].value|sfGetChecked:1}--> id="deliv_label" />
-            <label for="deliv_label"><em>お届け先を指定</em>　<br />
-                ※上記に入力された住所と同一の場合は省略可能です。</label>
-            </th>
-        </tr>
-        <tr>
-            <th>お名前<span class="attention">※</span></th>
-            <td>
-                <!--{assign var=key1 value="shipping_name01"}-->
-                <!--{assign var=key2 value="shipping_name02"}-->
-                <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
-                姓&nbsp;<input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" size="15" class="box120" />&nbsp;
-                名&nbsp;<input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->" size="15" class="box120" />
-            </td>
-        </tr>
-        <tr>
-            <th>フリガナ<span class="attention">※</span></th>
-            <td>
-                <!--{assign var=key1 value="shipping_kana01"}-->
-                <!--{assign var=key2 value="shipping_kana02"}-->
-                <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
-                セイ&nbsp;<input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" size="15" class="box120" />&nbsp;
-                メイ&nbsp;<input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->" size="15" class="box120" />
-            </td>
-        </tr>
-        <tr>
-            <th>郵便番号<span class="attention">※</span></th>
-            <td>
-             <!--{assign var=key1 value="shipping_zip01"}-->
-             <!--{assign var=key2 value="shipping_zip02"}-->
-                <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
-                〒&nbsp;<input type="number" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->"    size="6" class="box60" />&nbsp;-&nbsp;<input type="number"    name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"    size="6" class="box100" />&nbsp;
-<a href="http://search.post.japanpost.jp/zipcode/" target="_blank"><span class="fs12">郵便番号検索</span></a>
-
-                <p class="zipimg"><a href="<!--{$smarty.const.ROOT_URLPATH}-->address/<!--{$smarty.const.DIR_INDEX_PATH}-->" onclick="fnCallAddress('<!--{$smarty.const.INPUT_ZIP_URLPATH}-->', 'shipping_zip01', 'shipping_zip02', 'shipping_pref', 'shipping_addr01'); return false;" target="_blank" class="oubtn">住所自動入力</a><br />
-<span class="mini">&nbsp;郵便番号を入力後、クリックしてください。</span></p>
-            </td>
-        </tr>
-        <tr>
-            <th>住所<span class="attention">※</span></th>
-            <td>
-                <!--{assign var=key value="shipping_pref"}-->
-                <span class="attention"><!--{$arrErr.shipping_pref}--><!--{$arrErr.shipping_addr01}--><!--{$arrErr.shipping_addr02}--></span>
-                <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->">
-                    <option value="">都道府県を選択</option>
-                    <!--{html_options options=$arrPref selected=$arrForm[$key].value}-->
-                </select>
-                <p class="mini">
-                    <!--{assign var=key value="shipping_addr01"}-->
-                    <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" size="60" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="box300" /><br />
-                    <!--{$smarty.const.SAMPLE_ADDRESS1}--></p>
-                <p class="mini">
-                    <!--{assign var=key value="shipping_addr02"}-->
-                    <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" size="60" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="box300" /><br />
-                    <!--{$smarty.const.SAMPLE_ADDRESS2}--></p>
-                <p class="mini"><em>住所は2つに分けてご記入ください。マンション名は必ず記入してください。</em></p>
-
-            </td>
-        </tr>
-        <tr>
-            <th>電話番号<span class="attention">※</span></th>
-            <td>
-                <!--{assign var=key1 value="shipping_tel01"}-->
-                <!--{assign var=key2 value="shipping_tel02"}-->
-                <!--{assign var=key3 value="shipping_tel03"}-->
-                <span class="attention"><!--{$arrErr[$key1]}--></span>
-                <span class="attention"><!--{$arrErr[$key2]}--></span>
-                <span class="attention"><!--{$arrErr[$key3]}--></span>
-                <input type="tel" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" size="6" class="box60" /> -
-                <input type="tel" name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"    size="6" class="box100" /> -
-                <input type="tel" name="<!--{$key3}-->" value="<!--{$arrForm[$key3].value|h}-->" maxlength="<!--{$arrForm[$key3].length}-->" style="<!--{$arrErr[$key3]|sfGetErrorColor}-->" size="6" class="box100" />
-            </td>
-        </tr>
-    </table>
-<a class="spbtn spbtn-medeum" href="javascript:;" onclick="fnModeSubmit('multiple', '', ''); return false">お届け先を複数指定する</a>
-    <div class="tblareabtn">
-     <input type="submit" value="次へ" class="spbtn spbtn-shopping" width="130" height="30" alt="次へ" name="next" id="next" />
-    </div>
+
+     <div class="btn_area">
+      <p><input type="submit" value="次へ" class="btn data-role-none" alt="次へ" name="next" id="next" /></p>
+     </div>
+     </dl>
+
 </form>
-<!--▲CONTENTS-->
+</section>
+<!--▲コンテンツここまで -->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/shopping/deliv.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/shopping/deliv.tpl	(revision 20969)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/shopping/deliv.tpl	(revision 21050)
@@ -20,20 +20,20 @@
  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  *}-->
-<!--▼CONTENTS-->
+<!--▼コンテンツここから -->
+<section id="undercolumn">
+
 <h2 class="title"><!--{$tpl_title|h}--></h2>
 
-<p>下記一覧よりお届け先住所を選択して、「選択したお届け先に送る」ボタンをクリックしてください。</p>
+<!--★インフォメーション★-->
+<div class="information">
+ <p>一覧よりお届け先住所を選択してください。</p>
 <!--{if $tpl_addrmax < $smarty.const.DELIV_ADDR_MAX}-->
-<p>一覧にご希望の住所が無い場合は、「新しいお届け先を追加する」より追加登録してください。<br>
 ※最大<!--{$smarty.const.DELIV_ADDR_MAX|h}-->件まで登録できます。</p>
 <!--{/if}-->
+</div>
 
-<!--{if $tpl_addrmax < $smarty.const.DELIV_ADDR_MAX}-->
-    <p class="addbtn"><a class="kybtn" href="<!--{$smarty.const.ROOT_URLPATH}-->mypage/delivery_addr.php" onclick="win02('<!--{$smarty.const.ROOT_URLPATH}-->mypage/delivery_addr.php?page=<!--{$smarty.server.PHP_SELF|h}-->','new_deiv','600','640'); return false;">新しいお届け先を追加する</a>
-    </p><br />
-<!--{/if}-->
-
-<p><a class="kybtn" href="javascript:;" onclick="fnModeSubmit('multiple', '', ''); return false">お届け先を複数指定する        </a></p><br /><br />
-<form name="form1" id="form1" method="post" action="?">
+<!--▼フォームここから -->
+<div class="form_area">
+<form name="form1" id="form1" method="post" action="<!--{$smarty.const.HTTP_URL}-->shopping/deliv.php">
     <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
     <input type="hidden" name="mode" value="customer_addr" />
@@ -43,49 +43,62 @@
         <p class="attention"><!--{$arrErr.deli}--></p>
     <!--{/if}-->
-    <table summary="お届け先の指定" class="entryform">
-        <tr>
-            <th class="alignC select valignM">選択</th>
-            <th class="alignC valignM">住所種類</th>
-            <th class="alignC valignM">お届け先</th>
-            <th class="change alignC valignM">変更</th>
-        </tr>
-        <!--{section name=cnt loop=$arrAddr}-->
-            <tr>
-                 <td>
-                     <!--{if $smarty.section.cnt.first}-->
-                        <input type="radio" name="deliv_check" id="chk_id_<!--{$smarty.section.cnt.iteration}-->" value="-1" <!--{if $arrForm.deliv_check.value == "" || $arrForm.deliv_check.value == -1}--> checked="checked"<!--{/if}--> />
-                     <!--{else}-->
-                        <input type="radio" name="deliv_check" id="chk_id_<!--{$smarty.section.cnt.iteration}-->" value="<!--{$arrAddr[cnt].other_deliv_id}-->"<!--{if $arrForm.deliv_check.value == $arrAddr[cnt].other_deliv_id}--> checked="checked"<!--{/if}--> />
-                     <!--{/if}-->
-                </td>
-                <td>
-                    <label for="chk_id_<!--{$smarty.section.cnt.iteration}-->">
-                        <!--{if $smarty.section.cnt.first}-->
-                            会員登録住所
-                        <!--{else}-->
-                            追加登録住所
-                        <!--{/if}-->
-                    </label>
-                </td>
-                <td>
-                    <!--{assign var=key value=$arrAddr[cnt].pref}-->
-                    <!--{$arrPref[$key]}--><!--{$arrAddr[cnt].addr01|h}--><!--{$arrAddr[cnt].addr02|h}--><br />
-                    <!--{$arrAddr[cnt].name01|h}--> <!--{$arrAddr[cnt].name02|h}-->
-                </td>
-                <td class="centertd">
-                    <!--{if !$smarty.section.cnt.first}-->
-                        <a href="<!--{$smarty.const.ROOT_URLPATH}-->mypage/delivery_addr.php" onclick="win02('<!--{$smarty.const.ROOT_URLPATH}-->mypage/delivery_addr.php?page=<!--{$smarty.server.PHP_SELF|h}-->&amp;other_deliv_id=<!--{$arrAddr[cnt].other_deliv_id}-->','new_deiv','600','640'); return false;">変更</a><br>
-                    <!--{/if}-->
-                    <!--{if !$smarty.section.cnt.first}-->
-                        <a href="?" onclick="fnModeSubmit('delete', 'other_deliv_id', '<!--{$arrAddr[cnt].other_deliv_id}-->'); return false">削除</a>
-                    <!--{/if}-->
-                </td>
-            </tr>
-        <!--{/section}-->
-    </table>
-    <div class="tblareabtn">
-         <p><input type="submit" value="選択したお届け先に送る" class="spbtn spbtn-shopping" width="130" height="30" alt="選択したお届け先に送る" name="send_button" id="next" /></p>
-         <p><a href="<!--{$smarty.const.CART_URLPATH}-->" class="spbtn spbtn-medeum">戻る</a></p>
-    </div>
+            
+<!--☆右にスライドボタン -->
+<div class="bubbleBox">
+<div class="bubble_announce clearfix">
+<p class="fb"><a rel="external" href="javascript:fnModeSubmit('multiple', '', '');">複数のお届け先に送りますか？</a></p>
+</div>
+  <div class="bubble_arrow_line"><!--矢印空タグ --></div>
+<div class="bubble_arrow"><!--矢印空タグ --></div>
+</div>
+
+
+<div class="formBox">
+
+<!--{section name=cnt loop=$arrAddr}-->
+<dl class="deliv_check">
+  <dt>
+   <p>
+     <!--{if $smarty.section.cnt.first}-->
+        <input type="radio" name="deliv_check" id="chk_id_<!--{$smarty.section.cnt.iteration}-->" value="-1" <!--{if $arrForm.deliv_check.value == "" || $arrForm.deliv_check.value == -1}--> checked="checked"<!--{/if}--> class="data-role-none" />
+        <label for="chk_id_<!--{$smarty.section.cnt.iteration}-->">会員登録住所</label>
+     <!--{else}-->
+        <input type="radio" name="deliv_check" id="chk_id_<!--{$smarty.section.cnt.iteration}-->" value="<!--{$arrAddr[cnt].other_deliv_id}-->"<!--{if $arrForm.deliv_check.value == $arrAddr[cnt].other_deliv_id}--> checked="checked"<!--{/if}--> class="data-role-none" />
+        <label for="chk_id_<!--{$smarty.section.cnt.iteration}-->">追加登録住所</label>
+     <!--{/if}-->
+   </p>
+   <ul class="edit">
+       <!--{if !$smarty.section.cnt.first}-->
+           <li><a rel="external" href="javascript:void(0);" onclick="win02('<!--{$smarty.const.ROOT_URLPATH}-->mypage/delivery_addr.php?page=<!--{$smarty.server.PHP_SELF|h}-->&amp;other_deliv_id=<!--{$arrAddr[cnt].other_deliv_id}-->','new_deiv','600','640'); return false;">編集</a></li>
+           <li><img src="<!--{$TPL_URLPATH}-->img/button/btn_delete.png" width="21" height="20" alt="削除" onclick="fnModeSubmit('delete', 'other_deliv_id', '<!--{$arrAddr[cnt].other_deliv_id}-->');" /></li>
+       <!--{/if}-->
+   </ul>
+    </dt>
+      <dd>
+        <!--{assign var=key value=$arrAddr[cnt].pref}-->
+        <!--{$arrPref[$key]}--><!--{$arrAddr[cnt].addr01|h}--><!--{$arrAddr[cnt].addr02|h}--><br />
+        <!--{$arrAddr[cnt].name01|h}--> <!--{$arrAddr[cnt].name02|h}-->
+     </dd>
+</dl>
+ <!--{/section}-->
+
+<div class="inner">
+<!--{if $tpl_addrmax < $smarty.const.DELIV_ADDR_MAX}-->
+  <a rel="external" href="javascript:void(0);" onclick="win02('<!--{$smarty.const.ROOT_URLPATH}-->mypage/delivery_addr.php?page=<!--{$smarty.server.PHP_SELF|h}-->','new_deiv','600','640'); return false;" class="btn_sub addbtn">新しいお届け先を追加</a>
+<!--{/if}-->
+</div>
+
+</div><!--▲formBox -->
+
+
+<ul class="btn_btm">
+ <li><a rel="external" href="javascript:void(document.form1.submit());" class="btn">選択したお届け先に送る</a></li>
+ <li><a rel="external" href="<!--{$smarty.const.CART_URLPATH}-->" class="btn_back">戻る</a></li>
+</ul>
+
 </form>
-<!--▲CONTENTS-->
+</div><!--▲form_area -->
+
+
+</section>
+<!--▲コンテンツここまで -->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/shopping/index.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/shopping/index.tpl	(revision 20969)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/shopping/index.tpl	(revision 21050)
@@ -21,54 +21,45 @@
  *}-->
 <!--▼CONTENTS-->
-<h2 class="title"><!--{$tpl_title|h}--></h2>
-<form name="member_form" id="member_form" method="post" action="?" onsubmit="return fnCheckLogin('member_form')">
-<input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-   <div class="loginarea">
-     <h2>会員登録がお済みのお客様</h2>
-     <p class="inputtext">会員の方は、登録時に入力されたメールアドレスとパスワードでログインしてください。</p>
+<section id="slidewindow">
+<div data-role="header">
+<div class="title_box clearfix">
+<h2><!--{$tpl_title|h}--></h2><a href="#" data-role="button" data-rel="back" data-icon="delete" data-iconpos="notext" class="ui-btn-right" data-theme="d"><span class="ui-btn-text">close</span></a>
+</div>
+</div>
+<form name="member_form" id="member_form" method="post" action="<!--{$smarty.const.HTTP_URL}-->shopping/index.php" onSubmit="return fnCheckLogin('member_form')">
+    <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
+    <input type="hidden" name="mode" value="login" />
+    <div class="login_area clearfix">
 
-       <input type="hidden" name="mode" value="login" />
-       <div class="entryform>
-       <!--{assign var=key value="login_email"}-->
-       <span class="attention"><!--{$arrErr[$key]}--></span>▼メールアドレス<br>
+    <div class="loginareaBox">
+    <!--{assign var=key value="login_email"}-->
+    <span class="attention"><!--{$arrErr[$key]}--></span>
+    <input type="email" name="<!--{$key}-->" value="<!--{$tpl_login_email|h}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="mailtextBox data-role-none" placeholder="メールアドレス" />
+    <!--{assign var=key value="login_pass"}-->
+    <span class="attention"><!--{$arrErr[$key]}--></span>
+    <input type="password" name="<!--{$key}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="passtextBox data-role-none" placeholder="パスワード" />
+    </div>
 
-<input type="email" name="<!--{$key}-->" value="<!--{$tpl_login_email|h}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->; ime-mode: disabled;" size="40" class="box300" /><br />
-       <p class="mini">
-         <!--{assign var=key value="login_memory"}-->
-         <input class="radio_btn" type="checkbox" name="<!--{$key}-->" value="1" <!--{$tpl_login_memory|sfGetChecked:1}--> id="login_memory" />
-         <label for="login_memory">メールアドレスを記憶させる</label>
-       </p>
-
-         <!--{assign var=key value="login_pass"}-->
-         <span class="attention"><!--{$arrErr[$key]}--></span>▼パスワード<br>
-<input type="password" name="<!--{$key}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="40" class="box300" /></div>
-
-
-
-
-
-
-     <div class="tblareabtn">
-     <input type="submit" value="ログイン" class="spbtn spbtn-shopping" width="130" height="30" alt="ログイン" name="log" id="log" />
-     </div>
-     <p class="inputtext02">
-       パスワードを忘れた方は<a href="<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/forgot/<!--{$smarty.const.DIR_INDEX_PATH}-->" onclick="win01('<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/forgot/<!--{$smarty.const.DIR_INDEX_PATH}-->','forget','600','460'); return false;" target="_blank">こちら</a>からパスワードの再発行を行ってください。<br />
-      メールアドレスを忘れた方は、お手数ですが、<a href="<!--{$smarty.const.ROOT_URLPATH}-->contact/<!--{$smarty.const.DIR_INDEX_PATH}-->">お問い合わせページ</a>からお問い合わせください。
-     </p>
-   </div>
-    </form>
-    <form name="member_form2" id="member_form2" method="post" action="?">
+    <p class="arrowRtxt"><a rel="external" href="javascript:void(0);" onclick="win01('<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/forgot/<!--{$smarty.const.DIR_INDEX_PATH}-->','forget','600','460'); return false;">パスワードを忘れた方</a></p>
+    <div class="btn_area">
+    <p><input type="submit" value="ログイン" class="btn data-role-none" alt="ログイン" name="log" id="log" /></p>
+    </div>
+    </div><!--▲loginarea-->
+</form>
+<form name="member_form2" id="member_form2" method="post" action="<!--{$smarty.const.HTTP_URL}-->shopping/index.php">
       <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
       <input type="hidden" name="mode" value="nonmember" />
-    <div class="loginarea">
-    <h2>まだ会員登録されていないお客様</h2>
-    <p class="inputtext">会員登録をすると便利なMyページをご利用いただけます。<br />
-      また、ログインするだけで、毎回お名前や住所などを入力することなくスムーズにお買い物をお楽しみいただけます。
-    </p>
-    <div class="inputbox02">
-    <p><a href="<!--{$smarty.const.ROOT_URLPATH}-->entry/kiyaku.php" class="spbtn spbtn-shopping">会員登録をする</a></p>
-    <p><input type="submit" value="購入手続きへ" class="spbtn spbtn-shopping" width="130" height="30" alt="購入手続きへ" name="buystep" id="buystep" /></p>
+    <div class="login_area_btm">
+    <nav>
+    <ul class="navBox">
+    <li><a rel="external" href="<!--{$smarty.const.ROOT_URLPATH}-->entry/kiyaku.php" class="navBox_link">新規会員登録</a></li>
+    <li><input type="submit" value="会員登録をせずに購入" class="nav_nonmember data-role-none" alt="会員登録をせずに購入" name="buystep" id="buystep" /></li>
+    </ul>
+    </nav>
+    <p class="message">会員登録をすると便利なMyページをご利用いただけます。</p>
+
     </div>
-  </div>
 </form>
+
+</section>
 <!--▲CONTENTS-->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/shopping/complete.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/shopping/complete.tpl	(revision 20969)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/shopping/complete.tpl	(revision 21050)
@@ -21,34 +21,40 @@
  *}-->
 <!--▼CONTENTS-->
-<h2 class="title"><!--{$tpl_title|h}--></h2>
+<section id="undercolumn">
+   <h2 class="title"><!--{$tpl_title|h}--></h2>
 
-<!-- ▼その他決済情報を表示する場合は表示 -->
-<!--{if $arrOther.title.value}-->
-<p><em>■<!--{$arrOther.title.name}-->情報</em><br />
+            <!-- ▼その他決済情報を表示する場合は表示 -->
+    <!--{if $arrOther.title.value}-->
+    <p><em>■<!--{$arrOther.title.name}-->情報</em><br />
         <!--{foreach key=key item=item from=$arrOther}-->
         <!--{if $key != "title"}-->
-            <!--{if $item.name != ""}-->
-                <!--{$item.name}-->：
-            <!--{/if}-->
-                <!--{$item.value|nl2br}--><br />
+          <!--{if $item.name != ""}-->
+            <!--{$item.name}-->：
+          <!--{/if}-->
+            <!--{$item.value|nl2br}--><br />
         <!--{/if}-->
         <!--{/foreach}-->
-</p>
- <!--{/if}-->
- <!-- ▲コンビに決済の場合には表示 -->
+    </p>
+    <!--{/if}-->
+    <!-- ▲コンビに決済の場合には表示 -->
 
-<div id="completetext">
-    <em><!--{$arrInfo.shop_name|h}-->の商品をご購入いただき、ありがとうございました。</em>
-
-    <p>ただいま、ご注文の確認メールをお送りさせていただきました。<br />
-        万一、ご確認メールが届かない場合は、トラブルの可能性もありますので大変お手数ではございますがもう一度お問い合わせいただくか、お電話にてお問い合わせくださいませ。<br />
-        今後ともご愛顧賜りますようよろしくお願い申し上げます。</p>
-
-    <p><!--{$arrInfo.shop_name|h}--><br />
-        TEL：<!--{$arrInfo.tel01}-->-<!--{$arrInfo.tel02}-->-<!--{$arrInfo.tel03}--> <!--{if $arrInfo.business_hour != ""}-->（受付時間/<!--{$arrInfo.business_hour}-->）<!--{/if}--><br />
-        E-mail：<a href="mailto:<!--{$arrInfo.email02|escape:'hex'}-->"><!--{$arrInfo.email02|escape:'hexentity'}--></a></p>
-</div>
-
-<div class="tblareabtn"><a class="spbtn spbtn-medeum" href="<!--{$smarty.const.TOP_URLPATH}-->">トップページへ</a>
-</div>
+    <div class="thankstext">
+      <p><!--{$arrInfo.shop_name|h}-->の商品をご購入いただき、ありがとうございました。</p>
+    </div>
+  <hr>
+    <div id="completetext">
+      <p>ただいま、ご注文の確認メールをお送りさせていただきました。</p>
+      <p> 万一、ご確認メールが届かない場合は、トラブルの可能性もありますので大変お手数ではございますがもう一度お問い合わせいただくか、お電話にてお問い合わせくださいませ。</p>
+      <p>今後ともご愛顧賜りますようよろしくお願い申し上げます。</p>
+    <div class="btn_area">
+       <a href="<!--{$smarty.const.TOP_URLPATH}-->" class="btn_toppage btn_sub" rel="external">トップページへ</a>
+    </div> 
+        </div>
+ <hr>
+  <div class="shopInformation">
+     <p><!--{$arrInfo.shop_name|h}--></p>
+     <p>TEL：<!--{$arrInfo.tel01}-->-<!--{$arrInfo.tel02}-->-<!--{$arrInfo.tel03}--><br />
+        E-mail：<a href="mailto:<!--{$arrInfo.email02|escape:'hex'}-->" rel="external"><!--{$arrInfo.email02|escape:'hexentity'}--></a></p>
+  </div>
+</section>
 <!--▲CONTENTS-->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/shopping/multiple.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/shopping/multiple.tpl	(revision 21008)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/shopping/multiple.tpl	(revision 21050)
@@ -30,97 +30,104 @@
     });
 //]]></script>
+
+<!--▼コンテンツここから -->
+<section id="undercolumn">
+
 <h2 class="title"><!--{$tpl_title|h}--></h2>
 
-<p>各商品のお届け先を選択してください。</p>
+<!--★インフォメーション★-->
+<div class="information">
+ <p>各商品のお届け先を選択してください。</p>  
+</div>
+
+ <!--{if $tpl_addrmax < $smarty.const.DELIV_ADDR_MAX}-->
+            <p>一覧にご希望の住所が無い場合は、「新しいお届け先を追加する」より追加登録してください。<br>
+            ※最大<!--{$smarty.const.DELIV_ADDR_MAX|h}-->件まで登録できます。</p>
+ <!--{/if}-->
+
+<!--★ボタン★-->
 <!--{if $tpl_addrmax < $smarty.const.DELIV_ADDR_MAX}-->
-    <p>一覧にご希望の住所が無い場合は、「新しいお届け先を追加する」より追加登録してください。<br>
-    ※最大<!--{$smarty.const.DELIV_ADDR_MAX|h}-->件まで登録できます。</p>
+<div class="btn_area_top">
+  <a rel="external" href="javascript:void(0);" class="btn_sub addbtn" onclick="win02('<!--{$smarty.const.ROOT_URLPATH}-->mypage/delivery_addr.php?page=<!--{$smarty.server.PHP_SELF|h}-->','new_deiv','600','640'); return false;">新しいお届け先を追加</a>
+</div>
 <!--{/if}-->
+ 
+<!--▼フォームここから -->
+<div class="form_area">
+    <form name="form1" id="form1" method="post" action="<!--{$smarty.const.HTTP_URL}-->shopping/multiple.php">
+            <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
+            <input type="hidden" name="uniqid" value="<!--{$tpl_uniqid}-->" />
+            <input type="hidden" name="line_of_num" value="<!--{$arrForm.line_of_num.value}-->" />
+            <input type="hidden" name="mode" value="confirm" />
 
-<!--{if $tpl_addrmax < $smarty.const.DELIV_ADDR_MAX}-->
-    <p class="addbtn"><a class="kybtn" href="<!--{$smarty.const.ROOT_URLPATH}-->mypage/delivery_addr.php" onclick="win02('<!--{$smarty.const.ROOT_URLPATH}-->mypage/delivery_addr.php?page=<!--{$smarty.server.PHP_SELF|h}-->','new_deiv','600','640'); return false;">新しいお届け先を追加する</a></p><br /><br />
-<!--{/if}-->
-<form name="form1" id="form1" method="post" action="?">
-    <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-    <input type="hidden" name="uniqid" value="<!--{$tpl_uniqid}-->" />
-    <input type="hidden" name="line_of_num" value="<!--{$arrForm.line_of_num.value}-->" />
-    <input type="hidden" name="mode" value="confirm" />
+<!--{section name=line loop=$arrForm.line_of_num.value}-->
+            <!--{assign var=index value=$smarty.section.line.index}-->
+                
+<div class="formBox">
+<!--▼商品 -->
+<div class="delivitemBox">
+<img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrForm.main_list_image.value[$index]|sfNoImageMainList|h}-->&amp;width=80&amp;height=80" alt="&lt;!--{$arrForm.name[$index]|h}--&gt;" width="80" height="80" class="photoL" />
+ <div class="delivContents">
 
-        <!--{section name=line loop=$arrForm.line_of_num.value}-->
-        <!--{assign var=index value=$smarty.section.line.index}-->
+  <p><em><!--{$arrForm.name.value[$index]|h}--></em><br />
+    <!--{if $arrForm.classcategory_name1.value[$index] != ""}-->
+        <span class="mini"><!--{$arrForm.class_name1.value[$index]|h}-->：<!--{$arrForm.classcategory_name1.value[$index]|h}--></span><br />
+    <!--{/if}-->
+    <!--{if $arrForm.classcategory_name2.value[$index] != ""}-->
+        <span class="mini"><!--{$arrForm.class_name2.value[$index]|h}-->：<!--{$arrForm.classcategory_name2.value[$index]|h}--></span>
+    <!--{/if}-->
+    </p>
+<ul>
+<li class="result"><span class="mini">数量</li>
+ <li>
+       <!--{assign var=key value="quantity"}-->
+      <!--{if $arrErr[$key][$index] != ''}-->
+          <span class="attention"><!--{$arrErr[$key][$index]}--></span>
+      <!--{/if}-->
+      <input type="text" name="<!--{$key}-->[<!--{$index}-->]" class="cartin_quantity txt" value="<!--{$arrForm[$key].value[$index]}-->" maxlength="9" style="" />
+ </li>
+  </ul>
+</div>
 
-        <table summary="商品情報" class="entryform">
-        <tr>
-            <th class="multi_ph">商品写真</th>
-            <th class="multi_pr">商品名</th>
-            <th class="multi_nu">数量</th>
-        </tr>
-            <tr>
-                <td class="phototd">
-                <a
-                    <!--{if $arrForm.main_image.value[$index]|strlen >= 1}-->
-                        href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrForm.main_image.value[$index]|sfNoImageMainList|h}-->"
-                        class="expansion"
-                        target="_blank"
-                    <!--{/if}-->
-                >
-                    <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrForm.main_list_image.value[$index]|sfNoImageMainList|h}-->&amp;width=65&amp;height=65" alt="&lt;!--{$arrForm.name[$index]|h}--&gt;" /></a>
-                </td>
-                <td class="multi_pr"><!--{* 商品名 *}--><strong><!--{$arrForm.name.value[$index]|h}--></strong><br />
-                    <!--{if $arrForm.classcategory_name1.value[$index] != ""}-->
-                        <!--{$arrForm.class_name1.value[$index]|h}-->：<!--{$arrForm.classcategory_name1.value[$index]|h}--><br />
-                    <!--{/if}-->
-                    <!--{if $arrForm.classcategory_name2.value[$index] != ""}-->
-                        <!--{$arrForm.class_name2.value[$index]|h}-->：<!--{$arrForm.classcategory_name2.value[$index]|h}--><br />
-                    <!--{/if}-->
-                    <!--{$arrForm.price.value[$index]|sfCalcIncTax:$arrInfo.tax:$arrInfo.tax_rule|number_format}-->円
-                </td>
-                <td class="multi_nu">
-                    <input class="multi_nu" type="hidden" name="cart_no[<!--{$index}-->]" value="<!--{$index}-->" />
-                    <!--{assign var=key value="product_class_id"}-->
-                    <input class="multi_nu" type="hidden" name="<!--{$key}-->[<!--{$index}-->]" value="<!--{$arrForm[$key].value[$index]}-->" />
-                    <!--{assign var=key value="name"}-->
-                    <input class="multi_nu" type="hidden" name="<!--{$key}-->[<!--{$index}-->]" value="<!--{$arrForm[$key].value[$index]}-->" />
-                    <!--{assign var=key value="class_name1"}-->
-                    <input class="multi_nu" type="hidden" name="<!--{$key}-->[<!--{$index}-->]" value="<!--{$arrForm[$key].value[$index]}-->" />
-                    <!--{assign var=key value="class_name2"}-->
-                    <input class="multi_nu" type="hidden" name="<!--{$key}-->[<!--{$index}-->]" value="<!--{$arrForm[$key].value[$index]}-->" />
-                    <!--{assign var=key value="classcategory_name1"}-->
-                    <input class="multi_nu" type="hidden" name="<!--{$key}-->[<!--{$index}-->]" value="<!--{$arrForm[$key].value[$index]}-->" />
-                    <!--{assign var=key value="classcategory_name2"}-->
-                    <input class="multi_nu" type="hidden" name="<!--{$key}-->[<!--{$index}-->]" value="<!--{$arrForm[$key].value[$index]}-->" />
-                    <!--{assign var=key value="main_image"}-->
-                    <input class="multi_nu" type="hidden" name="<!--{$key}-->[<!--{$index}-->]" value="<!--{$arrForm[$key].value[$index]}-->" />
-                    <!--{assign var=key value="main_list_image"}-->
-                    <input class="multi_nu" type="hidden" name="<!--{$key}-->[<!--{$index}-->]" value="<!--{$arrForm[$key].value[$index]}-->" />
-                    <!--{assign var=key value="price"}-->
-                    <input class="multi_nu" type="hidden" name="<!--{$key}-->[<!--{$index}-->]" value="<!--{$arrForm[$key].value[$index]}-->" />
-                    <!--{assign var=key value="quantity"}-->
-                    <!--{if $arrErr[$key][$index] != ''}-->
-                        <span class="attention"><!--{$arrErr[$key][$index]}--></span>
-                    <!--{/if}-->
-                    <input class="multi_nu" type="text" name="<!--{$key}-->[<!--{$index}-->]" value="<!--{$arrForm[$key].value[$index]}-->" size="4" />
-                </td>
-             </tr>
-            <tr>
-              <td colspan="3">お届け先</td>
-            </tr>
-            <tr>
-              <td colspan="3">
-                <!--{assign var=key value="shipping"}-->
-                <!--{if strlen($arrErr[$key][$index]) >= 1}-->
-                    <div class="attention"><!--{$arrErr[$key][$index]}--></div>
-                <!--{/if}-->
-                <select name="<!--{$key}-->[<!--{$index}-->]">
-                    <!--{html_options options=$addrs selected=$arrForm[$key].value[$index]}-->
-                </select>
-              </td>
-            </tr>
-           </table>
-          <!--{/section}-->
+</div>
+ <!--▲商品 -->
+<div class="btn_area_btm">
 
-    <div class="tblareabtn">
-         <p><input type="submit" value="選択したお届け先に送る" class="spbtn spbtn-shopping" width="130" height="30" alt="選択したお届け先に送る" name="send_button" id="next" /></p>
-         <p><a href="<!--{$smarty.const.CART_URLPATH}-->" class="spbtn spbtn-medeum">戻る</a></p>
-    </div>
+                        <input type="hidden" name="cart_no[<!--{$index}-->]" value="<!--{$index}-->" />
+                          <!--{assign var=key value="product_class_id"}-->
+                          <input type="hidden" name="<!--{$key}-->[<!--{$index}-->]" value="<!--{$arrForm[$key].value[$index]}-->" />
+                          <!--{assign var=key value="name"}-->
+                          <input type="hidden" name="<!--{$key}-->[<!--{$index}-->]" value="<!--{$arrForm[$key].value[$index]}-->" />
+                          <!--{assign var=key value="class_name1"}-->
+                          <input type="hidden" name="<!--{$key}-->[<!--{$index}-->]" value="<!--{$arrForm[$key].value[$index]}-->" />
+                          <!--{assign var=key value="class_name2"}-->
+                          <input type="hidden" name="<!--{$key}-->[<!--{$index}-->]" value="<!--{$arrForm[$key].value[$index]}-->" />
+                          <!--{assign var=key value="classcategory_name1"}-->
+                          <input type="hidden" name="<!--{$key}-->[<!--{$index}-->]" value="<!--{$arrForm[$key].value[$index]}-->" />
+                          <!--{assign var=key value="classcategory_name2"}-->
+                          <input type="hidden" name="<!--{$key}-->[<!--{$index}-->]" value="<!--{$arrForm[$key].value[$index]}-->" />
+                          <!--{assign var=key value="main_image"}-->
+                          <input type="hidden" name="<!--{$key}-->[<!--{$index}-->]" value="<!--{$arrForm[$key].value[$index]}-->" />
+                          <!--{assign var=key value="main_list_image"}-->
+                          <input type="hidden" name="<!--{$key}-->[<!--{$index}-->]" value="<!--{$arrForm[$key].value[$index]}-->" />
+                          <!--{assign var=key value="price02"}-->
+                          <input type="hidden" name="<!--{$key}-->[<!--{$index}-->]" value="<!--{$arrForm[$key].value[$index]}-->" />
+                        <!--{assign var=key value="shipping"}-->
+                        <select name="<!--{$key}-->[<!--{$index}-->]"><!--{html_options options=$addrs selected=$arrForm[$key].value[$index]}--></select>
+</div>
+
+</div><!--▲formBox -->
+<!--{/section}-->
+
+<ul class="btn_btm">
+ <li><a rel="external" href="javascript:void(document.form1.submit());" class="btn">選択したお届け先に送る</a></li>
+ <li><a rel="external" href="<!--{$smarty.const.CART_URLPATH}-->" class="btn_back">戻る</a></li>
+</ul>
+
 </form>
+
+</div><!--▲form_area -->
+
+
+</section>
+<!--▲コンテンツここまで -->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/shopping/confirm.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/shopping/confirm.tpl	(revision 20969)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/shopping/confirm.tpl	(revision 21050)
@@ -39,215 +39,259 @@
     $('a.expansion').fancybox();
 });
+
+//ご注文内容エリアの表示/非表示
+var speed = 1000; //表示アニメのスピード（ミリ秒）
+var stateCartconfirm = 0;
+function fnCartconfirmToggle(areaEl, imgEl) {
+    areaEl.toggle(speed);
+    if (stateCartconfirm == 0) {
+        $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/common/btn_plus.png");
+        stateCartconfirm = 1;
+    } else {
+        $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/common/btn_minus.png");
+        stateCartconfirm = 0
+    }
+}
+//お届け先エリアの表示/非表示
+var stateDelivconfirm = 0;
+function fnDelivconfirmToggle(areaEl, imgEl) {
+    areaEl.toggle(speed);
+    if (stateDelivconfirm == 0) {
+        $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/common/btn_plus.png");
+        stateDelivconfirm = 1;
+    } else {
+        $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/common/btn_minus.png");
+        stateDelivconfirm = 0
+    }
+}
+//配送方法エリアの表示/非表示
+var stateOtherconfirm = 0;
+function fnOtherconfirmToggle(areaEl, imgEl) {
+    areaEl.toggle(speed);
+    if (stateOtherconfirm == 0) {
+        $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/common/btn_plus.png");
+        stateOtherconfirm = 1;
+    } else {
+        $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/common/btn_minus.png");
+        stateOtherconfirm = 0
+    }
+}
 //]]></script>
 
-<!--▼CONTENTS-->
+<!--▼コンテンツここから -->
+<section id="undercolumn">
+
 <h2 class="title"><!--{$tpl_title|h}--></h2>
 
-<p>下記ご注文内容で送信してもよろしいでしょうか？<br />
-    よろしければ、「<!--{if $use_module}-->次へ<!--{else}-->ご注文完了ページへ<!--{/if}-->」ボタンをクリックしてください。</p>
-
-<form name="form1" id="form1" method="post" action="?">
-    <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-    <input type="hidden" name="mode" value="confirm" />
-    <input type="hidden" name="uniqid" value="<!--{$tpl_uniqid}-->" />
-    <table summary="ご注文内容確認" class="entryform">
-        <tr>
-            <th class="alignC confirm_ph valignM">商品写真</th>
-            <th class="alignC valignM">商品名</th>
-            <th class="alignC valignM">数量</th>
-            <th class="alignC valignM">小計</th>
-        </tr>
-        <!--{foreach from=$arrCartItems item=item}-->
-        <tr>
-            <td class="phototd">
-                <a
-                    <!--{if $item.productsClass.main_image|strlen >= 1}-->
-                        href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$item.productsClass.main_image|sfNoImageMainList|h}-->"
-                        class="expansion"
-                        target="_blank"
-                    <!--{/if}-->
-                >
-                    <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$item.productsClass.main_list_image|sfNoImageMainList|h}-->&amp;width=40&amp;height=40" alt="<!--{$item.productsClass.name|h}-->" /></a>
-            </td>
-            <td class="detailtdName"><strong><!--{$item.productsClass.name|h}--></strong>
-                    <!--{if $item.productsClass.classcategory_name1 != ""}-->
-                    <!--{$item.productsClass.class_name1}-->：<!--{$item.productsClass.classcategory_name1}--><br />
-                    <!--{/if}-->
-                    <!--{if $item.productsClass.classcategory_name2 != ""}-->
-                    <!--{$item.productsClass.class_name2}-->：<!--{$item.productsClass.classcategory_name2}-->
-                    <!--{/if}--><br />
-<!--{$item.price|sfCalcIncTax:$arrInfo.tax:$arrInfo.tax_rule|number_format}-->円
-         </td>
-         <td class="detailtdNumber"><!--{$item.quantity|number_format}--></td>
-         <td class="alignR"><!--{$item.total_inctax|number_format}-->円</td>
-     </tr>
-     <!--{/foreach}-->
-        <tr>
-            <th colspan="3" class="resulttd">小計</th>
-            <td class="alignR"><!--{$tpl_total_inctax[$cartKey]|number_format}-->円</td>
-        </tr>
+<!--★インフォメーション★-->
+<div class="information end">
+ <p>下記ご注文内容でよろしければ、「ご注文完了ページへ」ボタンをクリックしてください。</p>
+</div>
+
+<form name="form1" id="form1" method="post" action="<!--{$smarty.const.HTTP_URL}-->shopping/confirm.php">
+            <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
+            <input type="hidden" name="mode" value="confirm" />
+            <input type="hidden" name="uniqid" value="<!--{$tpl_uniqid}-->" />
+            
+  <div class="title_box_sub clearfix">
+   <h3>ご注文内容</h3>
+    <a href="#" class="b_expand"><img src="<!--{$TPL_URLPATH}-->img/common/btn_minus.png" alt="minus" width="22" height="21" onClick="fnCartconfirmToggle($('.cartconfirm_area'), this);" /></a></div>
+    
+<section class="cartconfirm_area">
+<div class="form_area">
+<!--▼フォームボックスここから -->
+   <div class="formBox">
+      <!--▼カートの中の商品一覧 -->
+      <div class="cartcartconfirmarea">
+     
+         <!--{foreach from=$arrCartItems item=item}-->
+           <!--▼商品 -->
+             <div class="cartconfirmBox">
+             <!--{if $item.productsClass.main_image|strlen >= 1}-->
+               <a href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$item.productsClass.main_image|sfNoImageMainList|h}-->" target="_blank">
+               <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$item.productsClass.main_list_image|sfNoImageMainList|h}-->&amp;width=80&amp;height=80" alt="<!--{$item.productsClass.name|h}-->" width="80" height="80" class="photoL" /></a>
+             <!--{else}-->
+               <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$item.productsClass.main_list_image|sfNoImageMainList|h}-->&amp;width=80&amp;height=80" alt="<!--{$item.productsClass.name|h}-->" width="80" height="80" class="photoL" />
+             <!--{/if}-->
+                 <div class="cartconfirmContents">
+                  <p><em><!--{$item.productsClass.name|h}--></em><br />
+                  <!--{if $item.productsClass.classcategory_name1 != ""}-->
+                      <span class="mini"><!--{$item.productsClass.class_name1}-->：<!--{$item.productsClass.classcategory_name1}--></span><br />
+                  <!--{/if}-->
+                  <!--{if $item.productsClass.classcategory_name2 != ""}-->
+                      <span class="mini"><!--{$item.productsClass.class_name2}-->：<!--{$item.productsClass.classcategory_name2}--></span>
+                  <!--{/if}-->
+                  </p>
+               <ul>
+                 <li><span class="mini">数量：</span><!--{$item.quantity|number_format}--></li>
+                  <li class="result"><span class="mini">小計：</span><!--{$item.total_inctax|number_format}-->円</li>
+                   </ul>
+               </div>
+            </div>
+           <!--▲商品 -->
+         <!--{/foreach}-->
+    </div>
+    <!--▲カートの中の商品一覧ここまで -->
+
+    <!--★合計内訳★-->
+    <div class="result_area">
+        <ul>
+        <li><span class="mini">小計 ：</span><!--{$tpl_total_inctax[$cartKey]|number_format}--> 円</li>
         <!--{if $smarty.const.USE_POINT !== false}-->
-            <tr>
-                <th colspan="3" class="resulttd">値引き（ポイントご使用時）</th>
-                <td class="alignR">
-                <!--{assign var=discount value=`$arrForm.use_point*$smarty.const.POINT_VALUE`}-->
-                 -<!--{$discount|number_format|default:0}-->円</td>
-            </tr>
+        <li><span class="mini">値引き（ポイントご使用時）： </span><!--{assign var=discount value=`$arrForm.use_point*$smarty.const.POINT_VALUE`}-->
+        -<!--{$discount|number_format|default:0}--> 円</li>
         <!--{/if}-->
-        <tr>
-            <th colspan="3" class="resulttd">送料</th>
-            <td class="pricetd"><!--{$arrForm.deliv_fee|number_format}-->円</td>
-        </tr>
-        <tr>
-            <th colspan="3" class="resulttd">手数料</th>
-            <td class="pricetd"><!--{$arrForm.charge|number_format}-->円</td>
-        </tr>
-        <tr>
-            <th colspan="3" class="resulttd">合計</th>
-            <td class="pricetd"><em><!--{$arrForm.payment_total|number_format}-->円</em></td>
-        </tr>
-    </table>
+        <li><span class="mini">送料 ：</span><!--{$arrForm.deliv_fee|number_format}--> 円</li>
+        <li><span class="mini">手数料 ：</span><!--{$arrForm.charge|number_format}--> 円</li>
+        </ul>
+    </div>
+
+    <!--★合計★-->
+    <div class="total_area">
+        <p><span class="mini">合計：</span><span class="price fb"><!--{$arrForm.payment_total|number_format}--> 円</span></p>
+        <!--{* ログイン済みの会員のみ *}-->
+        <!--{if $tpl_login == 1 && $smarty.const.USE_POINT !== false}-->
+        <p><span class="mini">今回加算ポイント：</span> <!--{$arrForm.add_point|number_format|default:0}--> Pt</p>
+        <!--{/if}-->
+    </div>   
+   </div><!--▲formBox -->
 
     <!--{* ログイン済みの会員のみ *}-->
     <!--{if $tpl_login == 1 && $smarty.const.USE_POINT !== false}-->
-        <table summary="ポイント確認" class="entryform">
-            <tr>
-                <th class="trpoint">ご注文前のポイント</th>
-                <td class="alignR"><!--{$tpl_user_point|number_format|default:0}-->Pt</td>
-            </tr>
-            <tr>
-                <th class="trpoint">ご使用ポイント</th>
-                <td class="alignR">-<!--{$arrForm.use_point|number_format|default:0}-->Pt</td>
-            </tr>
-            <!--{if $arrForm.birth_point > 0}-->
-            <tr>
-                <th class="trpoint">お誕生月ポイント</th>
-                <td class="alignR">+<!--{$arrForm.birth_point|number_format|default:0}-->Pt</td>
-            </tr>
-            <!--{/if}-->
-            <tr>
-                <th class="trpoint">今回加算予定のポイント</th>
-                <td class="alignR">+<!--{$arrForm.add_point|number_format|default:0}-->Pt</td>
-            </tr>
-            <tr>
-            <!--{assign var=total_point value=`$tpl_user_point-$arrForm.use_point+$arrForm.add_point`}-->
-                <th class="trpoint">加算後のポイント</th>
-                <td class="alignR"><!--{$total_point|number_format}-->Pt</td>
-            </tr>
-        </table>
+        <!--★ポイント情報★-->
+        <div class="formBox point_confifrm">
+          <dl>
+            <dt>ご注文前のポイント</dt><dd><!--{$tpl_user_point|number_format|default:0}-->Pt</dd>
+          </dl>
+          <dl>
+            <dt>ご使用ポイント</dt><dd>-<!--{$arrForm.use_point|number_format|default:0}-->Pt</dd>
+          </dl>
+          <!--{if $arrForm.birth_point > 0}-->
+          <dl>
+            <dt>お誕生月ポイント</dt><dd>+<!--{$arrForm.birth_point|number_format|default:0}-->Pt</dd>
+          </dl>
+          <!--{/if}-->
+          <dl>
+            <dt>今回加算予定のポイント</dt><dd>+<!--{$arrForm.add_point|number_format|default:0}--></dd>
+          </dl>
+          <dl>
+              <!--{assign var=total_point value=`$tpl_user_point-$arrForm.use_point+$arrForm.add_point`}-->
+               <dt>加算後のポイント</dt><dd><!--{$total_point|number_format}-->Pt</dd>
+           </dl>
+        </div><!--▲formBox -->
     <!--{/if}-->
-    <!--{* ログイン済みの会員のみ *}-->
-    
-    <!--お届け先ここから-->
-    <!--{* 販売方法判定（ダウンロード販売のみの場合はお届け先を表示しない） *}-->
+
+  </div><!--▲form_area -->
+
+</section>
+
+
+<!--★お届け先の確認★-->
+<!--{* 販売方法判定（ダウンロード販売のみの場合はお届け先を表示しない） *}-->
+<!--{if $cartKey != $smarty.const.PRODUCT_TYPE_DOWNLOAD}-->
+<section class="delivconfirm_area">
+  <div class="title_box_sub clearfix">
+    <h3>お届け先</h3>
+    <a href="#" class="b_expand"><img src="<!--{$TPL_URLPATH}-->img/common/btn_minus.png" alt="minus" width="22" height="21" onClick="fnDelivconfirmToggle($('.delivconfirm_area .form_area'), this);" /></a></div>
+
+<div class="form_area">
+
+<!--{foreach item=shippingItem from=$arrShipping name=shippingItem}-->
+<!--▼フォームボックスここから -->
+  <div class="formBox">
+    <dl class="deliv_confirm">
+     <dt>お届け先<!--{if $is_multiple}--><!--{$smarty.foreach.shippingItem.iteration}--><!--{/if}--></dt>   
+      <dd>
+        <p>〒<!--{$shippingItem.shipping_zip01|h}-->-<!--{$shippingItem.shipping_zip02|h}--><br />
+          <!--{$arrPref[$shippingItem.shipping_pref]}--><!--{$shippingItem.shipping_addr01|h}--><!--{$shippingItem.shipping_addr02|h}--></p>
+        <p class="deliv_name"><!--{$shippingItem.shipping_name01|h}--> <!--{$shippingItem.shipping_name02|h}--></p>
+         <p><!--{$shippingItem.shipping_tel01}-->-<!--{$shippingItem.shipping_tel02}-->-<!--{$shippingItem.shipping_tel03}--></p>
+          </dd>
     <!--{if $cartKey != $smarty.const.PRODUCT_TYPE_DOWNLOAD}-->
-    <!--{foreach item=shippingItem from=$arrShipping name=shippingItem}-->
-    <h2>お届け先<!--{if $is_multiple}--><!--{$smarty.foreach.shippingItem.iteration}--><!--{/if}--></h2>
-   <!--{if $is_multiple}-->
-    <table summary="ご注文内容確認" class="entryform">
-      <tr>
-        <th class="alignC valignM">商品写真</th>
-        <th class="alignC valignM">商品名</th>
-        <th class="alignC valignM">単価</th>
-        <th class="alignC valignM">数量</th>
-        <!--{* XXX 購入小計と誤差が出るためコメントアウト
-        <th>小計</th>
-        *}-->
-      </tr>
-      <!--{foreach item=item from=$shippingItem.shipment_item}-->
-          <tr>
-              <td class="phototd">
-                <a
-                    <!--{if $item.productsClass.main_image|strlen >= 1}-->
-                        href="<!--{$smarty.const.IMAGE_SAVE_URL}--><!--{$item.productsClass.main_image|sfNoImageMainList|h}-->"
-                        class="expansion"
-                        target="_blank"
-                    <!--{/if}-->
-                >
-                    <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$item.productsClass.main_list_image|sfNoImageMainList|h}-->&amp;width=65&amp;height=65" alt="<!--{$item.productsClass.name|h}-->" /></a>
-              </td>
-              <td><!--{* 商品名 *}--><strong><!--{$item.productsClass.name|h}--></strong><br />
-                  <!--{if $item.productsClass.classcategory_name1 != ""}-->
-                      <!--{$item.productsClass.class_name1}-->：<!--{$item.productsClass.classcategory_name1}--><br />
-                  <!--{/if}-->
-                  <!--{if $item.productsClass.classcategory_name2 != ""}-->
-                      <!--{$item.productsClass.class_name2}-->：<!--{$item.productsClass.classcategory_name2}-->
-                  <!--{/if}-->
-              </td>
-              <td class="alignR">
-                  <!--{$item.price|sfCalcIncTax:$arrInfo.tax:$arrInfo.tax_rule|number_format}-->円
-              </td>
-              <td class="detailtdNumber"><!--{$item.quantity}--></td>
-              <!--{* XXX 購入小計と誤差が出るためコメントアウト
-              <td class="alignR"><!--{$item.total_inctax|number_format}-->円</td>
-              *}-->
-          </tr>
-      <!--{/foreach}-->
-    </table>
-   <!--{/if}-->
-
-    <table summary="お届け先確認" class="entryform">
-        <tbody>
-            <tr>
-                <th>お名前</th>
-                <td><!--{$shippingItem.shipping_name01|h}--> <!--{$shippingItem.shipping_name02|h}--></td>
-            </tr>
-            <tr>
-                <th>お名前(フリガナ)</th>
-                <td><!--{$shippingItem.shipping_kana01|h}--> <!--{$shippingItem.shipping_kana02|h}--></td>
-            </tr>
-            <tr>
-                <th>郵便番号</th>
-                <td>〒<!--{$shippingItem.shipping_zip01|h}-->-<!--{$shippingItem.shipping_zip02|h}--></td>
-            </tr>
-            <tr>
-                <th>住所</th>
-                <td><!--{$arrPref[$shippingItem.shipping_pref]}--><!--{$shippingItem.shipping_addr01|h}--><!--{$shippingItem.shipping_addr02|h}--></td>
-            </tr>
-            <tr>
-                <th>電話番号</th>
-                <td><!--{$shippingItem.shipping_tel01}-->-<!--{$shippingItem.shipping_tel02}-->-<!--{$shippingItem.shipping_tel03}--></td>
-            </tr>
-        <!--{if $cartKey != $smarty.const.PRODUCT_TYPE_DOWNLOAD}-->
-            <tr>
-                <th>お届け日</th>
-                <td><!--{$shippingItem.shipping_date|default:"指定なし"|h}--></td>
-            </tr>
-            <tr>
-               <th>お届け時間</th>
-                <td><!--{$shippingItem.shipping_time|default:"指定なし"|h}--></td>
-            </tr>
-        <!--{/if}-->
-        </tbody>
-    </table>
-    <!--{/foreach}-->
+     <dd>
+        <ul class="date_confirm">
+          <li><em>お届け日：</em><!--{$shippingItem.shipping_date|default:"指定なし"|h}--></li>
+          <li><em>お届け時間：</em><!--{$shippingItem.shipping_time|default:"指定なし"|h}--></li>
+           </ul>
+        </dd>
     <!--{/if}-->
-    <!--お届け先ここまで-->
-    <h2>その他指定・お問い合わせ</h2>
-    <table summary="配送方法・お支払方法・お届け日時の指定・その他お問い合わせ" class="entryform">
-        <tbody>
-        <tr>
-            <th>配送方法</th>
-            <td><!--{$arrDeliv[$arrForm.deliv_id]|h}--></td>
-        </tr>
-        <tr>
-            <th>お支払方法</th>
-            <td><!--{$arrForm.payment_method|h}--></td>
-        </tr>
-        <tr>
-            <th>その他お問い合わせ</th>
-            <td><!--{$arrForm.message|h|nl2br}--></td>
-        </tr>
-        </tbody>
-    </table>
-
-    <div class="tblareabtn">
-        <!--{if $use_module}--><p>
-         <input type="submit" value="次へ" class="spbtn spbtn-shopping" width="130" height="30" alt="次へ" name="next" id="next" />
-        <!--{else}-->
-         <input type="submit" value="ご注文完了ページへ" class="spbtn spbtn-shopping" width="130" height="30" alt="ご注文完了ページへ" name="next" id="next" />
-        </p><!--{/if}-->
-        <p><a href="./payment.php" class="spbtn spbtn-medeum">戻る</a></p>
-    </div>
+          </dl>
+<!--▼カートの中の商品一覧 -->
+     <div class="cartcartconfirmarea">
+  <!--{foreach item=item from=$shippingItem.shipment_item}-->
+   <!--▼商品 -->
+   <div class="cartconfirmBox">
+     <!--{if $item.productsClass.main_image|strlen >= 1}-->
+       <a href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$item.productsClass.main_image|sfNoImageMainList|h}-->" target="_blank">
+       <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$item.productsClass.main_list_image|sfNoImageMainList|h}-->&amp;width=80&amp;height=80" alt="<!--{$item.productsClass.name|h}-->" width="80" height="80" class="photoL" /></a>
+     <!--{else}-->
+       <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$item.productsClass.main_list_image|sfNoImageMainList|h}-->&amp;width=80&amp;height=80" alt="<!--{$item.productsClass.name|h}-->" width="80" height="80" class="photoL" />
+     <!--{/if}-->
+     <div class="cartconfirmContents">
+      <p><em><!--{$item.productsClass.name|h}--></em><br />
+      <!--{if $item.productsClass.classcategory_name1 != ""}-->
+          <span class="mini"><!--{$item.productsClass.class_name1}-->：<!--{$item.productsClass.classcategory_name1}--></span><br />
+      <!--{/if}-->
+      <!--{if $item.productsClass.classcategory_name2 != ""}-->
+          <span class="mini"><!--{$item.productsClass.class_name2}-->：<!--{$item.productsClass.classcategory_name2}--></span>
+      <!--{/if}-->
+      </p>
+      <ul>
+       <li><span class="mini">数量：</span><!--{$item.quantity}--></li>
+       <!--{* XXX デフォルトでは購入小計と誤差が出るためコメントアウト*}-->
+        <li class="result"><span class="mini">小計：</span><!--{$item.total_inctax|number_format}-->円</li>
+         </ul>
+      </div>
+   </div>
+  <!--▲商品 -->
+  <!--{/foreach}-->
+</div>
+<!--▲カートの中の商品一覧ここまで -->
+
+</div><!--▲formBox -->
+<!--{/foreach}-->
+
+</div><!--▲form_area -->
+</section>
+<!--{/if}-->
+
+
+<!--★配送方法・お支払方法など★-->
+<section class="otherconfirm_area">
+<div class="title_box_sub clearfix">
+  <h3>配送方法・お支払方法など</h3>
+   <a href="#" class="b_expand"><img src="<!--{$TPL_URLPATH}-->img/common/btn_minus.png" alt="minus" width="22" height="21" onClick="fnOtherconfirmToggle($('.otherconfirm_area .form_area'), this);" /></a></div>
+
+<div class="form_area">
+<!--▼フォームボックスここから -->
+  <div class="formBox">
+   <div class="innerBox">
+     <em>配送方法</em>：<!--{$arrDeliv[$arrForm.deliv_id]|h}-->
+    </div>
+   <div class="innerBox">
+     <em>お支払方法：</em><!--{$arrForm.payment_method|h}-->
+    </div>
+   <div class="innerBox">
+      <em>その他お問い合わせ：</em><br />
+          <!--{$arrForm.message|h|nl2br}-->
+         </div>
+
+  </div><!--▲formBox -->
+</div><!--▲form_area -->
+</section>
+
+<!--★ボタン★-->
+<div class="btn_area">
+<ul class="btn_btm">
+<!--{if $use_module}-->
+<li><a rel="external" href="javascript:void(document.form1.submit());" class="btn">次へ</a></li>
+<!--{else}-->
+<li><a rel="external" href="javascript:void(document.form1.submit());" class="btn">ご注文完了ページへ</a></li>
+<!--{/if}-->
+<li><a rel="external" href="./payment.php" class="btn_back">戻る</a></li>
+</ul>
+</div>
+
 </form>
-<!--▲CONTENTS-->
+</section>
+<!--▲コンテンツここまで -->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/shopping/payment.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/shopping/payment.tpl	(revision 20969)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/shopping/payment.tpl	(revision 21050)
@@ -120,158 +120,174 @@
 //]]>
 </script>
-
-<h2 class="title"><!--{$tpl_title|h}--></h2><br />
-
-<form name="form1" id="form1" method="post" action="?">
-    <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-    <input type="hidden" name="mode" value="confirm" />
-    <input type="hidden" name="uniqid" value="<!--{$tpl_uniqid}-->" />
-    <!--{assign var=key value="deliv_id"}-->
-    <!--{if $is_single_deliv}-->
-        <input type="hidden" name="<!--{$key}-->" value="<!--{$arrForm[$key].value}-->" id="deliv_id" />
-    <!--{else}-->
-    <div class="payarea">
-        <h2>配送方法の指定</h2><br />
-        <p>配送方法をご選択ください。</p>
-
-        <!--{if $arrErr[$key] != ""}-->
-        <p class="attention"><!--{$arrErr[$key]}--></p>
-        <!--{/if}-->
-        <table summary="配送方法選択">
-            <tr>
-                <th>選択</th>
-                <th colspan="2">配送方法</th>
-            </tr>
-            <!--{section name=cnt loop=$arrDeliv}-->
-            <tr>
-                <td class="centertd"><input type="radio" id="deliv_<!--{$smarty.section.cnt.iteration}-->" name="<!--{$key}-->"  value="<!--{$arrDeliv[cnt].deliv_id}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" <!--{$arrDeliv[cnt].deliv_id|sfGetChecked:$arrForm[$key].value}--> />
-                </td>
-                <td>
-                    <label for="deliv_<!--{$smarty.section.cnt.iteration}-->"><!--{$arrDeliv[cnt].name|h}--><!--{if $arrDeliv[cnt].remark != ""}--><p><!--{$arrDeliv[cnt].remark|h}--></p><!--{/if}--></label>
-                </td>
-            </tr>
-            <!--{/section}-->
-        </table>
-    </div>
-    <!--{/if}-->
-
-    <div class="payarea">
-        <h2>お支払方法の指定</h2>
-        <p class="select-msg">お支払方法をご選択ください。</p>
-        <p class="non-select-msg">まずはじめに、配送方法を選択ください。</p>
-
-        <!--{assign var=key value="payment_id"}-->
-        <!--{if $arrErr[$key] != ""}-->
-        <p class="attention"><!--{$arrErr[$key]}--></p>
-        <!--{/if}-->
-        <table summary="お支払方法選択" id="payment" class="payment">
-          <thead>
-            <tr>
-                <th class="select">選択</th>
-                <th colspan="<!--{if !$img_show}-->2<!--{else}-->3<!--{/if}-->" id="payment_method">お支払方法</th>
-            </tr>
-          </thead>
-          <tbody>
-            <!--{section name=cnt loop=$arrPayment}-->
-            <tr>
-                <td class="centertd"><input type="radio" id="pay_<!--{$smarty.section.cnt.iteration}-->" name="<!--{$key}-->" value="<!--{$arrPayment[cnt].payment_id}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" <!--{$arrPayment[cnt].payment_id|sfGetChecked:$arrForm[$key].value}--> />
-                </td>
-                <td class="right">
-                    <label for="pay_<!--{$smarty.section.cnt.iteration}-->"><!--{$arrPayment[cnt].payment_method|h}--><!--{if $arrPayment[cnt].note != ""}--><!--{/if}--></label>
-                </td>
-                <!--{if $img_show}-->
-                    <td>
-                        <!--{if $arrPayment[cnt].payment_image != ""}-->
-                            <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrPayment[cnt].payment_image}-->" />
-                        <!--{/if}-->
-                    </td>
-                <!--{/if}-->
-            </tr>
-            <!--{/section}-->
-          </tbody>
-        </table>
-    </div>
-
-    <!--{if $cartKey != $smarty.const.PRODUCT_TYPE_DOWNLOAD}-->
-    <div class="payarea02">
-        <h2>お届け時間の指定</h2>
-        <p class="select-msg">ご希望の方は、お届け時間を選択してください。</p>
-        <p class="non-select-msg">まずはじめに、配送方法を選択ください。</p>
-        <!--{foreach item=shippingItem name=shippingItem from=$arrShipping}-->
-        <!--{assign var=index value=$shippingItem.shipping_id}-->
-        <!--{if $is_multiple}-->
-        <div class="delivdate">
-                ▼<!--{$shippingItem.shipping_name01}--><!--{$shippingItem.shipping_name02}--><br />
-                <!--{$arrPref[$shippingItem.shipping_pref]}--><!--{$shippingItem.shipping_addr01}--><!--{$shippingItem.shipping_addr02}-->
+ 
+<!--▼コンテンツここから -->
+<section id="undercolumn">
+
+<h2 class="title"><!--{$tpl_title|h}--></h2>
+
+<form name="form1" id="form1" method="post" action="<!--{$smarty.const.HTTP_URL}-->shopping/payment.php">
+            <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
+            <input type="hidden" name="mode" value="confirm" />
+            <input type="hidden" name="uniqid" value="<!--{$tpl_uniqid}-->" />
+
+<!--★インフォメーション★-->
+<div class="information end">
+  <p>各項目をを選択してください。</p>  
+</div>
+
+<!--★配送方法の指定★-->
+<!--{assign var=key value="deliv_id"}-->
+ <!--{if $is_single_deliv}-->
+ <input type="hidden" name="<!--{$key}-->" value="<!--{$arrForm[$key].value}-->" id="deliv_id" />
+  <!--{else}-->
+<section class="pay_area">
+ <h3 class="subtitle">配送方法の指定</h3>
+  <!--{if $arrErr[$key] != ""}-->
+  <p class="attention"><!--{$arrErr[$key]}--></p>
+  <!--{/if}-->
+  <ul>
+  <!--{section name=cnt loop=$arrDeliv}-->
+   <li>
+     <input type="radio" id="deliv_<!--{$smarty.section.cnt.iteration}-->" name="<!--{$key}-->"  value="<!--{$arrDeliv[cnt].deliv_id}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" <!--{$arrDeliv[cnt].deliv_id|sfGetChecked:$arrForm[$key].value}--> class="data-role-none" />
+     <label for="deliv_<!--{$smarty.section.cnt.iteration}-->"><!--{$arrDeliv[cnt].name|h}--><!--{if $arrDeliv[cnt].remark != ""}--><p><!--{$arrDeliv[cnt].remark|h}--></p><!--{/if}--></label>
+   </li>
+  <!--{/section}-->
+  </ul>
+</section>
+<!--{/if}-->
+
+<!--★インフォメーション★-->
+<section class="pay_area">
+ <h3 class="subtitle">お支払方法の指定</h3>
+  <!--{assign var=key value="payment_id"}-->
+  <!--{if $arrErr[$key] != ""}-->
+    <p class="attention"><!--{$arrErr[$key]}--></p>
+  <!--{/if}-->
+  <ul>
+  <!--{section name=cnt loop=$arrPayment}-->
+   <li>
+     <input type="radio" id="pay_<!--{$smarty.section.cnt.iteration}-->" name="<!--{$key}-->" value="<!--{$arrPayment[cnt].payment_id}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" <!--{$arrPayment[cnt].payment_id|sfGetChecked:$arrForm[$key].value}--> class="data-role-none" />
+     <label for="pay_<!--{$smarty.section.cnt.iteration}-->"><!--{$arrPayment[cnt].payment_method|h}--><!--{if $arrPayment[cnt].note != ""}--><!--{/if}--></label>
+     <!--{if $img_show}-->
+         <!--{if $arrPayment[cnt].payment_image != ""}-->
+             <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrPayment[cnt].payment_image}-->" />
+         <!--{/if}-->
+     <!--{/if}-->
+   </li>
+  <!--{/section}-->
+  </ul>
+</section>
+
+
+<!--★お届け時間の指定★-->
+<!--{if $cartKey != $smarty.const.PRODUCT_TYPE_DOWNLOAD}-->
+<section class="pay_area02">
+ <h3 class="subtitle">お届け時間の指定</h3>
+
+ <div class="form_area">
+  <!--{foreach item=shippingItem name=shippingItem from=$arrShipping}-->
+  <!--{assign var=index value=$shippingItem.shipping_id}-->
+ 
+ <!--▼フォームボックスここから -->
+  <div class="formBox">
+
+    <div class="box_header">
+      お届け先<!--{$smarty.foreach.shippingItem.iteration}-->
         </div>
-        <!--{/if}-->
-        <div class="delivdate">
-            <!--★お届け日★-->
-            <!--{assign var=key value="deliv_date`$index`"}-->
-            <span class="attention"><!--{$arrErr[$key]}--></span>
-            お届け日：
-            <!--{if !$arrDelivDate}-->
-                ご指定頂けません。
-            <!--{else}-->
-                <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->">
-                    <option value="" selected="">指定なし</option>
-                    <!--{html_options options=$arrDelivDate selected=$arrForm[$key].value}-->
-                </select>
-            <!--{/if}-->
+
+  <!--{if $is_multiple}-->
+     <div class="innerBox">
+       <!--{$shippingItem.shipping_name01}--><!--{$shippingItem.shipping_name02}--><br />
+        <span class="mini"><!--{$arrPref[$shippingItem.shipping_pref]}--><!--{$shippingItem.shipping_addr01}--><!--{$shippingItem.shipping_addr02}--></span>
+          </div>
+  <!--{/if}-->
+       <div class="btn_area_btm">
+       <!--★お届け日★-->
+       <!--{assign var=key value="deliv_date`$index`"}-->
+       <span class="attention"><!--{$arrErr[$key]}--></span>
+        <!--{if !$arrDelivDate}-->
+            ご指定頂けません。
+        <!--{else}-->
+             <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="boxLong top data-role-none">
+                <option value="" selected="">お届け日：指定なし</option>
+                <!--{html_options options=$arrDelivDate selected=$arrForm[$key].value}-->
+             </select>
+<!--{/if}-->
+
+<!--★お届け時間★-->
+<!--{assign var=key value="deliv_time_id`$index`"}-->
+        <span class="attention"><!--{$arrErr[$key]}--></span>
+           <select name="<!--{$key}-->" id="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="boxLong data-role-none">
+                <option value="" selected="">お届け時間：指定なし</option>
+                <!--{html_options options=$arrDelivTime selected=$arrForm[$key].value}-->
+           </select>
+                </div>
+                  </div><!--▲formBox -->
+<!--{/foreach}-->
+
+         </div><!--▲form_area -->
+     </section>
+<!--{/if}-->
+
+
+<!--★ポイント使用の指定★-->
+<!--{if $tpl_login == 1 && $smarty.const.USE_POINT !== false}-->
+<section class="point_area">
+<h3 class="subtitle">ポイント使用の指定</h3>
+ 
+ <div class="form_area">
+   <p class="fb"><span class="point">1ポイントを1円</span>として使用する事ができます。</p>
+     <div class="point_announce">
+       <p><span class="user_name">現在の所持ポイントは「<span class="price"><!--{$tpl_user_point|default:0|number_format}-->Pt</span>」です。<br />
+            今回ご購入合計金額：<span class="price"><!--{$arrPrices.subtotal|number_format}-->円</span> (送料、手数料を含みません。)</p>
+             </div>
+
+  <!--▼ポイントフォームボックスここから -->
+     <div class="formBox">
+        <div class="innerBox fb">
+           <p><input type="radio" id="point_on" name="point_check" value="1" <!--{$arrForm.point_check.value|sfGetChecked:1}--> onchange="fnCheckInputPoint();" class="data-role-none" />
+               <label for="point_on">ポイントを使用する</label></p>
+           <!--{assign var=key value="use_point"}-->
+           
+           <p class="check_point"><input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|default:$tpl_user_point}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="box_point data-role-none" />ポイントを使用する。<span class="attention"><!--{$arrErr[$key]}--></span></p>
+            </div>
+       <div class="innerBox fb">
+         <input type="radio" id="point_off" name="point_check" value="2" <!--{$arrForm.point_check.value|sfGetChecked:2}--> onchange="fnCheckInputPoint();" class="data-role-none" />
+           <label for="point_off">ポイントを使用しない</label>
+         </div>
+             </div><!--▲formBox -->
+               </div><!--▲form_area -->
+                 </section>
+<!--{/if}-->
+
+<!--★その他お問い合わせ★-->
+<section class="contact_area">
+ <h3 class="subtitle">その他お問い合わせ</h3>
+  <div class="form_area">
+    <p>その他お問い合わせ事項がございましたら、こちらにご入力ください。</p>
+   
+     <div class="innerBox end">
+       <!--{assign var=key value="message"}-->
+       <span class="attention"><!--{$arrErr[$key]}--></span>
+       <textarea name="<!--{$key}-->" id="etc" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" cols="62" rows="8" class="textarea" wrap="hard"><!--{$arrForm[$key].value|h}--></textarea><br />
         </div>
-        <div class="delivdate02">
-            <!--★お届け時間★-->
-            <!--{assign var=key value="deliv_time_id`$index`"}-->
-            <span class="attention"><!--{$arrErr[$key]}--></span>
-            お届け時間：
-            <select name="<!--{$key}-->" id="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->">
-                <option value="" selected="">指定なし</option>
-                <!--{html_options options=$arrDelivTime selected=$arrForm[$key].value}-->
-            </select>
-        </div>
-        <!--{/foreach}-->
-    </div>
-    <!--{/if}-->
-
-    <div class="payarea02">
-        <h2>その他お問い合わせ</h2>
-        <p>その他お問い合わせ事項がございましたら、こちらにご入力ください。</p>
-        <div>
-            <!--★その他お問い合わせ事項★-->
-            <!--{assign var=key value="message"}-->
-            <span class="attention"><!--{$arrErr[$key]}--></span>
-            <textarea name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" cols="80" rows="8" class="area660" wrap="hard"><!--{$arrForm[$key].value|h}--></textarea>
-        </div>
-        <div>
-            <span class="attention"> (<!--{$smarty.const.LTEXT_LEN}-->文字まで)</span>
-        </div>
-    </div>
-
-    <!-- ▼ポイント使用 ここから -->
-    <!--{if $tpl_login == 1 && $smarty.const.USE_POINT !== false}-->
-        <div class="pointarea">
-            <h2>ポイント使用の指定</h2>
-
-                <p><span class="attention">1ポイントを1円</span>として使用する事ができます。<br />
-                    使用する場合は、「ポイントを使用する」にチェックを入れた後、使用するポイントをご記入ください。</p>
-            <div>
-                <p><!--{$name01|h}--> <!--{$name02|h}-->様の、現在の所持ポイントは「<em><!--{$tpl_user_point|default:0|number_format}-->Pt</em>」です。</p>
-                <p>今回ご購入合計金額：<span class="paymentprice"><!--{$arrPrices.subtotal|number_format}-->円</span> <span class="attention">(送料、手数料を含みません。)</span></p>
-                <ul id="paymentP">
-                    <li><input class="radio_btn" type="radio" id="point_on" name="point_check" value="1" <!--{$arrForm.point_check.value|sfGetChecked:1}--> onclick="fnCheckInputPoint();" /><label for="point_on">ポイントを使用する</label></li>
-                     <!--{assign var=key value="use_point"}-->
-
-                     <li class="underline">今回のお買い物で、<input type="number" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|default:$tpl_user_point}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="6" class="box100 pointP" />&nbsp;ポイントを使用する。<span class="attention"><!--{$arrErr[$key]}--></span></li>
-                     <li><input class="radio_btn" type="radio" id="point_off" name="point_check" value="2" <!--{$arrForm.point_check.value|sfGetChecked:2}--> onclick="fnCheckInputPoint();" /><label for="point_off">ポイントを使用しない</label></li>
-                </ul>
-            </div>
-        </div>
-    <!--{/if}-->
-    <!-- ▲ポイント使用 ここまで -->
-
-    <div class="tblareabtn">
-        <p><input type="submit" value="次へ" class="spbtn spbtn-shopping" width="130" height="30" alt="次へ" name="next" id="next" /></p>
-        <p><a href="<!--{$tpl_back_url|h}-->" class="spbtn spbtn-medeum">戻る</a></p>
-    </div>
+         </div><!--▲form_area -->
+          </section>
+
+<!--★ボタン★-->
+<div class="btn_area">
+  <ul class="btn_btm">
+    <li><a rel="external" href="javascript:void(document.form1.submit());" class="btn">確認ページへ</a></li>
+    <li><a rel="external" href="<!--{$tpl_back_url|h}-->" class="btn_back">戻る</a></li>
+     </ul>
+       </div>
+
 </form>
-<!--▲CONTENTS-->
+</section>
+<!--▲コンテンツここまで -->
+ 
+<!--{* テキストエリアのリサイズ *}-->
+<script type="text/javascript">
+  $('#etc').autoResize({limit: 9000});
+  $('#etc').keydown();
+</script>
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/error.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/error.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/error.tpl	(revision 21050)
@@ -21,15 +21,12 @@
  *}-->
  <!--▼CONTENTS-->
+    <section class="undercolumn">
      <h2 class="title"><!--{$tpl_title|h}--></h2>
 
-<div>
-      <p class="error"><!--{$tpl_error}--></p>
-     <p class="inputtext02">
-       パスワードを忘れた方は<a href="<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/forgot/<!--{$smarty.const.DIR_INDEX_PATH}-->" onclick="win01('<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/forgot/<!--{$smarty.const.DIR_INDEX_PATH}-->','forget','600','460'); return false;" target="_blank">こちら</a>からパスワードの再発行を行ってください。<br />
-      メールアドレスを忘れた方は、お手数ですが、<a href="<!--{$smarty.const.ROOT_URLPATH}-->contact/<!--{$smarty.const.DIR_INDEX_PATH}-->">お問い合わせページ</a>からお問い合わせください。
-     </p>
+<div id="errorBox">
+  <p class="error"><!--{$tpl_error}--></p>
+
 </div>
-            <div class="tblareabtn">
-<a href="<!--{$tpl_prev_url|h}-->" class="spbtn spbtn-medeum">戻る</a>
-</div>
+</section>
+
 <!--▲CONTENTS-->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/cart/index.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/cart/index.tpl	(revision 20978)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/cart/index.tpl	(revision 21050)
@@ -29,25 +29,23 @@
 //]]></script>
 
-<!--▼CONTENTS-->
-    <h2 class="title"><!--{$tpl_title|h}--></h2>
-    <!--{if $smarty.const.USE_POINT !== false || count($arrProductsClass) > 0}-->
-        <p class="totalmoneyarea">
-            <!--★ポイント案内★-->
-            <!--{if $smarty.const.USE_POINT !== false}-->
-                <!--{if $tpl_login}-->
-                    <!--{$tpl_name|h}--> 様の、現在の所持ポイントは「<em><!--{$tpl_user_point|number_format|default:0}--> pt</em>」です。<br />
-                <!--{else}-->
-                    ポイント制度をご利用になられる場合は、会員登録後ログインしてくださいますようお願い致します。<br />
-                <!--{/if}-->
-                ポイントは商品購入時に1pt＝<!--{$smarty.const.POINT_VALUE}-->円として使用することができます。<br />
-            <!--{/if}-->
+<!--▼コンテンツここから -->
+<section id="undercolumn">
 
-            <!--{* カゴの中に商品がある場合にのみ表示 *}-->
-            <!--{if count($cartKeys) > 1}-->
-                <em><!--{foreach from=$cartKeys item=key name=cartKey}--><!--{$arrProductType[$key]}--><!--{if !$smarty.foreach.cartKey.last}-->、<!--{/if}--><!--{/foreach}-->は同時購入できません。お手数ですが、個別に購入手続きをお願い致します。</em>
-            <!--{/if}-->
 
-        </p>
+<h2 class="title"><!--{$tpl_title|h}--></h2>
+<!--{if $smarty.const.USE_POINT !== false}-->
+  <!--★ポイント案内★-->
+  <div class="information">
+    <p>商品の合計金額は「<span class="price"><!--{$tpl_total_inctax[$key]|number_format}-->円</span>」です。</p>
+
+    <!--{if $tpl_login}-->
+       <p point_announce><span class="user_name"><!--{$tpl_name|h}--> 様</span>の、現在の所持ポイントは「<span class="point"><!--{$tpl_user_point|number_format|default:0}--> pt</span>」です。<br />
+         ポイントは商品購入時に<span class="price">1pt＝<!--{$smarty.const.POINT_VALUE}-->円</span>として使用することができます。</p>
+    <!--{else}-->
+          <p class="point_announce">ポイント制度をご利用になられる場合は、ログインが必要です。</p>
     <!--{/if}-->
+    
+  </div>
+<!--{/if}-->
 
 <!--{if strlen($tpl_error) != 0}-->
@@ -59,126 +57,124 @@
 <!--{/if}-->
 
+<!--▼フォームここから -->
+<div class="form_area">
+
+<!--{* カゴの中に商品がある場合にのみ表示 *}-->
+<!--{if count($cartKeys) > 1}-->
+  <p class="attentionSt">
+  <!--{foreach from=$cartKeys item=key name=cartKey}--><!--{$arrProductType[$key]}--><!--{if !$smarty.foreach.cartKey.last}-->、<!--{/if}--><!--{/foreach}-->は同時購入できません。お手数ですが、個別に購入手続きをお願い致します。</p>
+<!--{/if}-->
+
 <!--{if count($cartItems) > 0}-->
 
-<!--{foreach from=$cartKeys item=key}-->
-    <form name="form<!--{$key}-->" id="form<!--{$key}-->" method="post" action="?">
-        <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-        <!--{if 'sfGMOCartDisplay'|function_exists}-->
-            <!--{'sfGMOCartDisplay'|call_user_func}-->
+    <!--{foreach from=$cartKeys item=key}-->
+    
+        <!--☆送料無料アナウンス右にスライドボタン -->
+        <!--{if $key != $smarty.const.PRODUCT_TYPE_DOWNLOAD}-->
+            <!--{if $arrInfo.free_rule > 0}-->
+                <div class="bubbleBox">
+                <div class="bubble_announce clearfix">
+                <p><a rel="external" href="<!--{$tpl_prev_url|h}-->">
+                <!--{if !$arrData[$key].is_deliv_free}-->
+                    あと「<span class="price"><!--{$tpl_deliv_free[$key]|number_format}-->円</span>」で<span class="price">送料無料！！</span>
+                <!--{else}-->
+                    現在、「<span class="price">送料無料</span>」です！！
+                <!--{/if}-->
+                  <br />
+                商品を追加しますか?</a></p>
+                </div>
+                  <div class="bubble_arrow_line"><!--矢印空タグ --></div>
+                <div class="bubble_arrow"><!--矢印空タグ --></div>
+                </div>
+            <!--{/if}-->
         <!--{/if}-->
 
-        <input type="hidden" name="mode" value="confirm" />
-        <input type="hidden" name="cart_no" value="" />
-        <input type="hidden" name="cartKey" value="<!--{$key}-->" />
-        <!--{if count($cartKeys) > 1}-->
-        <h3><!--{$arrProductType[$key]}--></h3>
-            <p>
-                <!--{$arrProductType[$key]}-->の合計金額は「<em><!--{$tpl_total_inctax[$key]|number_format}-->円</em>」です。
-                <!--{if $key != $smarty.const.PRODUCT_TYPE_DOWNLOAD}-->
-                    <!--{if $arrInfo.free_rule > 0}-->
-                        <!--{if !$arrData[$key].is_deliv_free}-->
-                            あと「<em><!--{$tpl_deliv_free[$key]|number_format}-->円</em>」で送料無料です！！
-                        <!--{else}-->
-                            現在、「<em>送料無料</em>」です！！
-                        <!--{/if}-->
-                    <!--{/if}-->
-                <!--{/if}-->
-            </p>
-        <!--{else}-->
-            <p>
-                お買い上げ商品の合計金額は「<em><!--{$tpl_total_inctax[$key]|number_format}-->円</em>」です。
-                <!--{if $key != $smarty.const.PRODUCT_TYPE_DOWNLOAD}-->
-                    <!--{if $arrInfo.free_rule > 0}-->
-                        <!--{if !$arrData[$key].is_deliv_free}-->
-                            あと「<em><!--{$tpl_deliv_free[$key]|number_format}-->円</em>」で送料無料です！！
-                        <!--{else}-->
-                            現在、「<em>送料無料</em>」です！！
-                        <!--{/if}-->
-                   <!--{/if}-->
-               <!--{/if}-->
-            </p>
-        <!--{/if}-->
-        <table summary="商品情報">
-            <tr>
-                <th>商品写真</th>
-                <th>商品名</th>
-                <th>数量</th>
-                <th>小計</th>
-            </tr>
-            <!--{foreach from=$cartItems[$key] item=item}-->
-                <tr style="<!--{if $item.error}-->background-color: <!--{$smarty.const.ERR_COLOR}-->;<!--{/if}-->">
-                    <td class="phototd">
-                    <a
-                        <!--{if $item.productsClass.main_image|strlen >= 1}-->
-                            href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$item.productsClass.main_image|sfNoImageMainList|h}-->"
-                            class="expansion"
-                            target="_blank"
-                        <!--{/if}-->
-                    >
-                        <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$item.productsClass.main_list_image|sfNoImageMainList|h}-->&amp;width=40&amp;height=40" alt="<!--{$item.productsClass.name|h}-->" /></a><br />
-<a href="?" onclick="fnFormModeSubmit('form<!--{$key}-->', 'delete', 'cart_no', '<!--{$item.cart_no}-->'); return false;">削除</a>
-                    </td>
-                    <td class="detailtdName"><!--{* 商品名 *}--><strong><!--{$item.productsClass.name|h}--></strong><br />
-                        <!--{if $item.productsClass.classcategory_name1 != ""}-->
-                            <!--{$item.productsClass.class_name1}-->：<!--{$item.productsClass.classcategory_name1}--><br />
-                        <!--{/if}-->
-                        <!--{if $item.productsClass.classcategory_name2 != ""}-->
-                            <!--{$item.productsClass.class_name2}-->：<!--{$item.productsClass.classcategory_name2}--><br />
-                        <!--{/if}-->
-価格:<!--{$item.price|sfCalcIncTax:$arrInfo.tax:$arrInfo.tax_rule|number_format}-->円
-
-
-                    </td>
-                    <td class="detailtdPM"><!--{$item.quantity}-->
-                    <br />
-<ul id="quantity_level">
-                            <li><a href="?" onclick="fnFormModeSubmit('form<!--{$key}-->', 'up','cart_no','<!--{$item.cart_no}-->'); return false"><img src="<!--{$TPL_URLPATH}-->img/button/btn_plus.gif" width="16" height="16" alt="＋" /></a></li>
-                            <li><a href="?" onclick="fnFormModeSubmit('form<!--{$key}-->', 'down','cart_no','<!--{$item.cart_no}-->'); return false"><img src="<!--{$TPL_URLPATH}-->img/button/btn_minus.gif" width="16" height="16" alt="-" /></a></li>
-                        </ul></td>
-                    <td class="detailtdYenT"><!--{$item.total_inctax|number_format}-->円</td>
-          </tr>
-             <!--{/foreach}-->
-             <tr>
-                 <th colspan="3" class="resulttd">小計</th>
-                 <td colspan="2" class="alignR"><!--{$tpl_total_inctax[$key]|number_format}-->円</td>
-             </tr>
-             <tr>
-                 <th colspan="3" class="resulttd">合計</th>
-                 <td colspan="2" class="alignR"><em><!--{$arrData[$key].total-$arrData[$key].deliv_fee|number_format}-->円</em></td>
-             </tr>
-             <!--{if $smarty.const.USE_POINT !== false}-->
-                 <!--{if $arrData[$key].birth_point > 0}-->
-                     <tr>
-                         <th colspan="3" class="resulttd">お誕生月ポイント</th>
-                         <td colspan="2" class="alignR"><!--{$arrData[$key].birth_point|number_format}-->pt</td>
-                     </tr>
-                 <!--{/if}-->
-                 <tr>
-                     <th colspan="3" class="resulttd">今回加算ポイント</th>
-                     <td colspan="2" class="alignR"><!--{$arrData[$key].add_point|number_format}-->pt</td>
-                </tr>
-            <!--{/if}-->
-        </table>
-        <div class="tblareabtn">
-            <!--{if strlen($tpl_error) == 0}-->
-          <p>上記内容でよろしければ「購入手続きへ」ボタンをクリックしてください。</p>
+        <form name="form1" id="form1" method="post" action="<!--{$smarty.const.CART_URLPATH|h}-->">
+            <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
+            <!--{if 'sfGMOCartDisplay'|function_exists}-->
+                <!--{'sfGMOCartDisplay'|call_user_func}-->
             <!--{/if}-->
 
+            <input type="hidden" name="mode" value="confirm" />
+            <input type="hidden" name="cart_no" value="" />
+            <input type="hidden" name="cartKey" value="<!--{$key}-->" />
+
+            <div class="formBox">
             
-                <!--{if strlen($tpl_error) == 0}-->
-                    <p>
-                    <input type="hidden" name="cartKey" value="<!--{$key}-->" />
-                    <input type="submit" value="購入手続きへ" class="spbtn spbtn-shopping" width="130" height="30" alt="購入手続きへ" name="confirm" />
-                    </p>
+                <!--{if count($cartKeys) > 1}-->
+                 <div class="box_header">
+                  <h3><!--{$arrProductType[$key]}--></h3>
+                  </div>
+                  <div class="totalmoney_area">
+                  <!--{$arrProductType[$key]}-->の合計金額は「<span class="price"><!--{$tpl_total_inctax[$key]|number_format}-->円</span>」です。
+                  </div>
+                <!--{else}-->
+                  <div class="totalmoney_area">
+                  お買い上げ商品の合計金額は「<span class="price"><!--{$tpl_total_inctax[$key]|number_format}-->円</span>」です。
+                  </div>
                 <!--{/if}-->
-                <!--{if $tpl_prev_url != ""}-->
-                    <p><a href="<!--{$tpl_prev_url|h}-->" class="spbtn spbtn-medeum">買い物を続ける</a></p>
+
+                <!--▼カートの中の商品一覧 -->
+                <div class="cartinarea clearfix">
+                <!--{foreach from=$cartItems[$key] item=item}-->
+                    <!--▼商品 -->
+                    <div class="cartitemBox">
+                    <!--{if $item.productsClass.main_image|strlen >= 1}-->
+                        <a rel="external" href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$item.productsClass.main_image|sfNoImageMainList|h}-->" target="_blank">
+                        <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$item.productsClass.main_list_image|sfNoImageMainList|h}-->&amp;width=80&amp;height=80" alt="<!--{$item.productsClass.name|h}-->" class="photoL" /></a>
+                    <!--{else}-->
+                        <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$item.productsClass.main_list_image|sfNoImageMainList|h}-->&amp;width=80&amp;height=80" alt="<!--{$item.productsClass.name|h}-->" class="photoL" />
+                    <!--{/if}-->
+                     <div class="cartinContents">
+
+                      <p><em><!--{$item.productsClass.name|h}--></em><br />
+                      <!--{if $item.productsClass.classcategory_name1 != ""}-->
+                          <span class="mini"><!--{$item.productsClass.class_name1}-->：<!--{$item.productsClass.classcategory_name1}--></span><br />
+                      <!--{/if}-->
+                      <!--{if $item.productsClass.classcategory_name2 != ""}-->
+                          <span class="mini"><!--{$item.productsClass.class_name2}-->：<!--{$item.productsClass.classcategory_name2}--></span><br />
+                      <!--{/if}-->
+                      </p>
+                    <p class="btn_delete">
+                    <img src="<!--{$TPL_URLPATH}-->img/button/btn_delete.png" onclick="fnModeSubmit('delete', 'cart_no', '<!--{$item.cart_no}-->');" class="pointer" width="21" height="20" alt="削除" /></p>
+
+                    <ul>
+                     <li><input type="number" name="quantity" class="cartin_quantity text data-role-none" value="<!--{$item.quantity}-->" maxlength="9" style="" onchange="fnModeSubmit('setQuantity','cart_no','<!--{$item.cart_no}-->');" /></li>
+                      <li class="result"><span class="mini">小計：</span><!--{$item.total_inctax|number_format}-->円</li>
+                    </ul>
+                    </div>
+                     
+                    </div>
+                    <!--▲商品 -->
+                 <!--{/foreach}-->
+                </div>
+                <!--▲カートの中の商品一覧ここまで -->
+
+                <div class="total_area">
+                <p><span class="mini">合計：</span><span class="price fb"><!--{$arrData[$key].total-$arrData[$key].deliv_fee|number_format}--> 円</span></p>
+                <!--{if $smarty.const.USE_POINT !== false}-->
+                <!--{if $arrData[$key].birth_point > 0}-->
+                    <p><span class="mini">お誕生月ポイント：</span> <!--{$arrData[$key].birth_point|number_format}--> Pt</p>
                 <!--{/if}-->
-          
-      </div>
-    </form>
-<!--{/foreach}-->
+                <p><span class="mini">今回加算ポイント：</span> <!--{$arrData[$key].add_point|number_format}--> Pt</p>
+                <!--{/if}-->
+                </div>
+              <!--{if strlen($tpl_error) == 0}-->
+                <div class="btn_area_btm">
+                <input type="hidden" name="cartKey" value="<!--{$key}-->" />
+                <input type="submit" value="ご購入手続きへ" alt="ご購入手続きへ" name="confirm" class="btn data-role-none" />
+                </div>
+              <!--{/if}-->
+            </div><!--▲formBox -->
+        </form>
+    <!--{/foreach}-->
 <!--{else}-->
     <p class="empty"><em>※ 現在カート内に商品はございません。</em></p>
 <!--{/if}-->
-<!--▲CONTENTS-->
+
+<p><a rel="external" href="<!--{$smarty.const.ROOT_URLPATH}-->" class="btn_sub">お買い物を続ける</a></p>
+
+</div><!--▲form_area -->
+
+</section>
+<!--▲コンテンツここまで -->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/contact/index.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/contact/index.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/contact/index.tpl	(revision 21050)
@@ -21,177 +21,123 @@
  *}-->
 <!--▼CONTENTS-->
-<div id="undercolumn">
-  <div id="undercolumn_contact">
+<section id="undercolumn">
     <h2 class="title"><!--{$tpl_title|h}--></h2>
-
-    <p>お問い合わせはメールにて承っています。<br />
-    内容によっては回答をさしあげるのにお時間をいただくこともございます。また、土日、祝祭日、年末年始、夏期休暇期間は翌営業日以降の対応となりますのでご了承ください。</p>
-
-    <p class="mini"><em>※ご注文に関するお問い合わせには、必ず「ご注文番号」と「お名前」をご記入の上、メールくださいますようお願いいたします。</em></p>
+      <div class="intro">
+        <p>ご意見やご質問をお受けしております。<br />
+            休業日は翌営業日以降のご返信となりますのでご了承ください。</p>
+          </div>
 
     <form name="form1" method="post" action="?">
-    <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-    <input type="hidden" name="mode" value="confirm" />
+      <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
+       <input type="hidden" name="mode" value="confirm" />
 
-    <table summary="お問い合わせ" class="entryform">
-      <tr>
-        <th>お名前<span class="attention">※</span></th>
-        <td>
-          <span class="attention"><!--{$arrErr.name01}--><!--{$arrErr.name02}--></span>
-          姓&nbsp;<input type="text"
-                         class="box120"
-                         name="name01"
-                         value="<!--{$arrForm.name01.value|default:$arrData.name01|h}-->"
-                         maxlength="<!--{$smarty.const.STEXT_LEN}-->"
-                         style="<!--{$arrErr.name01|sfGetErrorColor}-->" />　
-          名&nbsp;<input type="text" class="box120" name="name02"
-                         value="<!--{$arrForm.name02.value|default:$arrData.name02|h}-->"
-                         maxlength="<!--{$smarty.const.STEXT_LEN}-->"
-                         style="<!--{$arrErr.name02|sfGetErrorColor}-->" />
-        </td>
-      </tr>
-      <tr>
-        <th>お名前(フリガナ)<span class="attention">※</span></th>
-        <td>
-          <span class="attention"><!--{$arrErr.kana01}--><!--{$arrErr.kana02}--></span>
-          セイ&nbsp;<input type="text"
-                           class="box120"
-                           name="kana01"
-                           value="<!--{$arrForm.kana01.value|default:$arrData.kana01|h}-->"
-                           maxlength="<!--{$smarty.const.STEXT_LEN}-->"
-                           style="<!--{$arrErr.kana01|sfGetErrorColor}-->" />　
-          メイ&nbsp;<input type="text"
-                           class="box120"
-                           name="kana02"
-                           value="<!--{$arrForm.kana02.value|default:$arrData.kana02|h}-->"
-                           maxlength="<!--{$smarty.const.STEXT_LEN}-->"
-                           style="<!--{$arrErr.kana02|sfGetErrorColor}-->" />
-        </td>
-      </tr>
-      <tr>
-        <th>郵便番号</th>
-        <td>
-          <!--{assign var=key1 value="`$prefix`zip01"}-->
-          <!--{assign var=key2 value="`$prefix`zip02"}-->
-          <!--{assign var=key3 value="`$prefix`pref"}-->
-          <!--{assign var=key4 value="`$prefix`addr01"}-->
-          <span class="attention"><!--{$arrErr.zip01}--><!--{$arrErr.zip02}--></span>
-            〒&nbsp;
-            <input type="text"
-                   name="zip01"
-                   class="box60"
-                   value="<!--{$arrForm.zip01.value|default:$arrData.zip01|h}-->"
-                   maxlength="<!--{$smarty.const.ZIP01_LEN}-->"
-                   style="<!--{$arrErr.zip01|sfGetErrorColor}-->; ime-mode: disabled;" />&nbsp;-&nbsp;
-            <input type="text"
-                   name="zip02"
-                   class="box60"
-                   value="<!--{$arrForm.zip02.value|default:$arrData.zip02|h}-->"
-                   maxlength="<!--{$smarty.const.ZIP02_LEN}-->"
-                   style="<!--{$arrErr.zip02|sfGetErrorColor}-->; ime-mode: disabled;" />　
-            <a href="http://search.post.japanpost.jp/zipcode/" target="_blank"><span class="fs12">郵便番号検索</span></a>
-          <p class="zipimg">
-            <a href="<!--{$smarty.const.ROOT_URLPATH}-->input_zip.php" onclick="fnCallAddress('<!--{$smarty.const.INPUT_ZIP_URLPATH}-->', '<!--{$key1}-->', '<!--{$key2}-->', '<!--{$key3}-->', '<!--{$key4}-->'); return false;" target="_blank" class="oubtn">住所自動入力</a><br />
-            <span class="mini">&nbsp;郵便番号を入力後、クリックしてください。</span>
-          </p>
-        </td>
-      </tr>
-      <tr>
-        <th>住所</th>
-        <td>
-          <span class="attention"><!--{$arrErr.pref}--><!--{$arrErr.addr01}--><!--{$arrErr.addr02}--></span>
+        <dl class="form_entry">
+         <dt>お名前<span class="attention">※</span></dt>
+           <dd><span class="attention"><!--{$arrErr.name01}--><!--{$arrErr.name02}--></span>
+             <input type="text" name="name01" 
+               value="<!--{$arrForm.name01.value|default:$arrData.name01|h}-->" 
+                maxlength="<!--{$smarty.const.STEXT_LEN}-->" 
+                 style="<!--{$arrErr.name01|sfGetErrorColor}-->" class="boxHarf text data-role-none" placeholder="姓"/>&nbsp;&nbsp;
+             <input type="text" name="name02" 
+               value="<!--{$arrForm.name02.value|default:$arrData.name02|h}-->" 
+                maxlength="<!--{$smarty.const.STEXT_LEN}-->" 
+                 style="<!--{$arrErr.name02|sfGetErrorColor}-->" class="boxHarf text data-role-none" placeholder="名"/>
+              </dd>
 
-          <select name="pref" style="<!--{$arrErr.pref|sfGetErrorColor}-->">
-          <option value="">都道府県を選択</option>
-          <!--{html_options options=$arrPref selected=$arrForm.pref.value|default:$arrData.pref|h}-->
-          </select>
+          <dt>お名前(フリガナ)<span class="attention">※</span></dt>
+            <dd><span class="attention"><!--{$arrErr.kana01}--><!--{$arrErr.kana02}--></span>
+              <input type="text" name="kana01" 
+                value="<!--{$arrForm.kana01.value|default:$arrData.kana01|h}-->" 
+                 maxlength="<!--{$smarty.const.STEXT_LEN}-->" 
+                  style="<!--{$arrErr.kana01|sfGetErrorColor}-->"class="boxHarf text data-role-none" placeholder="セイ"/>&nbsp;&nbsp;
+              <input type="text" name="kana02" 
+                value="<!--{$arrForm.kana02.value|default:$arrData.kana02|h}-->" 
+                 maxlength="<!--{$smarty.const.STEXT_LEN}-->" 
+                  style="<!--{$arrErr.kana02|sfGetErrorColor}-->" class="boxHarf text data-role-none" placeholder="メイ"/>
+              </dd>
 
-          <p class="mini">
-            <input type="text"
-                   class="box300"
-                   name="addr01"
-                   value="<!--{$arrForm.addr01.value|default:$arrData.addr01|h}-->"
-                   style="<!--{$arrErr.addr01|sfGetErrorColor}-->" /><br />
-            <!--{$smarty.const.SAMPLE_ADDRESS1}-->
-          </p>
+          <dt>郵便番号</dt>
+            <dd><!--{assign var=key1 value="`$prefix`zip01"}-->
+                <!--{assign var=key2 value="`$prefix`zip02"}-->
+                <!--{assign var=key3 value="`$prefix`pref"}-->
+                <!--{assign var=key4 value="`$prefix`addr01"}-->
+                <span class="attention"><!--{$arrErr.zip01}--><!--{$arrErr.zip02}--></span>
+             <p><input type="number" name="zip01" 
+                 value="<!--{$arrForm.zip01.value|default:$arrData.zip01|h}-->" 
+                   maxlength="<!--{$smarty.const.ZIP01_LEN}-->" 
+                    style="<!--{$arrErr.zip01|sfGetErrorColor}-->; ime-mode: disabled;" class="boxShort text data-role-none" />&nbsp;－&nbsp;
+                <input type="number" name="zip02" 
+                 value="<!--{$arrForm.zip02.value|default:$arrData.zip02|h}-->" 
+                  maxlength="<!--{$smarty.const.ZIP02_LEN}-->" 
+                   style="<!--{$arrErr.zip02|sfGetErrorColor}-->; ime-mode: disabled;" class="boxShort text data-role-none" />&nbsp;&nbsp;
+                <a href="http://search.post.japanpost.jp/zipcode/" target="_blank" rel="external"><span class="mini">郵便番号検索</span></a>
+             </p>
 
-          <p class="mini">
-            <input type="text"
-                   class="box300"
-                   name="addr02"
-                   value="<!--{$arrForm.addr02.value|default:$arrData.addr02|h}-->"
-                   style="<!--{$arrErr.addr02|sfGetErrorColor}-->" /><br />
-            <!--{$smarty.const.SAMPLE_ADDRESS2}-->
-          </p>
+             <a href="<!--{$smarty.const.ROOT_URLPATH}-->input_zip.php" onClick="fnCallAddress('<!--{$smarty.const.INPUT_ZIP_URLPATH}-->', '<!--{$key1}-->', '<!--{$key2}-->', '<!--{$key3}-->', '<!--{$key4}-->'); return false;" target="_blank" class="btn_sub btn_inputzip" rel="external">郵便番号から住所自動入力</a>
+              </dd>
 
-          <p class="mini"><em>住所は2つに分けてご記入ください。マンション名は必ず記入してください。</em></p>
-        </td>
-      </tr>
-      <tr>
-        <th>電話番号</th>
-        <td>
-          <span class="attention"><!--{$arrErr.tel01}--><!--{$arrErr.tel02}--><!--{$arrErr.tel03}--></span>
-          <input type="text" 
-                 class="box60"
-                 name="tel01"
-                 value="<!--{$arrForm.tel01.value|default:$arrData.tel01|h}-->"
-                 maxlength="<!--{$smarty.const.TEL_ITEM_LEN}-->"
-                 style="<!--{$arrErr.tel01|sfGetErrorColor}-->" />&nbsp;-&nbsp;
-          <input type="text" 
-                 class="box60"
-                 name="tel02"
-                 value="<!--{$arrForm.tel02.value|default:$arrData.tel02|h}-->"
-                 maxlength="<!--{$smarty.const.TEL_ITEM_LEN}-->"
-                 style="<!--{$arrErr.tel02|sfGetErrorColor}-->" />&nbsp;-&nbsp;
-          <input type="text" 
-                 class="box60"
-                 name="tel03"
-                 value="<!--{$arrForm.tel03.value|default:$arrData.tel03|h}-->"
-                 maxlength="<!--{$smarty.const.TEL_ITEM_LEN}-->"
-                 style="<!--{$arrErr.tel03|sfGetErrorColor}-->" />
-        </td>
-      </tr>
-      <tr>
-        <th>メールアドレス<span class="attention">※</span></th>
-        <td>
-          <span class="attention"><!--{$arrErr.email}--><!--{$arrErr.email02}--></span>
-          <input type="text"
-                 class="box300"
-                 name="email"
-                 value="<!--{$arrForm.email.value|default:$arrData.email|h}-->"
-                 maxlength="<!--{$smarty.const.MTEXT_LEN}-->"
-                 style="<!--{$arrErr.email|sfGetErrorColor}-->" /><br />
-          <!--{* ログインしていれば入力済みにする *}-->
-          <!--{if $smarty.server.REQUEST_METHOD != 'POST' && $smarty.session.customer}-->
-          <!--{assign var=email02 value=$arrData.email}-->
-          <!--{/if}-->
-          <input type="text"
-                 class="box300"
-                 name="email02"
-                 value="<!--{$arrForm.email02.value|default:$email02|h}-->"
-                 maxlength="<!--{$smarty.const.MTEXT_LEN}-->"
-                 style="<!--{$arrErr.email02|sfGetErrorColor}-->" /><br />
-          <p class="mini"><em>確認のため2度入力してください。</em></p>
-        </td>
-      </tr>        
-      <tr>
-        <th>お問い合わせ内容<span class="attention">※</span><br />
-        <span class="mini">（全角<!--{$smarty.const.MLTEXT_LEN}-->字以下）</span></th>
-        <td>
-          <span class="attention"><!--{$arrErr.contents}--></span>
-          <textarea name="contents"
-                    class="area380"
-                    cols="60"
-                    rows="20"
-                    style="<!--{$arrErr.contents|sfGetErrorColor}-->"><!--{$arrForm.contents.value|h}--></textarea>
-        </td>
-      </tr>
-    </table>
+          <dt>住所</dt>
+            <dd><span class="attention"><!--{$arrErr.pref}--><!--{$arrErr.addr01}--><!--{$arrErr.addr02}--></span>
+              <select name="pref" style="<!--{$arrErr.pref|sfGetErrorColor}-->" class="boxMedium data-role-none">
+                <option value="" selected="selected">都道府県</option>
+                 <!--{html_options options=$arrPref selected=$arrForm.pref.value|default:$arrData.pref|h}-->
+                  </select>
 
-            <div class="tblareabtn">
-            <input type="submit" value="確認ページへ" class="spbtn spbtn-shopping" width="130" height="30" alt="確認ページへ" name="confirm" id="confirm" />
-            </div>
-    </form>
-  </div>
-</div>
+              <input type="text" name="addr01" 
+               value="<!--{$arrForm.addr01.value|default:$arrData.addr01|h}-->" 
+                class="boxLong text data-role-none" 
+                 style="<!--{$arrErr.addr01|sfGetErrorColor}-->" placeholder="市区町村名" />
+                <input type="text" name="addr02" 
+                  value="<!--{$arrForm.addr02.value|default:$arrData.addr02|h}-->" 
+                  class="boxLong text data-role-none" 
+                   style="<!--{$arrErr.addr02|sfGetErrorColor}-->" placeholder="番地・ビル名" /></dd>
+
+             <dt>電話番号</dt>
+              <dd><span class="attention"><!--{$arrErr.tel01}--><!--{$arrErr.tel02}--><!--{$arrErr.tel03}--></span>
+                <input type="tel" name="tel01" 
+                  value="<!--{$arrForm.tel01.value|default:$arrData.tel01|h}-->" 
+                   maxlength="<!--{$smarty.const.TEL_ITEM_LEN}-->" 
+                    style="<!--{$arrErr.tel01|sfGetErrorColor}-->" 
+                     class="boxShort text data-role-none" />&nbsp;－&nbsp;
+                <input type="tel" name="tel02" 
+                 value="<!--{$arrForm.tel02.value|default:$arrData.tel02|h}-->" 
+                  maxlength="<!--{$smarty.const.TEL_ITEM_LEN}-->" 
+                   style="<!--{$arrErr.tel02|sfGetErrorColor}-->" class="boxShort text data-role-none" />&nbsp;－&nbsp;
+                <input type="text" name="tel03" 
+                  value="<!--{$arrForm.tel03.value|default:$arrData.tel03|h}-->" 
+                   maxlength="<!--{$smarty.const.TEL_ITEM_LEN}-->" 
+                    style="<!--{$arrErr.tel03|sfGetErrorColor}-->" class="boxShort text data-role-none" />
+              </dd>
+
+             <dt>メールアドレス<span class="attention">※</span></dt>
+              <dd><span class="attention"><!--{$arrErr.email}--><!--{$arrErr.email02}--></span>
+                <input type="email" name="email" 
+                 value="<!--{$arrForm.email.value|default:$arrData.email|h}-->" 
+                  style="<!--{$arrErr.email|sfGetErrorColor}-->" 
+                   maxlength="<!--{$smarty.const.MTEXT_LEN}-->" class="boxLong text data-role-none" />
+
+           <!--{* ログインしていれば入力済みにする *}-->
+                <!--{if $smarty.server.REQUEST_METHOD != 'POST' && $smarty.session.customer}-->
+                <!--{assign var=email02 value=$arrData.email}-->
+                <!--{/if}-->
+
+               <input type="email" name="email02" 
+                 value="<!--{$arrForm.email02.value|default:$email02|h}-->" 
+                  style="<!--{$arrErr.email02|sfGetErrorColor}-->" 
+                   maxlength="<!--{$smarty.const.MTEXT_LEN}-->" class="boxLong text data-role-none" placeholder="確認のため2回入力してください" />
+              </dd>
+
+             <dt>お問い合わせ内容<span class="attention">※</span>
+               <span class="mini">（全角<!--{$smarty.const.MLTEXT_LEN}-->字以下）</span></dt>
+              <dd><span class="attention"><!--{$arrErr.contents}--></span>
+                <textarea name="contents" class="txtarea" cols="60" rows="20" style="<!--{$arrErr.contents|sfGetErrorColor}-->"><!--{$arrForm.contents.value|h}--></textarea>
+              </dd>
+
+         </dl>
+
+         <div class="btn_area">
+             <input type="submit" value="確認ページへ" class="btn data-role-none" name="confirm" id="confirm" />
+         </div>
+     </form>
+</section>
 <!--▲CONTENTS-->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/contact/complete.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/contact/complete.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/contact/complete.tpl	(revision 21050)
@@ -21,21 +21,24 @@
  *}-->
 <!--▼CONTENTS-->
-<div id="undercolumn">
-  <div id="undercolumn_contact">
-    <h2 class="title"><!--{$tpl_title|h}--></h2>
-    <div id="completetext">
-      お問い合わせ内容の送信が完了いたしました。<br />
-      万一、ご回答メールが届かない場合は、トラブルの可能性もありますので大変お手数ではございますがもう一度お問い合わせいただくか、お電話にてお問い合わせください。<br />
-      今後ともご愛顧賜りますようよろしくお願い申し上げます。
-    <p><!--{$arrSiteInfo.company_name|h}--><br />
-      TEL：<!--{$arrSiteInfo.tel01}-->-<!--{$arrSiteInfo.tel02}-->-<!--{$arrSiteInfo.tel03}-->
-       <!--{if $arrSiteInfo.business_hour != ""}-->
-      (受付時間/<!--{$arrSiteInfo.business_hour}-->)
-       <!--{/if}--><br />
-      E-mail：<a href="mailto:<!--{$arrSiteInfo.email02|escape:'hex'}-->"><!--{$arrSiteInfo.email02|escape:'hexentity'}--></a></p>
-    </div>
-    <div class="tblareabtn">
-      <a class="spbtn spbtn-medeum" href="<!--{$smarty.const.TOP_URLPATH}-->">トップページへ</a>
-    </div>
-  </div>
-</div>
+<section id="undercolumn">
+        <h2 class="title"><!--{$tpl_title|h}--></h2>
+          <div class="thankstext">
+            お問い合わせをいただき、ありがとうございました。
+          </div>
+        <hr>
+          <div id="completetext">
+             <p>万一、ご回答メールが届かない場合は、トラブルの可能性もありますので、大変お手数ではございますがもう一度お問い合わせいただくか、お電話にてお問い合わせください。</p>
+             <p>今後ともご愛顧賜りますようよろしくお願い申し上げます。</p>
+          </div>
+                                         
+                                        <div class="btn_area">
+              <a class="btn_s btn_sub" href="<!--{$smarty.const.TOP_URLPATH}-->">トップページへ</a>
+          </div>
+        <hr>
+          <div class="shopInformation">
+             <p><!--{$arrSiteInfo.company_name|h}--></p>
+             <p>TEL：<!--{$arrSiteInfo.tel01}-->-<!--{$arrSiteInfo.tel02}-->-<!--{$arrSiteInfo.tel03}--><br />
+                 E-mail：<a href="mailto:<!--{$arrSiteInfo.email02|escape:'hex'}-->"><!--{$arrSiteInfo.email02|escape:'hexentity'}--></a></p>
+          </div>
+</section>
+<!--▲CONTENTS -->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/contact/confirm.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/contact/confirm.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/contact/confirm.tpl	(revision 21050)
@@ -20,63 +20,54 @@
  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  *}-->
+<!--▼CONTENTS-->
+<section id="undercolumn">
+       <!--☆お問い合わせ内容確認 -->
+       <h2 class="title"><!--{$tpl_title|h}--></h2>
+          <div class="intro">
+              <p>入力内容をご確認ください。</p>
+          </div>
 
-<div id="undercolumn">
-  <div id="undercolumn_contact">
-    <h2 class="title"><!--{$tpl_title|h}--></h2>
-    <p>下記入力内容で送信してもよろしいでしょうか？<br />
-      よろしければ、一番下の「送信」ボタンをクリックしてください。</p>
-    <form name="form1" id="form1" method="post" action="?">
-      <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-      <input type="hidden" name="mode" value="complete" />
-      <!--{foreach key=key item=item from=$arrForm}-->
-        <!--{if $key ne 'mode'}-->
-      <input type="hidden" name="<!--{$key}-->" value="<!--{$item.value|h}-->" />
-        <!--{/if}-->
-      <!--{/foreach}-->
-      <table summary="お問い合わせ内容確認" class="entryform">
-        <tr>
-          <th>お名前<span class="attention">※</span></th>
-          <td><!--{$arrForm.name01.value|h}-->　<!--{$arrForm.name02.value|h}--></td>
-        </tr>
-        <tr>
-          <th>お名前(フリガナ)<span class="attention">※</span></th>
-          <td><!--{$arrForm.kana01.value|h}-->　<!--{$arrForm.kana02.value|h}--></td>
-        </tr>
-        <tr>
-          <th>郵便番号</th>
-          <td>
-             <!--{if strlen($arrForm.zip01.value) > 0 && strlen($arrForm.zip02.value) > 0}-->
-               〒<!--{$arrForm.zip01.value|h}-->-<!--{$arrForm.zip02.value|h}-->
-             <!--{/if}-->
-          </td>
-        </tr>
-        <tr>
-          <th>住所</th>
-          <td><!--{$arrPref[$arrForm.pref.value]}--><!--{$arrForm.addr01.value|h}--><!--{$arrForm.addr02.value|h}--></td>
-        </tr>
-        <tr>
-          <th>電話番号</th>
-          <td>
-            <!--{if strlen($arrForm.tel01.value) > 0 && strlen($arrForm.tel02.value) > 0 && strlen($arrForm.tel03.value) > 0}-->
-              <!--{$arrForm.tel01.value|h}-->-<!--{$arrForm.tel02.value|h}-->-<!--{$arrForm.tel03.value|h}-->
-            <!--{/if}-->
-          </td>
-        </tr>
-        <tr>
-          <th>メールアドレス<span class="attention">※</span></th>
-          <td><a href="mailto:<!--{$arrForm.email.value|escape:'hex'}-->"><!--{$arrForm.email.value|escape:'hexentity'}--></a></td>
-        </tr>
-        <tr>
-          <th>お問い合わせ内容<span class="attention">※</span><br />
-             <span class="mini">（全角1000字以下）</span></th>
-          <td><!--{$arrForm.contents.value|h|nl2br}--></td>
-        </tr>
-      </table>
-      <div class="tblareabtn">
-        <p><input type="submit" value="送信" class="spbtn spbtn-shopping" width="130" height="30" alt="送信" name="send" id="send" /></p>
-        <p><a class="spbtn spbtn-medeum" href="?" onclick="fnModeSubmit('return', '', ''); return false;">戻る</a></p>
-       </div>
-     </form>
-   </div>
-</div>
-<!--▲CONTENTS-->
+          <form name="form1" id="form1" method="post" action="?">
+              <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
+              <input type="hidden" name="mode" value="complete" />
+              <!--{foreach key=key item=item from=$arrForm}-->
+              <!--{if $key ne 'mode'}-->
+              <input type="hidden" name="<!--{$key}-->" value="<!--{$item.value|h}-->" />
+              <!--{/if}-->
+              <!--{/foreach}-->
+
+       <dl class="form_entry">
+
+          <dt>お名前</dt>
+           <dd><!--{$arrForm.name01.value|h}-->&nbsp;<!--{$arrForm.name02.value|h}--></dd>
+
+          <dt>お名前(フリガナ)</dt>
+           <dd><!--{$arrForm.kana01.value|h}-->&nbsp;<!--{$arrForm.kana02.value|h}--></dd>
+
+          <dt>住所</dt>
+           <dd><!--{if strlen($arrForm.zip01.value) > 0 && strlen($arrForm.zip02.value) > 0}-->
+                                              〒<!--{$arrForm.zip01.value|h}-->-<!--{$arrForm.zip02.value|h}-->
+                                                      <!--{/if}--><br />
+                                                            <!--{$arrPref[$arrForm.pref.value]}--><!--{$arrForm.addr01.value|h}--><!--{$arrForm.addr02.value|h}--></dd>
+
+          <dt>電話番号</dt>
+           <dd><!--{if strlen($arrForm.tel01.value) > 0 && strlen($arrForm.tel02.value) > 0 && strlen($arrForm.tel03.value) > 0}-->
+                                                <!--{$arrForm.tel01.value|h}-->-<!--{$arrForm.tel02.value|h}-->-<!--{$arrForm.tel03.value|h}-->
+               <!--{/if}--></dd>
+
+          <dt>メールアドレス</dt>
+           <dd><a href="mailto:<!--{$arrForm.email.value|escape:'hex'}-->"><!--{$arrForm.email.value|escape:'hexentity'}--></a></dd>
+
+          <dt>お問い合わせ内容<br /><span class="mini">（全角1000字以下）</span></dt>
+           <dd><!--{$arrForm.contents.value|h|nl2br}--></dd>
+       </dl>
+
+       <div class="btn_area">
+           <ul class="btn_btm">
+             <li><input type="submit" value="送信" class="btn data-role-none" name="send" id="send" /></li>
+             <li><a class="btn_back" href="?" onClick="fnModeSubmit('return', '', ''); return false;">戻る</a></li>
+           </ul>
+       </div> 
+       </form>
+</section>
+<!--▲CONTENTS -->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/footer.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/footer.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/footer.tpl	(revision 21050)
@@ -20,33 +20,18 @@
  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  *}-->
+<!--▼ BEGIN FOOTER-->
+<footer class="global_footer">
 
+<nav class="guide_area">
+<p>
+ <a rel="external" href="<!--{$smarty.const.HTTP_URL}-->abouts/<!--{$smarty.const.DIR_INDEX_PATH|h}-->">当サイトについて</a>
+ <a rel="external" href="<!--{$smarty.const.HTTPS_URL}-->contact/<!--{$smarty.const.DIR_INDEX_PATH|h}-->">お問い合わせ</a><br />
+ <a rel="external" href="<!--{$smarty.const.HTTP_URL}-->order/<!--{$smarty.const.DIR_INDEX_PATH|h}-->">特定商取引に関する表記</a>
+ <a rel="external" href="<!--{$smarty.const.HTTP_URL}-->guide/privacy.php">プライバシーポリシー</a>
+</p>
+</nav>
 
+<p class="copyright"><small>(C) <!--{$arrSiteInfo.shop_name|h}-->.</small></p>
 
-<!--▼ BEGIN FOOTER-->
-<div id="footer">
-<div id="footer-info">
-<ul id="footer-menu">
-<li><a href="<!--{$smarty.const.CART_URLPATH|h}-->">カゴの中を見る</a></li>
-<li><a href="<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/mypage/login.php">MYページ</a></li>
-<li><a href="<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/entry/kiyaku.php">新規会員登録</a></li>
-
-<!--{php}-->
-$tmp = $this->get_template_vars('tpl_mainpage');
-if(preg_match("/index\.tpl$/", $tmp))
-$this->assign('isTop', 1);
-<!--{/php}-->
-
-</ul>
-
-<span class="footB">
-<a href="<!--{$smarty.const.HTTP_URL}-->abouts/<!--{$smarty.const.DIR_INDEX_PATH|h}-->">当サイトについて</a>│
-<a href="<!--{$smarty.const.HTTPS_URL}-->contact/<!--{$smarty.const.DIR_INDEX_PATH|h}-->">お問い合わせ</a><br>
-<a href="<!--{$smarty.const.HTTP_URL}-->order/<!--{$smarty.const.DIR_INDEX_PATH|h}-->">特定商取引に関する表記</a>│
-<a href="<!--{$smarty.const.HTTP_URL}-->guide/privacy.php">プライバシーポリシー</a>
-</span>
-
-<div id="copyright">(C) <!--{$arrSiteInfo.shop_name|h}-->.</div>
-
-</div>
-</div>
+</footer>
 <!--▲ END FOOTER-->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/regist/complete.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/regist/complete.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/regist/complete.tpl	(revision 21050)
@@ -21,21 +21,24 @@
  *}-->
 <!--▼CONTENTS-->
-<div id="undercolumn">
-  <div id="undercolumn_entry">
-    <h2 class="title"><!--{$tpl_title|h}--></h2>
-    <div id="completetext">
-      本登録が完了いたしました。それではショッピングをお楽しみください。</em>
+<section id="undercolumn">
+       <h2 class="title"><!--{$tpl_title|h}--></h2>
+         <div class="thankstext">
+            <p>本登録が完了いたしました。</p>
+         </div>
+      <hr>
+         <div id="completetext">
+            <p>それではショッピングをお楽しみください。</p>
+            <p>今後ともご愛顧賜りますようよろしくお願い申し上げます。</p>
 
-      <p>今後ともご愛顧賜りますようよろしくお願い申し上げます。</p>
-
-      <p><!--{$arrSiteInfo.company_name|h}--><br />
-        TEL：<!--{$arrSiteInfo.tel01}-->-<!--{$arrSiteInfo.tel02}-->-<!--{$arrSiteInfo.tel03}--> <!--{if $arrSiteInfo.business_hour != ""}-->（受付時間/<!--{$arrSiteInfo.business_hour}-->）<!--{/if}--><br />
-        E-mall：<a href="mailto:<!--{$arrSiteInfo.email02|escape:'hex'}-->"><!--{$arrSiteInfo.email02|escape:'hexentity'}--></a></p>
-
-    </div>
-      <div class="tblareabtn">
-	<a class="spbtn spbtn-medeum" href="<!--{$smarty.const.TOP_URLPATH}-->">トップページへ</a>
-      </div>
-  </div>
-</div>
+                                      <div class="btn_area">
+             <a href="<!--{$smarty.const.TOP_URLPATH}-->" class="btn_toppage btn_sub">トップページへ</a>
+           </div>
+         </div>
+      <hr>
+         <div class="shopInformation">
+             <p><!--{$arrSiteInfo.company_name|h}--></p>
+             <p>TEL：<!--{$arrSiteInfo.tel01}-->-<!--{$arrSiteInfo.tel02}-->-<!--{$arrSiteInfo.tel03}--><br />
+                E-mail：<a href="mailto:<!--{$arrSiteInfo.email02|escape:'hex'}-->"><!--{$arrSiteInfo.email02|escape:'hexentity'}--></a></p>
+         </div>
+</section>
 <!--▲CONTENTS-->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/abouts/index.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/abouts/index.tpl	(revision 20794)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/abouts/index.tpl	(revision 21050)
@@ -25,104 +25,84 @@
 <!--{assign var=_site value=$arrSiteInfo}-->
 <!--{if $_site.latitude && $_site.longitude}-->
-<script type="text/javascript">//<![CDATA[
-$(function() {
-    $("#maps").css({
-        'margin-top': '15px',
-        'margin-left': 'auto',
-        'margin-right': 'auto',
-        'width': '98%',
-        'height': '300px'
-    });
-    var lat = <!--{$_site.latitude}-->
-    var lng = <!--{$_site.longitude}-->
-    if (lat && lng) {
-        var latlng = new google.maps.LatLng(lat, lng);
-        var mapOptions = {zoom: 15,
-                          center: latlng,
-                          mapTypeId: google.maps.MapTypeId.ROADMAP};
-        var map = new google.maps.Map($("#maps").get(0), mapOptions);
-        var marker = new google.maps.Marker({map: map, position: latlng});
-    } else {
-        $("#maps").remove();
-    }
-});
-//]]>
-</script>
+ <script type="text/javascript">//<![CDATA[
+   $(function() {
+       $("#maps").css({
+           'margin-top': '15px',
+           'margin-left': 'auto',
+           'margin-right': 'auto',
+           'width': '98%',
+           'height': '300px'
+       });
+       var lat = <!--{$_site.latitude}-->
+       var lng = <!--{$_site.longitude}-->
+       if (lat && lng) {
+           var latlng = new google.maps.LatLng(lat, lng);
+           var mapOptions = {zoom: 15,
+                             center: latlng,
+                             mapTypeId: google.maps.MapTypeId.ROADMAP};
+           var map = new google.maps.Map($("#maps").get(0), mapOptions);
+           var marker = new google.maps.Marker({map: map, position: latlng});
+       } else {
+           $("#maps").remove();
+       }
+   });
+   //]]>
+ </script>
 <!--{/if}-->
-<div id="undercolumn">
 
-  <div id="undercolumn_aboutus">
-    <h2 class="title"><!--{$tpl_title|h}--></h2>
+<section id="undercolumn">
+   <!--☆当サイトについて -->
+   <h2 class="title"><!--{$tpl_title|h}--></h2>
 
-    <table summary="当サイトについて" class="entryform">
+     <dl class="form_info">
+     <!--{if strlen($objSiteInfo->data.shop_name)}-->
+       <dt>店名</dt>
+        <dd><!--{$objSiteInfo->data.shop_name|h}--></dd>
+     <!--{/if}-->
 
-      <!--{if strlen($objSiteInfo->data.shop_name)}-->
-        <tr>
-          <th>店名</th>
-          <td><!--{$objSiteInfo->data.shop_name|h}--></td>
-        </tr>
-      <!--{/if}-->
+     <!--{if strlen($objSiteInfo->data.company_name)}-->
+       <dt>会社名</dt>
+        <dd><!--{$objSiteInfo->data.company_name|h}--></dd>
+     <!--{/if}-->
 
-      <!--{if strlen($objSiteInfo->data.company_name)}-->
-      <tr>
-        <th>会社名</th>
-        <td><!--{$objSiteInfo->data.company_name|h}--></td>
-      </tr>
-      <!--{/if}-->
+     <!--{if strlen($objSiteInfo->data.zip01)}-->
+       <dt>住所</dt>
+        <dd>〒<!--{$objSiteInfo->data.zip01|h}-->-<!--{$objSiteInfo->data.zip02|h}--><br />
+                 <!--{$objSiteInfo->data.pref|h}--><!--{$objSiteInfo->data.addr01|h}--><!--{$objSiteInfo->data.addr02|h}--></dd>
+     <!--{/if}-->
 
-      <!--{if strlen($objSiteInfo->data.zip01)}-->
-      <tr>
-        <th>住所</th>
-        <td>〒<!--{$objSiteInfo->data.zip01|h}-->-<!--{$objSiteInfo->data.zip02|h}--><br /><!--{$objSiteInfo->data.pref|h}--><!--{$objSiteInfo->data.addr01|h}--><!--{$objSiteInfo->data.addr02|h}--></td>
-      </tr>
-      <!--{/if}-->
+     <!--{if strlen($objSiteInfo->data.tel01)}-->
+       <dt>電話番号</dt>
+        <dd><!--{$objSiteInfo->data.tel01|h}-->-<!--{$objSiteInfo->data.tel02|h}-->-<!--{$objSiteInfo->data.tel03|h}--></dd>
+     <!--{/if}-->
 
-      <!--{if strlen($objSiteInfo->data.tel01)}-->
-      <tr>
-        <th>電話番号</th>
-        <td><!--{$objSiteInfo->data.tel01|h}-->-<!--{$objSiteInfo->data.tel02|h}-->-<!--{$objSiteInfo->data.tel03|h}--></td>
-      </tr>
-      <!--{/if}-->
+     <!--{if strlen($objSiteInfo->data.fax01)}-->
+       <dt>FAX番号</dt>
+        <dd><!--{$objSiteInfo->data.fax01|h}-->-<!--{$objSiteInfo->data.fax02|h}-->-<!--{$objSiteInfo->data.fax03|h}--></dd>
+     <!--{/if}-->
 
-      <!--{if strlen($objSiteInfo->data.fax01)}-->
-      <tr>
-        <th>FAX番号</th>
-        <td><!--{$objSiteInfo->data.fax01|h}-->-<!--{$objSiteInfo->data.fax02|h}-->-<!--{$objSiteInfo->data.fax03|h}--></td>
-      </tr>
-      <!--{/if}-->
+     <!--{if strlen($objSiteInfo->data.email02)}-->
+       <dt>メールアドレス</dt>
+        <dd><a href="mailto:<!--{$objSiteInfo->data.email02|escape:'hex'}-->" rel="external"><!--{$objSiteInfo->data.email02|escape:'hexentity'}--></a></dd>
+     <!--{/if}-->
 
-      <!--{if strlen($objSiteInfo->data.email02)}-->
-      <tr>
-        <th>メールアドレス</th>
-        <td><a href="mailto:<!--{$objSiteInfo->data.email02|escape:'hex'}-->"><!--{$objSiteInfo->data.email02|escape:'hexentity'}--></a></td>
-      </tr>
-      <!--{/if}-->
+     <!--{if strlen($objSiteInfo->data.business_hour)}-->
+       <dt>営業時間</dt>
+        <dd><!--{$objSiteInfo->data.business_hour|h}--></dd>
+     <!--{/if}-->
 
-      <!--{if strlen($objSiteInfo->data.business_hour)}-->
-      <tr>
-        <th>営業時間</th>
-        <td><!--{$objSiteInfo->data.business_hour|h}--></td>
-      </tr>
-      <!--{/if}-->
+     <!--{if strlen($objSiteInfo->data.good_traded)}-->
+       <dt>取扱商品</dt>
+        <dd><!--{$objSiteInfo->data.good_traded|h|nl2br}--></dd>
+     <!--{/if}-->
 
-      <!--{if strlen($objSiteInfo->data.good_traded)}-->
-      <tr>
-        <th>取扱商品</th>
-        <td><!--{$objSiteInfo->data.good_traded|h|nl2br}--></td>
-      </tr>
-      <!--{/if}-->
+     <!--{if strlen($objSiteInfo->data.message)}-->
+       <dt>メッセージ</dt>
+        <dd><!--{$objSiteInfo->data.message|h|nl2br}--></dd>
+     <!--{/if}-->
+     </dl>
 
-      <!--{if strlen($objSiteInfo->data.message)}-->
-      <tr>
-        <th>メッセージ</th>
-        <td><!--{$objSiteInfo->data.message|h|nl2br}--></td>
-      </tr>
-      <!--{/if}-->
-
-    </table>
-<br />
-    <div id="maps"></div>
-  </div>
-</div>
+     <!--☆MAP -->
+     <div id="maps"></div>
+</section>
 <!--▲CONTENTS-->
-
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/guide/privacy.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/guide/privacy.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/guide/privacy.tpl	(revision 21050)
@@ -22,12 +22,22 @@
  */
 *}-->
-<div id="undercolumn">
-    <div id="undercolumn_entry">
-        <h2 class="title"><!--{$tpl_title|h}--></h2>
-            <!--{if $arrSiteInfo.company_name != ''}--><!--{$arrSiteInfo.company_name|h}-->は、<!--{/if}-->
-            <p>個人情報保護の重要性に鑑み、「個人情報の保護に関する法律」及び本プライバシーポリシーを遵守し、お客さまのプライバシー保護に努めます。</p>
-            <p><em>個人情報の定義</em><br />
-            お客さま個人に関する情報(以下「個人情報」といいます)であって、お客さまのお名前、住所、電話番号など当該お客さま個人を識別することができる情報をさします。他の情報と組み合わせて照合することにより個人を識別することができる情報も含まれます。<br />
-            </p>
-    </div>
-</div>
+<!--▼CONTENTS-->
+<section id="undercolumn">
+    <!--☆プライバシーポリシー -->
+    <h2 class="title"><!--{$tpl_title|h}--></h2>
+       <div class="inner">
+   <p>
+    <!--{if $arrSiteInfo.company_name != ''}--><!--{$arrSiteInfo.company_name|h}-->は、<!--{/if}-->
+     個人情報保護の重要性に鑑み、「個人情報の保護に関する法律」及び本プライバシーポリシーを遵守し、お客さまのプライバシー保護に努めます。
+      </p>
+        </div>
+       
+       <hr>
+    
+    <div class="inner">
+          <p><em>個人情報の定義</em><br />
+             お客さま個人に関する情報(以下「個人情報」といいます)であって、お客さまのお名前、住所、電話番号など当該お客さま個人を識別することができる情報をさします。他の情報と組み合わせて照合することにより個人を識別することができる情報も含まれます。</p>
+           </div>
+           
+</section>
+<!--▲CONTENTS -->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/forgot/secret.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/forgot/secret.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/forgot/secret.tpl	(revision 21050)
@@ -20,34 +20,43 @@
  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  *}-->
-<!--{include file="`$smarty.const.SMARTPHONE_TEMPLATE_REALDIR`popup_header.tpl" subtitle="パスワードを忘れた方(確認ページ)"}-->
+<!--{*<!--{include file="`$smarty.const.SMARTPHONE_TEMPLATE_REALDIR`popup_header.tpl" subtitle="パスワードを忘れた方(確認ページ)"}-->*}-->
 
-  <div id="windowarea">
-    <h2>パスワードを忘れた方</h2>
-    <p>ご登録時に入力した下記質問の答えを入力して「次へ」ボタンをクリックしてください。<br />
-      ※下記質問の答えをお忘れになられた場合は、<a href="mailto:<!--{$arrSiteInfo.email02|escape:'hex'}-->"><!--{$arrSiteInfo.email02|escape:'hexentitiy'}--></a>までご連絡ください。</p>
-    <p><span class="mini"><em>※新しくパスワードを発行いたしますので、お忘れになったパスワードはご利用できなくなります。</em></span></p>
+<section id="windowcolumn">
+  <div data-role="header">
+    <div class="title_box clearfix">
+      <h2>パスワードを忘れた方</h2><a href="#" data-role="button" data-rel="back" data-icon="delete" data-iconpos="notext" class="ui-btn-right" data-theme="d"><span class="ui-btn-text">close</span></a>
+       </div>
+        </div>
+      <div class="intro">
+         <p>ご登録時に入力した下記質問の答えを入力して「次へ」ボタンをクリックしてください。</p>
+         </div>
     <form action="?" method="post" name="form1">
       <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-      <input type="hidden" name="mode" value="secret_check" />
-      <!--{foreach key=key item=item from=$arrForm}-->
-        <!--{if $key ne 'reminder_answer'}-->
-      <input type="hidden" name="<!--{$key}-->" value="<!--{$item|h}-->" />
-        <!--{/if}-->
-      <!--{/foreach}-->
+       <input type="hidden" name="mode" value="secret_check" />
+            <!--{foreach key=key item=item from=$arrForm}-->
+            <!--{if $key ne 'reminder_answer'}-->
+            <input type="hidden" name="<!--{$key}-->" value="<!--{$item|h}-->" />
+            <!--{/if}-->
+            <!--{/foreach}-->
+    <div class="window_area clearfix">
+        
+      <p><span class="attention"><!--{$arrErr.reminder}--><!--{$arrErr.reminder_answer}--></span>
+          <!--{$arrReminder[$arrForm.reminder]}--><br />
 
-<table class="entryform">
-<tr>
-<th class="alignC valignM"><span class="attention"><!--{$arrErr.reminder}--><!--{$arrErr.reminder_answer}--></span>
-<!--{$arrReminder[$arrForm.reminder]}--></th></tr>
-<tr><td>
-<!--★答え入力★--><input type="text" name="reminder_answer" value="" size="40" class="box300" style="<!--{$arrErr.reminder_answer|sfGetErrorColor}-->" /><br />
-<span class="attention"><!--{$errmsg}--></span>
-</td></tr></table>
+      <!--★答え入力★-->
+       <input type="text" name="reminder_answer" 
+         value="" class="boxLong text data-role-none" 
+           style="<!--{$arrErr.reminder_answer|sfGetErrorColor}-->" /><br />
+            <span class="attention"><!--{$errmsg}--></span></p>
+           
+                                            <hr />
+       
+                            <p>※質問の答えをお忘れになられた場合は、<a href="mailto:<!--{$arrSiteInfo.email02|escape:'hex'}-->"><!--{$arrSiteInfo.email02|escape:'hexentitiy'}--></a>までご連絡ください。</p>
+        
+     </div>
 
-      <div class="btn">
-        <input type="submit" class="spbtn spbtn-shopping" value="次へ" name="next" id="next" />
-      </div>
-    </form>
-  </div>
+       <p class="btn_area"><input type="submit" class="btn data-role-none" value="次へ" name="next" id="next" /></p>
+       </form>
+</section>
 
-<!--{include file="`$smarty.const.SMARTPHONE_TEMPLATE_REALDIR`popup_footer.tpl"}-->
+<!--{*<!--{include file="`$smarty.const.SMARTPHONE_TEMPLATE_REALDIR`popup_footer.tpl"}-->*}-->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/forgot/index.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/forgot/index.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/forgot/index.tpl	(revision 21050)
@@ -20,37 +20,46 @@
  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  *}-->
-<!--{include file="`$smarty.const.SMARTPHONE_TEMPLATE_REALDIR`popup_header.tpl" subtitle="パスワードを忘れた方(入力ページ)"}-->
+<!--{*<!--{include file="`$smarty.const.SMARTPHONE_TEMPLATE_REALDIR`popup_header.tpl" subtitle="パスワードを忘れた方(入力ページ)"}-->*}-->
 
-  <div id="windowarea">
-    <h2>パスワードを忘れた方</h2>
-    <p>ご登録時のメールアドレスを入力して「次へ」ボタンをクリックしてください。<br />
-      <span class="mini"><em>※新しくパスワードを発行いたしますので、お忘れになったパスワードはご利用できなくなります。</em></span></p>
+<section id="windowcolumn">
+  <div data-role="header">
+    <div class="title_box clearfix">
+      <h2>パスワードを忘れた方</h2><a href="#" data-role="button" data-rel="back" data-icon="delete" data-iconpos="notext" class="ui-btn-right" data-theme="d"><span class="ui-btn-text">close</span></a>
+       </div>
+        </div>
     <form action="?" method="post" name="form1">
-      <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-      <input type="hidden" name="mode" value="mail_check" />
+        <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
+        <input type="hidden" name="mode" value="mail_check" />
+       <div class="intro">
+         <p>ご登録時のメールアドレスと、ご登録されたお名前を入力して「次へ」ボタンをクリックしてください。</p>
+          </div>
+     <div class="window_area clearfix">
+        <p>お名前<br />
+          <span class="attention"><!--{$arrErr.name01}--><!--{$arrErr.name02}--></span>
+          <input type="text" name="name01" 
+            value="<!--{$arrForm.name01|default:''|h}-->" 
+             maxlength="<!--{$smarty.const.STEXT_LEN}-->" 
+              style="<!--{$arrErr.name01|sfGetErrorColor}-->; ime-mode: active;" 
+                 class="boxHarf text data-role-none" placeholder="姓"/>&nbsp;&nbsp;
+           <input type="text" name="name02" 
+             value="<!--{$arrForm.name02|default:''|h}-->" 
+              maxlength="<!--{$smarty.const.STEXT_LEN}-->" 
+               style="<!--{$arrErr.name02|sfGetErrorColor}-->; ime-mode: active;" 
+                class="boxHarf text data-role-none" placeholder="名"/></p>
+          <hr />
+        <p>メールアドレス<br />
+          <input type="email" name="email" 
+            value="<!--{$tpl_login_email|h}-->" 
+             style="<!--{$errmsg|sfGetErrorColor}-->; ime-mode: disabled;" 
+              maxlength="200" class="boxLong data-role-none" /></p>
+               <span class="attention"><!--{$errmsg}--></span>
+             <hr />
+        <p class="attentionSt">【重要】新しくパスワードを発行いたしますので、お忘れになったパスワードはご利用できなくなります。</p>
 
+   </div>
 
+        <div class="btn_area"><p><input class="btn data-role-none" type="submit" value="次へ" /></p></div>
+     </form>
+</section>
 
-<table class="entryform">
-<tr>
-<th>メールアドレス</th>
-<td><!--★メールアドレス入力★--><input type="email" name="email" value="<!--{$tpl_login_email|h}-->" size="40" class="box300" style="<!--{$errmsg|sfGetErrorColor}-->; ime-mode: disabled;" />
-</td>
-</tr>
-<tr>
-<th>お名前</th>
-<td><span class="attention"><!--{$arrErr.name01}--><!--{$arrErr.name02}--></span>
-姓&nbsp;<input type="text" class="box120" name="name01" value="<!--{$arrForm.name01|default:''|h}-->" maxlength="<!--{$smarty.const.STEXT_LEN}-->" style="<!--{$arrErr.name01|sfGetErrorColor}-->; ime-mode: active;" />　
-
-名&nbsp;<input type="text" class="box120" name="name02" value="<!--{$arrForm.name02|default:''|h}-->" maxlength="<!--{$smarty.const.STEXT_LEN}-->" style="<!--{$arrErr.name02|sfGetErrorColor}-->; ime-mode: active;" />
-<br />
-        <span class="attention"><!--{$errmsg}--></span>
-</td></tr></table>
-
-      <div class="btn">
-        <input class="spbtn spbtn-shopping" type="submit" value="次へ" />
-      </div>
-    </form>
-  </div>
-<br />
-<!--{include file="`$smarty.const.SMARTPHONE_TEMPLATE_REALDIR`popup_footer.tpl"}-->
+<!--{*<!--{include file="`$smarty.const.SMARTPHONE_TEMPLATE_REALDIR`popup_footer.tpl"}-->*}-->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/forgot/complete.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/forgot/complete.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/forgot/complete.tpl	(revision 21050)
@@ -20,24 +20,33 @@
  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  *}-->
-<!--{include file="`$smarty.const.SMARTPHONE_TEMPLATE_REALDIR`popup_header.tpl" subtitle="パスワードを忘れた方(完了ページ)"}-->
+<!--{*<!--{include file="`$smarty.const.SMARTPHONE_TEMPLATE_REALDIR`popup_header.tpl" subtitle="パスワードを忘れた方(完了ページ)"}-->*}-->
 
-  <div id="windowarea">
-    <h2 class="title">パスワードを忘れた方</h2>
-    <p>パスワードの発行が完了いたしました。ログインには下記のパスワードをご利用ください。<br />
-    ※下記パスワードは、MYページの「会員登録内容変更」よりご変更いただけます。</p>
+  <section id="windowcolumn">
+  <div data-role="header">
+    <div class="title_box clearfix">
+      <h2>パスワードを忘れた方</h2><a href="#" data-role="button" data-rel="back" data-icon="delete" data-iconpos="notext" class="ui-btn-right" data-theme="d"><span class="ui-btn-text">close</span></a>
+       </div>
+        </div>
+   <div class="intro">
+     <p>パスワードの発行が完了いたしました。ログインには下記のパスワードをご利用ください。</p>
+      </div>
     <form action="?" method="post" name="form1">
-      <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-      <div id="completebox">
-      <!--{if $smarty.const.FORGOT_MAIL != 1}-->
-        <p><em><!--{$arrForm.new_password}--></em></p>
-      <!--{else}-->
-        <p><em>ご登録メールアドレスに送付致しました。</em></p>
-      <!--{/if}-->
-      </div>
-      <div class="btn">
-        <a class="spbtn spbtn-medeum" href="javascript:window.close()">閉じる</a>
-      </div>
-    </form>
-  </div>
-<br />
-<!--{include file="`$smarty.const.SMARTPHONE_TEMPLATE_REALDIR`popup_footer.tpl"}-->
+         <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
+
+     <div class="window_area clearfix">
+       <!--{if $smarty.const.FORGOT_MAIL != 1}-->
+      <p id="completebox"><!--{$arrForm.new_password}--></p>
+       <!--{else}-->
+          <p  class="attention">ご登録メールアドレスに送付致しました。</p>
+       <!--{/if}-->
+         <hr />
+       <p>※パスワードは、MYページの「会員登録内容変更」よりご変更いただけます。</p>
+     </div>
+
+     <div class="btn_area">
+      <p><a href="javascript:window.close()" class="btn_sub btn_close">閉じる</a></p>
+       </div>
+     </form>    
+  </section>
+
+<!--{*<!--{include file="`$smarty.const.SMARTPHONE_TEMPLATE_REALDIR`popup_footer.tpl"}-->*}-->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/entry/confirm.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/entry/confirm.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/entry/confirm.tpl	(revision 21050)
@@ -21,121 +21,86 @@
  *}-->
 <!--▼CONTENTS-->
-<div id="undercolumn">
-  <div id="undercolumn_entry">
-    <h2 class="title"><!--{$tpl_title|h}--></h2>
-    <p>下記の内容で送信してもよろしいでしょうか？<br />
-      よろしければ、一番下の「会員登録完了へ」ボタンをクリックしてください。</p>
-    <form name="form1" id="form1" method="post" action="?">
-      <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-      <input type="hidden" name="mode" value="complete">
-      <!--{foreach from=$arrForm key=key item=item}-->
-        <input type="hidden" name="<!--{$key|h}-->" value="<!--{$item|h}-->" />
-      <!--{/foreach}-->
+<section id="undercolumn">
+       <h2 class="title"><!--{$tpl_title|h}--></h2>
 
-      <table summary="入力内容確認" class="entryform">
-        <tr>
-          <th class="confirmtd">お名前<span class="attention">※</span></th>
-          <td>
-            <!--{$arrForm.name01|h}-->&nbsp;
-            <!--{$arrForm.name02|h}-->
-          </td>
-        </tr>
-        <tr>
-          <th class="confirmtd">お名前(フリガナ)<span class="attention">※</span></th>
-          <td>
-            <!--{$arrForm.kana01|h}-->&nbsp;
-            <!--{$arrForm.kana02|h}-->
-          </td>
-        </tr>
-        <tr>
-          <th class="confirmtd">郵便番号<span class="attention">※</span></th>
-          <td>
-            〒<!--{$arrForm.zip01|h}--> - <!--{$arrForm.zip02|h}-->
-          </td>
-        </tr>
-        <tr>
-          <th class="confirmtd">住所<span class="attention">※</span></th>
-          <td>
-            <!--{$arrPref[$arrForm.pref]|h}--><!--{$arrForm.addr01|h}--><!--{$arrForm.addr02|h}-->
-          </td>
-        </tr>
-        <tr>
-          <th class="confirmtd">電話番号<span class="attention">※</span></th>
-          <td>
-            <!--{$arrForm.tel01|h}--> - <!--{$arrForm.tel02|h}--> - <!--{$arrForm.tel03|h}-->
-          </td>
-        </tr>
-        <tr>
-          <th class="confirmtd">FAX</th>
-          <td>
-            <!--{if strlen($arrForm.fax01) > 0 && strlen($arrForm.fax02) > 0 && strlen($arrForm.fax03) > 0}-->
+         <!--★インフォメーション★-->
+         <div class="information">
+            <p>入力内容をご確認ください。</p>
+         </div>
+
+      <form name="form1" id="form1" method="post" action="?">
+           <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
+           <input type="hidden" name="mode" value="complete">
+           <!--{foreach from=$arrForm key=key item=item}-->
+           <input type="hidden" name="<!--{$key|h}-->" value="<!--{$item|h}-->" />
+           <!--{/foreach}-->
+
+      <dl class="form_entry">
+
+         <dt>お名前</dt>
+          <dd><!--{$arrForm.name01|h}-->&nbsp;<!--{$arrForm.name02|h}--></dd>
+        
+         <dt>お名前(フリガナ)</dt>
+          <dd><!--{$arrForm.kana01|h}-->&nbsp;<!--{$arrForm.kana02|h}--></dd>
+         
+         <dt>住所</dt>
+          <dd>〒<!--{$arrForm.zip01|h}--> - <!--{$arrForm.zip02|h}--><br />
+                <!--{$arrPref[$arrForm.pref]|h}--><!--{$arrForm.addr01|h}--><!--{$arrForm.addr02|h}--></dd>
+
+         <dt>電話番号</dt>
+          <dd><!--{$arrForm.tel01|h}--> - <!--{$arrForm.tel02|h}--> - <!--{$arrForm.tel03|h}--></dd>
+        
+         <dt>FAX</dt>
+          <dd><!--{if strlen($arrForm.fax01) > 0 && strlen($arrForm.fax02) > 0 && strlen($arrForm.fax03) > 0}-->
               <!--{$arrForm.fax01|h}--> - <!--{$arrForm.fax02|h}--> - <!--{$arrForm.fax03|h}-->
-            <!--{else}-->
+              <!--{else}-->
               未登録
-            <!--{/if}-->
-          </td>
-        </tr>
-        <tr>
-          <th class="confirmtd">メールアドレス<span class="attention">※</span></th>
-          <td>
-            <a href="mailto:<!--{$arrForm.email|escape:'hex'}-->"><!--{$arrForm.email|escape:'hexentity'}--></a>
-          </td>
-        </tr>
-        <tr>
-          <th class="confirmtd">性別<span class="attention">※</span></th>
-          <td>
-            <!--{if $arrForm.sex eq 1}-->
-            男性
-            <!--{else}-->
-            女性
-            <!--{/if}-->
-          </td>
-        </tr>
-        <tr>
-          <th class="confirmtd">職業</th>
-          <td><!--{$arrJob[$arrForm.job]|default:"未登録"|h}--></td>
-        </tr>
-        <tr>
-          <th class="confirmtd">生年月日</th>
-          <td>
-            <!--{if strlen($arrForm.year) > 0 && strlen($arrForm.month) > 0 && strlen($arrForm.day) > 0}-->
-              <!--{$arrForm.year|h}-->年<!--{$arrForm.month|h}-->月<!--{$arrForm.day|h}-->日
-            <!--{else}-->
-            未登録
-            <!--{/if}-->
-          </td>
-        </tr>
-        <tr>
-          <th class="confirmtd">希望するパスワード<span class="attention">※</span><br />
-          </th>
-          <td><!--{$passlen}--></td>
-        </tr>
-        <tr>
-          <th class="confirmtd">パスワードを忘れた時のヒント<span class="attention">※</span></th>
-          <td>
-              質問：<!--{$arrReminder[$arrForm.reminder]|h}--><br />
-              答え：<!--{$arrForm.reminder_answer|h}-->
-          </td>
-        </tr>
-        <tr>
-          <th class="confirmtd">メールマガジン送付について<span class="attention">※</span></th>
-          <td>
-            <!--{if $arrForm.mailmaga_flg eq 1}-->
-            HTMLメール＋テキストメールを受け取る
-            <!--{elseif $arrForm.mailmaga_flg eq 2}-->
-            テキストメールを受け取る
-            <!--{else}-->
-            受け取らない
-            <!--{/if}-->
-          </td>
-        </tr>
-      </table>
+              <!--{/if}--></dd>
 
-      <div class="tblareabtn">
-        <a class="spbtn spbtn-medeum" href="?" onclick="fnModeSubmit('return', '', ''); return false;">戻る</a>&nbsp;
-        <input type="submit" value="送信" class="spbtn spbtn-shopping" width="130" height="30" alt="送信" name="send" id="send" />
-      </div>
-    </form>
-  </div>
-</div>
+         <dt>メールアドレス</dt>
+          <dd><a href="mailto:<!--{$arrForm.email|escape:'hex'}-->" rel="external"><!--{$arrForm.email|escape:'hexentity'}--></a></dd>
+        
+          <dt>性別</dt>
+          <dd><!--{if $arrForm.sex eq 1}-->
+              男性
+              <!--{else}-->
+              女性
+              <!--{/if}--></dd>
+        
+          <dt>職業</dt>
+           <dd><!--{$arrJob[$arrForm.job]|default:"未登録"|h}--></dd>
+
+          <dt>生年月日</dt>
+           <dd><!--{if strlen($arrForm.year) > 0 && strlen($arrForm.month) > 0 && strlen($arrForm.day) > 0}-->
+               <!--{$arrForm.year|h}-->年<!--{$arrForm.month|h}-->月<!--{$arrForm.day|h}-->日
+               <!--{else}-->
+               未登録
+               <!--{/if}--></dd>
+        
+          <dt>希望するパスワード</dt>
+           <dd><!--{$passlen}--></dd>
+        
+          <dt>パスワードを忘れた時のヒント</dt>
+           <dd>質問：<!--{$arrReminder[$arrForm.reminder]|h}--><br />
+               答え：<!--{$arrForm.reminder_answer|h}--></dd>
+
+          <dt>メールマガジン送付について</dt>
+           <dd><!--{if $arrForm.mailmaga_flg eq 1}-->
+               HTMLメール＋テキストメールを受け取る
+               <!--{elseif $arrForm.mailmaga_flg eq 2}-->
+               テキストメールを受け取る
+               <!--{else}-->
+               受け取らない
+               <!--{/if}--></dd>
+        </dl>
+
+       <!--★ボタン★-->
+       <div class="btn_area">
+          <ul class="btn_btm">
+            <li><input type="submit" value="送信" class="spbtn spbtn-shopping" width="130" height="30" alt="送信" name="send" id="send" /></li>
+            <li><a href="spbtn spbtn-medeum" href="?" onclick="fnModeSubmit('return', '', ''); return false;" class="btn_back">戻る</a></li>
+          </ul>
+       </div>
+     </form>
+</section>
 <!--▲CONTENTS-->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/entry/kiyaku.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/entry/kiyaku.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/entry/kiyaku.tpl	(revision 21050)
@@ -20,23 +20,28 @@
  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  *}-->
-<div id="undercolumn">
-    <div id="undercolumn_entry">
-        <h2 class="title"><!--{$tpl_title|h}--></h2>
-        <p><em>【重要】 会員登録をされる前に、下記ご利用規約をよくお読みください。</em><br />
-            規約には、本サービスを使用するに当たってのあなたの権利と義務が規定されております。<br />
-            「規約に同意して会員登録」ボタン をクリックすると、あなたが本規約の全ての条件に同意したことになります。</p>
-            <div class="tblareabtn">
-                <p><a href="<!--{$smarty.const.ENTRY_URL}-->" class="spbtn spbtn-shopping">
-                    規約に同意して会員登録</a></p>
-                <p><a href="<!--{$smarty.const.TOP_URLPATH}-->" class="spbtn spbtn-medeum">
-                    同意しない</a></p>
-            </div>
-            <div id="kiyaku_text"><!--{$tpl_kiyaku_text|nl2br}--></div>
-            <div class="tblareabtn">
-                <p><a href="<!--{$smarty.const.ENTRY_URL}-->" class="spbtn spbtn-shopping">
-                    規約に同意して会員登録</a></p>
-                <p><a href="<!--{$smarty.const.TOP_URLPATH}-->" class="spbtn spbtn-medeum">
-                    同意しない</a></p>
-            </div>
-    </div>
-</div>
+<!--▼CONTENTS-->                     
+<section id="undercolumn">
+       <h2 class="title"><!--{$tpl_title|h}--></h2>
+          <div class="information">
+             <p><span class="attention">【重要】 会員登録をされる前に、下記ご利用規約をよくお読みください。</span></p>
+             <p>規約には、本サービスを使用するに当たってのあなたの権利と義務が規定されております。<br />
+              「規約に同意して会員登録」ボタン をクリックすると、あなたが本規約の全ての条件に同意したことになります。</p>
+          </div>
+
+          <div class="btn_area">
+              <ul>
+                <li><a href="<!--{$smarty.const.ENTRY_URL}-->" class="btn" rel="external">同意して会員登録へ</a></li>
+                <li><a href="<!--{$smarty.const.TOP_URLPATH}-->" class="btn_back" rel="external">同意しない</a></li>
+              </ul>
+          </div>
+
+          <div id="kiyaku_text"><!--{$tpl_kiyaku_text|nl2br}--></div>
+
+          <div class="btn_area">
+              <ul class="btn_btm">
+                <li><a href="<!--{$smarty.const.ENTRY_URL}-->" class="btn" rel="external">同意して会員登録へ</a></li>
+                <li><a href="<!--{$smarty.const.TOP_URLPATH}-->" class="btn_back" rel="external">同意しない</a></li>
+              </ul>
+          </div>
+</section>
+<!--▲CONTENTS-->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/entry/index.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/entry/index.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/entry/index.tpl	(revision 21050)
@@ -20,25 +20,23 @@
  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  *}-->
- <!--▼CONTENTS-->
-<div id="undercolumn">
-    <div id="undercolumn_entry">
-        <h2 class="title"><!--{$tpl_title|h}--></h2>
-        <!--{if $smarty.const.CUSTOMER_CONFIRM_MAIL}-->
-            <p>ご登録されますと、まずは仮会員となります。<br />
-                入力されたメールアドレスに、ご連絡が届きますので、本会員になった上でお買い物をお楽しみください。</p>
-        <!--{/if}-->
-        <form name="form1" id="form1" method="post" action="?">
+<!--▼CONTENTS-->
+<section id="undercolumn">
+       <h2 class="title"><!--{$tpl_title|h}--></h2>
+          <div class="intro">
+            <p><span class="attention">※</span>は必須入力項目です。</p>
+          </div>
+
+      <form name="form1" id="form1" method="post" action="?">
             <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
             <input type="hidden" name="mode" value="confirm" />
 
-            <table summary="会員登録フォーム" class="entryform">
-            <!--{include file="`$smarty.const.SMARTPHONE_TEMPLATE_REALDIR`frontparts/form_personal_input.tpl" flgFields=3 emailMobile=false prefix=""}-->
-            </table>
+         <dl class="form_entry">
+          <!--{include file="`$smarty.const.SMARTPHONE_TEMPLATE_REALDIR`frontparts/form_personal_input.tpl" flgFields=3 emailMobile=false prefix=""}-->
+         </dl>
 
-            <div class="tblareabtn">
-            <input type="submit" value="確認ページへ" class="spbtn spbtn-shopping" width="130" height="30" alt="確認ページへ" name="confirm" id="confirm" />
-            </div>
+         <div class="btn_area">
+          <p><input type="submit" value="確認ページへ" class="btn data-role-none" alt="確認ページへ" name="confirm" id="confirm" /></p>
+         </div>
         </form>
-    </div>
-</div>
+</section>
 <!--▲CONTENTS-->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/entry/complete.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/entry/complete.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/entry/complete.tpl	(revision 21050)
@@ -21,23 +21,15 @@
  *}-->
 <!--▼CONTENTS-->
-<div id="undercolumn">
-  <div id="undercolumn_entry">
-    <h2 class="title"><!--{$tpl_title|h}--></h2>
-    <div id="completetext">
-      会員登録の受付が完了いたしました。
-      <p>現在<em>仮会員</em>の状態です。<br />
-        ご入力いただいたメールアドレス宛てに、ご連絡が届いておりますので、本会員登録になった上でお買い物をお楽しみください。<br />
-        今後ともご愛顧賜りますようよろしくお願い申し上げます。</p>
+<section id="undercolumn">
+       <h2 class="title"><!--{$tpl_title|h}--></h2>
+         <div class="thankstext">
+            <p>会員登録が完了いたしました。</p>
+         </div>
+       <hr>
+         <div id="completetext">
+            <p>今後ともご愛顧賜りますよう、よろしくお願い申し上げます。</p>
+            <a class="btn_s btn_sub" href="<!--{$smarty.const.TOP_URLPATH}-->">トップページへ</a>
+         </div>
+</section>
+<!--▲CONTENTS-->
 
-      <p><!--{$arrSiteInfo.company_name|h}--><br />
-        TEL：<!--{$arrSiteInfo.tel01}-->-<!--{$arrSiteInfo.tel02}-->-<!--{$arrSiteInfo.tel03}--> <!--{if $arrSiteInfo.business_hour != ""}-->（受付時間/<!--{$arrSiteInfo.business_hour}-->）<!--{/if}--><br />
-        E-mail：<a href="mailto:<!--{$arrSiteInfo.email02|escape:'hex'}-->"><!--{$arrSiteInfo.email02|escape:'hexentity'}--></a>
-      </p>
-
-    </div>
-      <div class="tblareabtn">
-	<a class="spbtn spbtn-medeum" href="<!--{$smarty.const.TOP_URLPATH}-->">トップページへ</a>
-      </div>
-  </div>
-</div>
-<!--▲CONTENTS-->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/form_personal_input.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/form_personal_input.tpl	(revision 20848)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/form_personal_input.tpl	(revision 21050)
@@ -22,200 +22,182 @@
  */
 *}-->
-<tr>
-  <th>お名前<span class="attention">※</span></th>
-  <td>
-    <!--{assign var=key1 value="`$prefix`name01"}-->
+ <dt>お名前<span class="attention">※</span></dt>
+  <dd>
+  <!--{assign var=key1 value="`$prefix`name01"}-->
     <!--{assign var=key2 value="`$prefix`name02"}-->
     <!--{if $arrErr[$key1] || $arrErr[$key2]}-->
     <div class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></div>
     <!--{/if}-->
-    姓&nbsp;<input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1]|h}-->" maxlength="<!--{$smarty.const.STEXT_LEN}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: active;" size="15" class="box120" />&nbsp;
-    名&nbsp;<input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2]|h}-->" maxlength="<!--{$smarty.const.STEXT_LEN}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: active;" size="15" class="box120" />
-  </td>
-</tr>
-<tr>
-  <th>フリガナ<span class="attention">※</span></th>
-  <td>
-    <!--{assign var=key1 value="`$prefix`kana01"}-->
+    <input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1]|h}-->" maxlength="<!--{$smarty.const.STEXT_LEN}-->" class="boxHarf text data-role-none" placeholder="姓" />&nbsp;&nbsp;
+    <input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2]|h}-->" maxlength="<!--{$smarty.const.STEXT_LEN}-->" class="boxHarf text data-role-none" placeholder="名" />
+  </dd>
+
+ <dt>お名前(フリガナ)<span class="attention">※</span></dt>
+  <dd>
+  <!--{assign var=key1 value="`$prefix`kana01"}-->
     <!--{assign var=key2 value="`$prefix`kana02"}-->
     <!--{if $arrErr[$key1] || $arrErr[$key2]}-->
     <div class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></div>
     <!--{/if}-->
-    セイ&nbsp;<input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1]|h}-->" maxlength="<!--{$smarty.const.STEXT_LEN}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: active;" size="15" class="box120" />&nbsp;
-    メイ&nbsp;<input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2]|h}-->" maxlength="<!--{$smarty.const.STEXT_LEN}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: active;" size="15" class="box120" />
-  </td>
-</tr>
-<tr>
-  <th>郵便番号<span class="attention">※</span></th>
-  <td>
-    <!--{assign var=key1 value="`$prefix`zip01"}-->
-    <!--{assign var=key2 value="`$prefix`zip02"}-->
-    <!--{assign var=key3 value="`$prefix`pref"}-->
-    <!--{assign var=key4 value="`$prefix`addr01"}-->
-    <!--{assign var=key5 value="`$prefix`addr02"}-->
-    <!--{if $arrErr[$key1] || $arrErr[$key2]}-->
-    <div class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></div>
-    <!--{/if}-->
-    〒&nbsp;<input type="number" name="<!--{$key1}-->" value="<!--{$arrForm[$key1]|h}-->" maxlength="<!--{$smarty.const.ZIP01_LEN}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: disabled;" size="6" class="box100" />&nbsp;-&nbsp;<input type="number" name="<!--{$key2}-->" value="<!--{$arrForm[$key2]|h}-->" maxlength="<!--{$smarty.const.ZIP02_LEN}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: disabled;" size="6" class="box100" />&nbsp;
-    <a href="http://search.post.japanpost.jp/zipcode/" target="_blank"><span class="fs12">郵便番号検索</span></a>
-    <p class="zipimg"><a href="<!--{$smarty.const.ROOT_URLPATH}-->input_zip.php" onclick="fnCallAddress('<!--{$smarty.const.INPUT_ZIP_URLPATH}-->', '<!--{$key1}-->', '<!--{$key2}-->', '<!--{$key3}-->', '<!--{$key4}-->'); return false;" target="_blank" class="oubtn">住所自動入力</a><br />
-<span class="mini">&nbsp;郵便番号を入力後、クリックしてください。</span></p>
-</td>
-</tr>
-<tr>
-  <th>住所<span class="attention">※</span></th>
-  <td>
-    <!--{if $arrErr[$key3] || $arrErr[$key4] || $arrErr[$key5]}-->
-    <div class="attention"><!--{$arrErr[$key3]}--><!--{$arrErr[$key4]}--><!--{$arrErr[$key5]}--></div>
-    <!--{/if}-->
-    <select name="<!--{$key3}-->" style="<!--{$arrErr[$key3]|sfGetErrorColor}-->">
-      <option value="" selected="selected">都道府県を選択</option>
-      <!--{html_options options=$arrPref selected=$arrForm[$key3]}-->
-    </select>
-    <p class="mini"><input type="text" name="<!--{$key4}-->" value="<!--{$arrForm[$key4]|h}-->" size="60" class="box300" style="<!--{$arrErr[$key4]|sfGetErrorColor}-->; ime-mode: active;" /><br />
-     <!--{$smarty.const.SAMPLE_ADDRESS1}--></p>
-    <p class="mini"><input type="text" name="<!--{$key5}-->" value="<!--{$arrForm[$key5]|h}-->" size="60" class="box300" style="<!--{$arrErr[$key5]|sfGetErrorColor}-->; ime-mode: active;" /><br />
-      <!--{$smarty.const.SAMPLE_ADDRESS2}--></p>
-    <p class="mini"><em>住所は2つに分けてご記入ください。マンション名は必ず記入してください。</em></p>
-  </td>
-</tr>
-<tr>
-  <th>電話番号<span class="attention">※</span></th>
-  <td>
-    <!--{assign var=key1 value="`$prefix`tel01"}-->
-    <!--{assign var=key2 value="`$prefix`tel02"}-->
-    <!--{assign var=key3 value="`$prefix`tel03"}-->
-    <!--{if $arrErr[$key1] || $arrErr[$key2] || $arrErr[$key3]}-->
-    <div class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--><!--{$arrErr[$key3]}--></div>
-    <!--{/if}-->
-    <input type="tel" name="<!--{$key1}-->" value="<!--{$arrForm[$key1]|h}-->" maxlength="<!--{$smarty.const.TEL_ITEM_LEN}-->" size="6" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: disabled;" class="box60" />&nbsp;-&nbsp;<input type="tel" name="<!--{$key2}-->" value="<!--{$arrForm[$key2]|h}-->" maxlength="<!--{$smarty.const.TEL_ITEM_LEN}-->" size="6" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: disabled;" class="box100" />&nbsp;-&nbsp;<input type="tel" name="<!--{$key3}-->" value="<!--{$arrForm[$key3]|h}-->" maxlength="<!--{$smarty.const.TEL_ITEM_LEN}-->" size="6" style="<!--{$arrErr[$key3]|sfGetErrorColor}-->; ime-mode: disabled;" class="box100" />
-  </td>
-</tr>
-<!--{if $flgFields > 1}-->
-<tr>
-  <th>FAX</th>
-  <td>
-    <!--{assign var=key1 value="`$prefix`fax01"}-->
-    <!--{assign var=key2 value="`$prefix`fax02"}-->
-    <!--{assign var=key3 value="`$prefix`fax03"}-->
-    <!--{if $arrErr[$key1] || $arrErr[$key2] || $arrErr[$key3]}-->
-    <div class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--><!--{$arrErr[$key3]}--></div>
-    <!--{/if}-->
-    <input type="tel" name="<!--{$key1}-->" value="<!--{$arrForm[$key1]|h}-->" maxlength="<!--{$smarty.const.TEL_ITEM_LEN}-->" size="6" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: disabled;" class="box60" />&nbsp;-&nbsp;<input type="tel" name="<!--{$key2}-->" value="<!--{$arrForm[$key2]|h}-->" maxlength="<!--{$smarty.const.TEL_ITEM_LEN}-->" size="6" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: disabled;" class="box100" />&nbsp;-&nbsp;<input type="tel" name="<!--{$key3}-->" value="<!--{$arrForm[$key3]|h}-->" maxlength="<!--{$smarty.const.TEL_ITEM_LEN}-->" size="6" style="<!--{$arrErr[$key3]|sfGetErrorColor}-->; ime-mode: disabled;" class="box100" />
-  </td>
-</tr>
-<tr>
-  <th>メールアドレス<span class="attention">※</span></th>
-  <td>
-    <!--{assign var=key1 value="`$prefix`email"}-->
-    <!--{assign var=key2 value="`$prefix`email02"}-->
-    <!--{if $arrErr[$key1] || $arrErr[$key2]}-->
-    <div class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></div>
-    <!--{/if}-->
-    <input type="email" name="<!--{$key1}-->" value="<!--{$arrForm[$key1]|h}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: disabled;" size="40" class="box300" /><br />
-    <input type="email" name="<!--{$key2}-->" value="<!--{$arrForm[$key2]|h}-->" style="<!--{$arrErr[$key1]|cat:$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: disabled;" size="40" class="box300" /><br />
-    <p class="mini"><em>確認のため2度入力してください。</em></p>
-  </td>
-</tr>
+    <input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1]|h}-->" maxlength="<!--{$smarty.const.STEXT_LEN}-->" class="boxHarf text data-role-none" placeholder="セイ"/>&nbsp;&nbsp;
+    <input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2]|h}-->" maxlength="<!--{$smarty.const.STEXT_LEN}-->" class="boxHarf text data-role-none" placeholder="メイ"/>
+  </dd>
+
+ <dt>郵便番号<span class="attention">※</span></dt>
+   <dd>
+  <!--{assign var=key1 value="`$prefix`zip01"}-->
+     <!--{assign var=key2 value="`$prefix`zip02"}-->
+     <!--{assign var=key3 value="`$prefix`pref"}-->
+     <!--{assign var=key4 value="`$prefix`addr01"}-->
+     <!--{assign var=key5 value="`$prefix`addr02"}-->
+     <!--{if $arrErr[$key1] || $arrErr[$key2]}-->
+     <div class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></div>
+     <!--{/if}-->
+     <p><input type="number" name="<!--{$key1}-->" value="<!--{$arrForm[$key1]|h}-->" maxlength="<!--{$smarty.const.ZIP01_LEN}-->" class="boxShort text data-role-none" />
+          &nbsp;－&nbsp;<input type="number" name="<!--{$key2}-->" value="<!--{$arrForm[$key2]|h}-->" maxlength="<!--{$smarty.const.ZIP02_LEN}-->" class="boxShort text data-role-none" />
+                     &nbsp;&nbsp;<a href="http://search.post.japanpost.jp/zipcode/" target="_blank" rel="external"><span class="mini">郵便番号検索</span></a></p>
+
+        <a href="javascript:fnCallAddress('<!--{$smarty.const.INPUT_ZIP_URLPATH}-->', '<!--{$key1}-->', '<!--{$key2}-->', '<!--{$key3}-->', '<!--{$key4}-->');" class="btn_sub btn_inputzip">郵便番号から住所自動入力</a>
+   </dd>
+
+ <dt>住所<span class="attention">※</span></dt>
+   <dd>
+  <!--{if $arrErr[$key3] || $arrErr[$key4] || $arrErr[$key5]}-->
+     <div class="attention"><!--{$arrErr[$key3]}--><!--{$arrErr[$key4]}--><!--{$arrErr[$key5]}--></div>
+     <!--{/if}-->
+       <select name="<!--{$key3}-->" style="<!--{$arrErr[$key3]|sfGetErrorColor}-->" class="boxMedium data-role-none">
+        <option value="" selected="selected">都道府県</option>
+        <!--{html_options options=$arrPref selected=$arrForm[$key3]}-->
+       </select>
+
+        <input type="text" name="<!--{$key4}-->" value="<!--{$arrForm[$key4]|h}-->" class="boxLong text data-role-none" placeholder="市区町村名" />
+        <input type="text" name="<!--{$key5}-->" value="<!--{$arrForm[$key5]|h}-->" class="boxLong text data-role-none" placeholder="番地・ビル名" />
+   </dd>
+  
+  <dt>電話番号<span class="attention">※</span></dt>
+   <dd>
+  <!--{assign var=key1 value="`$prefix`tel01"}-->
+     <!--{assign var=key2 value="`$prefix`tel02"}-->
+     <!--{assign var=key3 value="`$prefix`tel03"}-->
+     <!--{if $arrErr[$key1] || $arrErr[$key2] || $arrErr[$key3]}-->
+     <div class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--><!--{$arrErr[$key3]}--></div>
+     <!--{/if}-->
+       <input type="tel" name="<!--{$key1}-->" value="<!--{$arrForm[$key1]|h}-->" maxlength="<!--{$smarty.const.TEL_ITEM_LEN}-->" class="boxShort text data-role-none" />&nbsp;－&nbsp;<input type="tel" name="<!--{$key2}-->" value="<!--{$arrForm[$key2]|h}-->" maxlength="<!--{$smarty.const.TEL_ITEM_LEN}-->" class="boxShort text data-role-none" />&nbsp;－&nbsp;<input type="tel" name="<!--{$key3}-->" value="<!--{$arrForm[$key3]|h}-->" maxlength="<!--{$smarty.const.TEL_ITEM_LEN}-->" class="boxShort text data-role-none" />
+   </dd>
+ <!--{if $flgFields > 1}-->
+
+<dt>FAX</dt>
+   <dd>
+   <!--{assign var=key1 value="`$prefix`fax01"}-->
+     <!--{assign var=key2 value="`$prefix`fax02"}-->
+     <!--{assign var=key3 value="`$prefix`fax03"}-->
+     <!--{if $arrErr[$key1] || $arrErr[$key2] || $arrErr[$key3]}-->
+     <div class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--><!--{$arrErr[$key3]}--></div>
+     <!--{/if}-->
+       <input type="tel" name="<!--{$key1}-->" value="<!--{$arrForm[$key1]|h}-->" maxlength="<!--{$smarty.const.TEL_ITEM_LEN}-->" class="boxShort text data-role-none" />&nbsp;－&nbsp;<input type="tel" name="<!--{$key2}-->" value="<!--{$arrForm[$key2]|h}-->" maxlength="<!--{$smarty.const.TEL_ITEM_LEN}-->" class="boxShort text data-role-none" />&nbsp;－&nbsp;<input type="tel" name="<!--{$key3}-->" value="<!--{$arrForm[$key3]|h}-->" maxlength="<!--{$smarty.const.TEL_ITEM_LEN}-->" class="boxShort text data-role-none" />
+   </dd>
+
+  <dt>メールアドレス<span class="attention">※</span></dt>
+   <dd>
+  <!--{assign var=key1 value="`$prefix`email"}-->
+     <!--{assign var=key2 value="`$prefix`email02"}-->
+     <!--{if $arrErr[$key1] || $arrErr[$key2]}-->
+     <div class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></div>
+     <!--{/if}-->
+       <input type="email" name="<!--{$key1}-->" value="<!--{$arrForm[$key1]|h}-->" class="boxLong text data-role-none" />
+       <input type="email" name="<!--{$key2}-->" value="<!--{$arrForm[$key2]|h}-->" class="boxLong text data-role-none" placeholder="確認のため2回入力してください" />
+    </dd>
 <!--{if $emailMobile}-->
-<tr>
-  <th>携帯メールアドレス</th>
-  <td>
-    <!--{assign var=key1 value="`$prefix`email_mobile"}-->
-    <!--{assign var=key2 value="`$prefix`email_mobile02"}-->
-    <!--{if $arrErr[$key1] || $arrErr[$key2]}-->
-    <div class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></div>
-    <!--{/if}-->
-    <input type="email" name="<!--{$key1}-->" value="<!--{$arrForm[$key1]|h}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: disabled;" size="40" class="box300" /><br />
-    <input type="email" name="<!--{$key2}-->" value="<!--{$arrForm[$key2]|h}-->" style="<!--{$arrErr[$key1]|cat:$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: disabled;" size="40" class="box300" /><br />
-    <p class="mini"><em>確認のため2度入力してください。</em></p>
-  </td>
-</tr>
+
+  <dt>携帯メールアドレス<span class="attention">※</span></dt>
+   <dd>
+  <!--{assign var=key1 value="`$prefix`email_mobile"}-->
+     <!--{assign var=key2 value="`$prefix`email_mobile02"}-->
+     <!--{if $arrErr[$key1] || $arrErr[$key2]}-->
+     <div class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></div>
+     <!--{/if}-->
+       <input type="email" name="<!--{$key1}-->" value="<!--{$arrForm[$key1]|h}-->" class="boxLong text data-role-none" />
+       <input type="email" name="<!--{$key2}-->" value="<!--{$arrForm[$key2]|h}-->" class="boxLong text data-role-none" placeholder="確認のため2回入力してください" />
+   </dd>
 <!--{/if}-->
-<tr>
-  <th>性別<span class="attention">※</span></th>
-  <td>
-    <!--{assign var=key1 value="`$prefix`sex"}-->
-    <!--{if $arrErr[$key1]}-->
-    <div class="attention"><!--{$arrErr[$key1]}--></div>
-    <!--{/if}-->
-    <span style="<!--{$arrErr[$key1]|sfGetErrorColor}-->">
-<input class="radio_btn" type="radio" id="man" name="<!--{$key1}-->" value="1" <!--{if $arrForm[$key1] eq 1}--> checked="checked" <!--{/if}--> /><label for="man">男性</label>
-<input class="radio_btn" type="radio" id="woman" name="<!--{$key1}-->" value="2" <!--{if $arrForm[$key1] eq 2}--> checked="checked" <!--{/if}--> /><label for="woman">女性</label>
-    </span>
-  </td>
-</tr>
-<tr>
-  <th>職業</th>
-  <td>
-    <!--{assign var=key1 value="`$prefix`job"}-->
-    <!--{if $arrErr[$key1]}-->
-    <div class="attention"><!--{$arrErr[$key1]}--></div>
-    <!--{/if}-->
-    <select name="<!--{$key1}-->">
-      <option value="" selected="selected">選択してください</option>
-      <!--{html_options options=$arrJob selected=$arrForm[$key1]}-->
-    </select>
-  </td>
-</tr>
-<tr>
-  <th>生年月日</th>
-  <td>
-    <!--{assign var=errBirth value="`$arrErr.year``$arrErr.month``$arrErr.day`"}-->
-    <!--{if $errBirth}-->
-      <div class="attention"><!--{$errBirth}--></div>
-    <!--{/if}-->
-    <select class="birth" name="year" style="<!--{$errBirth|sfGetErrorColor}-->">
-      <!--{html_options options=$arrYear selected=$arrForm.year|default:''}-->
-    </select>年
-    <select class="birthT" name="month" style="<!--{$errBirth|sfGetErrorColor}-->">
-      <!--{html_options options=$arrMonth selected=$arrForm.month|default:''}-->
-    </select>月
-    <select class="birthT" name="day" style="<!--{$errBirth|sfGetErrorColor}-->">
-      <!--{html_options options=$arrDay selected=$arrForm.day|default:''}-->
-    </select>日
-  </td>
-</tr>
+
+  <dt>性別<span class="attention">※</span></dt>
+   <dd>
+   <!--{assign var=key1 value="`$prefix`sex"}-->
+     <!--{if $arrErr[$key1]}-->
+     <div class="attention"><!--{$arrErr[$key1]}--></div>
+     <!--{/if}-->
+     <span style="<!--{$arrErr[$key1]|sfGetErrorColor}-->">
+      <p><input type="radio" id="man" name="<!--{$key1}-->" value="1" <!--{if $arrForm[$key1] eq 1}--> checked="checked" <!--{/if}--> class="data-role-none" /><label for="man">男性</label>&nbsp;
+    <input type="radio" id="woman" name="<!--{$key1}-->" value="2" <!--{if $arrForm[$key1] eq 2}--> checked="checked" <!--{/if}--> class="data-role-none" /><label for="woman">女性</label></p>
+   </dd>
+     </span>
+ 
+ <dt>職業</dt>
+   <dd>
+   <!--{assign var=key1 value="`$prefix`job"}-->
+     <!--{if $arrErr[$key1]}-->
+     <div class="attention"><!--{$arrErr[$key1]}--></div>
+     <!--{/if}-->
+     <select name="<!--{$key1}-->" class="boxLong data-role-none">
+       <option value="" selected="selected">選択してください</option>
+       <!--{html_options options=$arrJob selected=$arrForm[$key1]}-->
+     </select>
+    </dd>
+
+  <dt>生年月日</dt>
+   <dd>
+   <!--{assign var=errBirth value="`$arrErr.year``$arrErr.month``$arrErr.day`"}-->
+     <!--{if $errBirth}-->
+     <div class="attention"><!--{$errBirth}--></div>
+     <!--{/if}-->
+     <select name="year" style="<!--{$errBirth|sfGetErrorColor}-->" class="boxShort data-role-none">
+   <!--{html_options options=$arrYear selected=$arrForm.year|default:''}-->
+     </select><span class="selectdate">年</span>
+     <select name="month" style="<!--{$errBirth|sfGetErrorColor}-->" class="boxShort data-role-none">
+       <!--{html_options options=$arrMonth selected=$arrForm.month|default:''}-->
+     </select><span class="selectdate">月</span>
+     <select name="day" style="<!--{$errBirth|sfGetErrorColor}-->" class="boxShort data-role-none">
+       <!--{html_options options=$arrDay selected=$arrForm.day|default:''}-->
+     </select><span class="selectdate">日</span>
+   </dd>
 <!--{if $flgFields > 2}-->
-<tr>
-  <th>希望するパスワード<span class="attention">※</span><br />
-  </th>
-  <td>
-    <!--{if $arrErr.password || $arrErr.password02}-->
-    <div class="attention"><!--{$arrErr.password}--><!--{$arrErr.password02}--></div>
-    <!--{/if}-->
-    <input type="password" name="password" value="<!--{$arrForm.password|h}-->" maxlength="<!--{$smarty.const.PASSWORD_MAX_LEN}-->" style="<!--{$arrErr.password|sfGetErrorColor}-->" size="15" class="box300" />
-    <p class="mini"><em>半角英数字<!--{$smarty.const.PASSWORD_MIN_LEN}-->～<!--{$smarty.const.PASSWORD_MAX_LEN}-->文字でお願いします。（記号不可）</em></p>
-    <input type="password" name="password02" value="<!--{$arrForm.password02|h}-->" maxlength="<!--{$smarty.const.PASSWORD_MAX_LEN}-->" style="<!--{$arrErr.password|cat:$arrErr.password02|sfGetErrorColor}-->" size="15" class="box300" />
-    <p class="mini"><em>確認のために2度入力してください。</em></p>
-  </td>
-</tr>
-<tr>
-  <th>パスワードを忘れた時のヒント<span class="attention">※</span></th>
-  <td>
-    <!--{if $arrErr.reminder || $arrErr.reminder_answer}-->
-    <div class="attention"><!--{$arrErr.reminder}--><!--{$arrErr.reminder_answer}--></div>
-    <!--{/if}-->
-    質問：<select class="hint" name="reminder" style="<!--{$arrErr.reminder|sfGetErrorColor}-->">
-      <option value="" selected="selected">選択してください</option>
+  
+<dt>希望するパスワード<span class="attention">※</span></dt>
+   <dd>
+  <!--{if $arrErr.password || $arrErr.password02}-->
+     <div class="attention"><!--{$arrErr.password}--><!--{$arrErr.password02}--></div>
+     <!--{/if}-->
+     <input type="password" name="password" value="<!--{$arrForm.password|h}-->" maxlength="<!--{$smarty.const.PASSWORD_MAX_LEN}-->" style="<!--{$arrErr.password|sfGetErrorColor}-->" class="boxLong text data-role-none" />
+     <input type="password" name="password02" value="<!--{$arrForm.password02|h}-->" maxlength="<!--{$smarty.const.PASSWORD_MAX_LEN}-->" style="<!--{$arrErr.password|cat:$arrErr.password02|sfGetErrorColor}-->" class="boxLong text data-role-none" placeholder="確認のため2回入力してください" />
+     <p class="attention mini">半角英数字<!--{$smarty.const.PASSWORD_MIN_LEN}-->～<!--{$smarty.const.PASSWORD_MAX_LEN}-->文字</p>
+   </dd>
+
+  <dt>パスワードを忘れた時のヒント<span class="attention">※</span></dt>
+   <dd>
+   <!--{if $arrErr.reminder || $arrErr.reminder_answer}-->
+     <div class="attention"><!--{$arrErr.reminder}--><!--{$arrErr.reminder_answer}--></div>
+     <!--{/if}-->
+     <select name="reminder" style="<!--{$arrErr.reminder|sfGetErrorColor}-->" class="boxLong data-role-none">
+      <option value="" selected="selected">質問を選択してください</option>
       <!--{html_options options=$arrReminder selected=$arrForm.reminder}-->
-    </select>
-    <br />
-    答え：<input type="text" name="reminder_answer" value="<!--{$arrForm.reminder_answer|h}-->" style="<!--{$arrErr.reminder_answer|sfGetErrorColor}-->; ime-mode: active;" size="40" class="box200" />
-  </td>
-</tr>
-<tr>
-  <th>メールマガジン送付について<span class="attention">※</span></th>
-  <td>
-    <!--{if $arrErr.mailmaga_flg}-->
-    <div class="attention"><!--{$arrErr.mailmaga_flg}--></div>
-    <!--{/if}-->
-    <span style="<!--{$arrErr.mailmaga_flg|sfGetErrorColor}-->">
-        <input class="radio_btn" type="radio" name="mailmaga_flg" value="1" id="html" <!--{if $arrForm.mailmaga_flg eq 1}--> checked="checked" <!--{/if}--> /><label for="html">HTMLメール＋テキストメールを受け取る</label><br />
-        <input class="radio_btn" type="radio" name="mailmaga_flg" value="2" id="text" <!--{if $arrForm.mailmaga_flg eq 2}--> checked="checked" <!--{/if}--> /><label for="text">テキストメールを受け取る</label><br />
-        <input class="radio_btn" type="radio" name="mailmaga_flg" value="3" id="no" <!--{if $arrForm.mailmaga_flg eq 3}--> checked="checked" <!--{/if}--> /><label for="no">受け取らない</label>
-    </span>
-  </td>
-</tr>
+     </select>
+
+      <input type="text" name="reminder_answer" value="<!--{$arrForm.reminder_answer|h}-->" class="boxLong text data-role-none" placeholder="質問の答えを入力してください" />
+   </dd>
+
+   <dt>メールマガジン<span class="attention">※</span></dt>
+    <dd>
+   <ul>
+   <!--{if $arrErr.mailmaga_flg}-->
+       <div class="attention"><!--{$arrErr.mailmaga_flg}--></div>
+       <!--{/if}-->
+       <span style="<!--{$arrErr.mailmaga_flg|sfGetErrorColor}-->">
+       <li><input type="radio" name="mailmaga_flg" value="1" id="html" <!--{if $arrForm.mailmaga_flg eq 1}--> checked="checked" <!--{/if}--> class="data-role-none" /><label for="html">HTMLメール＋テキストメールを受け取る</label></li>
+       <li><input type="radio" name="mailmaga_flg" value="2" id="text" <!--{if $arrForm.mailmaga_flg eq 2}--> checked="checked" <!--{/if}--> class="data-role-none" /><label for="text">テキストメールを受け取る</label></li>
+       <li><input type="radio" name="mailmaga_flg" value="3" id="no" <!--{if $arrForm.mailmaga_flg eq 3}--> checked="checked" <!--{/if}--> class="data-role-none" /><label for="no">受け取らない</label></li>
+</span>
+     </ul>
+    </dd>
 <!--{/if}-->
 <!--{/if}-->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/bloc/news.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/bloc/news.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/bloc/news.tpl	(revision 21050)
@@ -20,41 +20,118 @@
  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  *}-->
-<!--{assign var=mypage value="`$smarty.const.ROOT_URLPATH`mypage/index.php"}-->
-<!--{if $smarty.server.PHP_SELF != $mypage}-->
+<!-- ▼新着情報 -->
 
-<!--{if $arrNews}-->
-<div id="block-news" class="block-center">
-<div class="create-box">
+<section id="news_area">
+<h2 class="title_block">新着情報</h2>
+<ul class="newslist">
+  <!--{section name=data loop=$arrNews max=3}-->
+  <li>
+    <a #windowcolumn href="javascript:getNewsDetail(<!--{$arrNews[data].news_id}-->);">
+    <span class="news_title"><!--{$arrNews[data].news_title|h}--></span></a><br />
+    <span class="news_date"><!--{$arrNews[data].news_date_disp|date_format:"%Y年 %m月 %d日"}--></span>
+  </li>
+  </a>
+  <!--{/section}-->
+</ul>
 
-<!--{section name=data loop=$arrNews max=3}-->
-    <div class="anews">
-        <span><!--{$arrNews[data].news_date_disp|date_format:"%m&frasl;%d"}--></span>&nbsp;
-        <!--{if $arrNews[data].news_url}--><a href="<!--{$arrNews[data].news_url|h}-->"><!--{/if}--><!--{$arrNews[data].news_title|h}--><!--{if $arrNews[data].news_url}--></a><!--{/if}-->
-    </div>
-<!--{/section}-->
-
+<!--{if $newsCount > 3}-->
+<div class="btn_area">
+<p><a href="javascript: void(0);" class="btn_more" id="btn_more_news" onClick="getNews(3); return false;">もっとみる(＋3件)</a></p>
 </div>
-</div>
-
 <!--{/if}-->
+</section>
+<!-- ▲新着情報 -->
 
 
-<!--{elseif $smarty.server.PHP_SELF == $mypage}-->
+<script>
+var newsPageNo = 2;
 
-<!--{if $arrMemberNews}-->
-<h3>お知らせ</h3>
-<div id="block-news-mypage">
+function getNews(limit) {
+    $.mobile.pageLoading();
+    var i = limit;
+    
+    $.ajax({
+        url: "<!--{$smarty.const.HTTP_URL}-->frontparts/bloc/news.php",
+        type: "POST",
+           data: "mode=getList&pageno="+newsPageNo+"&disp_number="+i,
+           cache: false,
+           dataType: "json",
+           error: function(XMLHttpRequest, textStatus, errorThrown){
+            alert(textStatus);
+            $.mobile.pageLoading(true);
+           },
+           success: function(result){
+             for (var j = 0; j < i; j++) {
+                 if (result[j] != null) {
+                    var news = result[j];
+                    var maxCnt = $("#news_area ul.newslist li").length - 1;
+                    var newsEl = $("#news_area ul.newslist li").get(maxCnt);
+                    newsEl = $(newsEl).clone(true).insertAfter(newsEl);
+                    maxCnt++;
+                    
+                     //件名をセット
+                     $($("#news_area ul.newslist li a span.news_title").get(maxCnt)).text(news.news_title);
+                     
+                     //リンクをセット
+                     $($("#news_area ul.newslist li a").get(maxCnt)).attr("href", "javascript:getNewsDetail(" + news.news_id + ");");
+                     
+                     //年月をセット
+                     var newsDateDispArray = news.news_date_disp.split("-"); //ハイフンで年月日を分解
+                     var newsDateDisp = newsDateDispArray[0] + "年 " + newsDateDispArray[1] + "月 " + newsDateDispArray[2] + "日";
+                     $($("#news_area ul.newslist li span.news_date").get(maxCnt)).text(newsDateDisp);
+                 }
+             }
 
-<!--{section name=data loop=$arrMemberNews max=3}-->
-<div class=" ">
-<span><!--{$arrMemberNews[data].news_date_disp|date_format:"%m.%d"}--></span>&nbsp;
-<!--{if $arrMemberNews[data].news_url}--><a href="<!--{$arrMemberNews[data].news_url|h}-->"><!--{/if}-->
-<!--{$arrMemberNews[data].news_title|h}-->
-<!--{if $arrMemberNews[data].news_url}--></a><!--{/if}-->
-</div>
-<!--{/section}-->
+             //すべての新着情報を表示したか判定
+             var newsPageCount = result.news_page_count;
+             if (parseInt(newsPageCount) <= newsPageNo) {
+                 $("#btn_more_news").hide();
+             }
+             
+             newsPageNo++;
+             
+             $.mobile.pageLoading(true);
+           }
+    });
+}
 
-</div>
-<!--{/if}-->
+function getNewsDetail(newsId) {
+    $.mobile.pageLoading();
+    $.ajax({
+        url: "<!--{$smarty.const.HTTP_URL}-->frontparts/bloc/news.php",
+        type: "GET",
+           data: "mode=getDetail&news_id="+newsId,
+           cache: false,
+           dataType: "json",
+           error: function(XMLHttpRequest, textStatus, errorThrown){
+               alert(textStatus);
+               $.mobile.pageLoading(true);
+           },
+           success: function(result){
+             if (result[0] != null) {
+                 var news = result[0];
+                var maxCnt = 0;
+                
+                 //件名をセット
+                 $($("#windowcolumn dl.view_detail dt a").get(maxCnt)).text(news.news_title);
+                 if (news.news_url != null) {
+                     $($("#windowcolumn dl.view_detail dt a").get(maxCnt)).attr("href", news.news_url);
+                 } else {
+                     $($("#windowcolumn dl.view_detail dt a").get(maxCnt)).attr("href", "#");
+                 }
+                 
+                 //年月をセット
+                 //var newsDateDispArray = news.news_date_disp.split("-"); //ハイフンで年月日を分解
+                 //var newsDateDisp = newsDateDispArray[0] + "年 " + newsDateDispArray[1] + "月 " + newsDateDispArray[2] + "日";
+                 //$($("#windowcolumn dl.view_detail dt").get(maxCnt)).text(newsDateDisp);
 
-<!--{/if}-->
+                //コメントをセット
+                 $("#newsComment").text(news.news_comment);
+             }
+             
+             $.mobile.pageLoading(true);
+             $.mobile.changePage('#windowcolumn', 'slideup');
+           }
+    });
+}
+</script>
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/bloc/category.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/bloc/category.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/bloc/category.tpl	(revision 21050)
@@ -21,12 +21,8 @@
  *}-->
 <!--商品カテゴリーここから-->
-<div id="topcatarea">
-<h2 id="title-category" class="title-side">商品カテゴリ</h2>
-</div>
-
-<div id="block-category" class="block-side">
-  <div class="create-box">
-
-    <ul id="categorytree">
+<section id="category_area">
+<h2 class="title_block">商品カテゴリー</h2>
+<nav id="categorytree">
+<ul id="categorytree">
     <!--{assign var=preLev value=1}-->
     <!--{assign var=firstdone value=0}-->
@@ -52,5 +48,5 @@
           <!--{/if}-->
 
-          <li class="level<!--{$level}--><!--{if in_array($arrTree[cnt].category_id, $tpl_category_id)}--> onmark<!--{/if}-->"><span class="category_header"></span><span class="category_body"><a href="<!--{$smarty.const.ROOT_URLPATH}-->products/list.php?category_id=<!--{$arrTree[cnt].category_id}-->"<!--{if in_array($arrTree[cnt].category_id, $tpl_category_id)}--> class="onlink"<!--{/if}-->><!--{$arrTree[cnt].category_name|h}-->(<!--{$arrTree[cnt].product_count|default:0}-->)</a></span>
+          <li class="level<!--{$level}--><!--{if in_array($arrTree[cnt].category_id, $tpl_category_id)}--> onmark<!--{/if}-->"><span class="category_header"></span><span class="category_body"><a rel="external" href="<!--{$smarty.const.ROOT_URLPATH}-->products/list.php?category_id=<!--{$arrTree[cnt].category_id}-->"<!--{if in_array($arrTree[cnt].category_id, $tpl_category_id)}--> class="onlink"<!--{/if}-->><!--{$arrTree[cnt].category_name|h}-->(<!--{$arrTree[cnt].product_count|default:0}-->)</a></span>
             <!--{if $firstdone == 0}--><!--{assign var=firstdone value=1}--><!--{/if}-->
             <!--{assign var=preLev value=`$level`}-->
@@ -70,10 +66,6 @@
       <!--{/if}-->
     <!--{/section}-->
-    </ul>
+</ul>
 
-  </div>
-</div>
-
-<!--{if $arrTree|@count > 0}-->
 <script type="text/javascript" language="JavaScript">
 //<![CDATA[
@@ -81,5 +73,4 @@
 //]]>
 </script>
-<!--{/if}-->
-
-<!--商品カテゴリーここまで-->
+</section>
+<!-- ▲カテゴリ -->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/bloc/login_header.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/bloc/login_header.tpl	(revision 21050)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/bloc/login_header.tpl	(revision 21050)
@@ -0,0 +1,35 @@
+<!--{*
+ * This file is part of EC-CUBE
+ *
+ * Copyright(c) 2000-2011 LOCKON CO.,LTD. All Rights Reserved.
+ *
+ * http://www.lockon.co.jp/
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU General Public License
+ * as published by the Free Software Foundation; either version 2
+ * of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the Free Software
+ * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+ *}-->
+
+<nav class="header_navi">
+    <!--{if $tpl_login}-->
+        <p>ようこそ
+                                        <a href="<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/mypage/login.php" data-transition="slideup"><!--{$tpl_name1|h}--> <!--{$tpl_name2|h}--></a>さん</p>
+        <!--{if $smarty.const.USE_POINT !== false}-->
+            <p>所持ポイント<!--{$tpl_user_point|number_format|default:0}-->pt</p>
+        <!--{/if}-->
+    <!--{else}-->
+        <p>ようこそ 
+        ゲストさん</p>
+        <p><a rel="external" href="<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/entry/kiyaku.php">新規会員登録</a></p>
+    <!--{/if}-->
+</nav>
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/bloc/navi_header.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/bloc/navi_header.tpl	(revision 21050)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/bloc/navi_header.tpl	(revision 21050)
@@ -0,0 +1,105 @@
+<!--{*
+ * This file is part of EC-CUBE
+ *
+ * Copyright(c) 2000-2011 LOCKON CO.,LTD. All Rights Reserved.
+ *
+ * http://www.lockon.co.jp/
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU General Public License
+ * as published by the Free Software Foundation; either version 2
+ * of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the Free Software
+ * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+ *}-->
+
+<nav class="header_navi">
+<ul>
+ <li class="mypage"><img src="<!--{$TPL_URLPATH}-->img/header/btn_header_mypage.png" onclick="fnShowPopupmyPage(this)" width="30" height="20" alt="マイページ" /></li>
+ <li class="cart"><img src="<!--{$TPL_URLPATH}-->img/header/btn_header_cart.png" onclick="fnShowPopupCart(this)"width="30" height="20" alt="カート" /></li>
+</ul>
+</nav>
+<!--!!空ボックス -->
+<div class="popup_mypage">
+    <!--{if $tpl_login}-->
+        <span class="mini">ようこそ</span><br />
+        <a href="<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/mypage/login.php" data-transition="slideup"><!--{$tpl_name1|h}--> <!--{$tpl_name2|h}--></a>さん
+        <!--{if $smarty.const.USE_POINT !== false}-->
+            <p>所持ポイント<!--{$tpl_user_point|number_format|default:0}-->pt</p>
+        <!--{/if}-->
+    <!--{else}-->
+        ようこそ<br />
+        ゲストさん
+        <p><a href="<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/entry/kiyaku.php" rel="external">新規会員登録</a></p>
+    <!--{/if}-->
+</div>
+
+<div class="popup_cart">
+<!--{if count($arrCartList) > 0}-->
+    <h2><a rel="external" href="<!--{$smarty.const.CART_URLPATH|h}-->">カートの中</a></h2>
+    <!--{foreach from=$arrCartList item=key}-->
+        <div class="normal_item">
+            <p><span class="product_type">[<!--{$key.productTypeName|h}-->]</span></p>
+            <p><span class="mini">商品数:</span><span class="quantity"><!--{$key.quantity|number_format}--></span>点<br />
+                <span class="mini">合計:</span><span class="money"><!--{$key.totalInctax|number_format}--></span>円(税込)</p>
+            <hr class="dashed" />
+            <!--{if $freeRule > 0 && $key.productTypeName|h == "通常商品"}-->
+                <!--{if $key.delivFree > 0}-->
+                    <p class="attention free_money_area">あと<span class="free_money"><!--{$key.delivFree|number_format}--></span>円で送料無料！</p>
+                <!--{else}-->
+                    <p class="attention free_money_area">現在、送料無料です！</p>
+                <!--{/if}-->
+            <!--{/if}-->
+        </div>
+    <!--{/foreach}-->
+<!--{else}-->
+   ※ 現在カート内に商品はございません。
+<!--{/if}-->
+</div>
+
+
+<script>
+var stateMyPage = 0;
+var stateCart = 0;
+function fnShowPopupmyPage(el) {
+    $("div.popup_mypage").css("left", $(el).offset().left - $("div.popup_mypage").width() - $(el).width() + 5);
+    $("div.popup_mypage").toggle();
+    //表示状態の更新
+    if (stateMyPage == 0) {
+        stateMyPage = 1;
+    } else {
+        stateMyPage = 0;
+    }
+    
+    //カート情報の非表示化
+    if (stateCart == 1) {
+        $("div.popup_cart").hide();
+        stateCart = 0;
+    }
+}
+
+function fnShowPopupCart(el) {
+    $("div.popup_cart").css("left", $(el).offset().left - $("div.popup_cart").width() - $(el).width() + 5);
+    $("div.popup_cart").toggle();
+    //表示状態の更新
+    if (stateCart == 0) {
+        stateCart = 1;
+    } else {
+        stateCart = 0;
+    }
+    
+    //カート情報の非表示化
+    if (stateMyPage == 1) {
+        $("div.popup_mypage").hide();
+        stateMyPage = 0;
+    }
+}
+
+</script>
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/bloc/login_footer.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/bloc/login_footer.tpl	(revision 21050)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/bloc/login_footer.tpl	(revision 21050)
@@ -0,0 +1,39 @@
+<!--{*
+ * This file is part of EC-CUBE
+ *
+ * Copyright(c) 2000-2011 LOCKON CO.,LTD. All Rights Reserved.
+ *
+ * http://www.lockon.co.jp/
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU General Public License
+ * as published by the Free Software Foundation; either version 2
+ * of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the Free Software
+ * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+ *}-->
+<section class="footer_status_area">
+
+<!--{if $tpl_login}-->
+  <form name="login_form_footer" id="login_form_footer" method="post" action="<!--{$smarty.const.HTTPS_URL}-->frontparts/login_check.php" onsubmit="return fnCheckLogin('login_form_footer')">
+            <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
+            <input type="hidden" name="mode" value="logout" />
+            <input type="hidden" name="url" value="<!--{$smarty.server.PHP_SELF|h}-->" />
+  </form>
+  <p>ようこそ <a rel="external" href="<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/mypage/login.php" data-transition="slideup"><!--{$tpl_name1|h}--> <!--{$tpl_name2|h}--></a>さん</p>
+  <!--{if $smarty.const.USE_POINT !== false}-->
+      <p>所持ポイント<!--{$tpl_user_point|number_format|default:0}-->pt</p>
+  <!--{/if}-->
+  <p><a rel="external" href="javascript:void(document.login_form_footer.submit())" class="btn_btm">ログアウト</a></p>
+<!--{else}-->
+  <p>ようこそ ゲストさん</p>
+  <p><a rel="external" href="<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/entry/kiyaku.php" class="btn_btm">新規会員登録</a></p>
+<!--{/if}-->
+</section>
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/bloc/login.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/bloc/login.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/bloc/login.tpl	(revision 21050)
@@ -20,14 +20,22 @@
  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  *}-->
-<!--▼ログインここから-->
-<div id="block-login" class="block-side">
-  <div class="create-box clearfix">
-    <!--{if $tpl_login}-->
-      <a href="<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/mypage/login.php" class="spbtn">マイページ</a>
-    <!--{else}-->
-<a href="<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/entry/kiyaku.php" class="spbtn">会員登録</a><a href="<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/mypage/login.php" class="spbtn">ログイン</a></div>
-    <!--{/if}-->
-    <!--ログインフォーム-->
-  </div>
-</div>
-<!--▲ログインここまで-->
+<nav class="top_menu clearfix">
+ <!--{if $tpl_login}-->
+<ul>
+  <li><a rel="external" href="javascript:void(document.login_form_bloc.submit())"><img src="<!--{$TPL_URLPATH}-->img/icon/ico_login.png" width="22" height="21" alt="ログアウト" />ログアウト</a></li>
+  <li><a rel="external" href="<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/mypage/login.php" data-transition="slideup"><img src="<!--{$TPL_URLPATH}-->img/icon/ico_mypage.png" width="22" height="21" alt="MYページ" />MYページ</a></li>
+  <li><a rel="external" href="<!--{$smarty.const.CART_URLPATH|h}-->"><img src="<!--{$TPL_URLPATH}-->img/icon/ico_cart.png" width="22" height="21" alt="カートを見る" />カートを見る</a></li>
+</ul>
+<!--{else}-->
+<ul>
+  <li><a href="<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/mypage/login.php" data-transition="slideup"><img src="<!--{$TPL_URLPATH}-->img/icon/ico_login.png" width="22" height="21" alt="ログイン" />ログイン</a></li>
+  <li><a href="<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/mypage/login.php" data-transition="slideup"><img src="<!--{$TPL_URLPATH}-->img/icon/ico_mypage.png" width="22" height="21" alt="MYページ" />MYページ</a></li>
+  <li><a rel="external" href="<!--{$smarty.const.CART_URLPATH|h}-->"><img src="<!--{$TPL_URLPATH}-->img/icon/ico_cart.png" width="22" height="21" alt="カートを見る" />カートを見る</a></li>
+</ul>
+<!--{/if}-->
+</nav>
+<form name="login_form_bloc" id="login_form_bloc" method="post" action="<!--{$smarty.const.HTTPS_URL}-->frontparts/login_check.php" onsubmit="return fnCheckLogin('login_form_bloc')">
+        <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
+        <input type="hidden" name="mode" value="logout" />
+        <input type="hidden" name="url" value="<!--{$smarty.server.PHP_SELF|h}-->" />
+</form>
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/bloc/recommend.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/bloc/recommend.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/bloc/recommend.tpl	(revision 21050)
@@ -20,57 +20,54 @@
  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  *}-->
+<!-- ▼おすすめ商品 -->
 <!--{if count($arrBestProducts) > 0}-->
-<div id="recomendarea" class="bloc_outer">
-    <h2>おすすめ商品</h2>
-    <!--{section name=cnt loop=$arrBestProducts step=2}-->
-
-
-
-    <div class="recomendblock">
-        <div class="recomendleft">
-
-            <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrBestProducts[cnt].product_id|u}-->">
-                <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrBestProducts[cnt].main_list_image|sfNoImageMainList|h}-->&amp;width=80&amp;height=80" alt="<!--{$arrBestProducts[cnt].name|h}-->" /></a>
-            
-            <div class="recomendrightblock">
-                <h3>
-                    <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrBestProducts[cnt].product_id|u}-->"><!--{$arrBestProducts[cnt].name|h}--></a>
-                </h3>
-
-                <!--{assign var=price01 value=`$arrBestProducts[cnt].price01_min`}-->
-                <!--{assign var=price02 value=`$arrBestProducts[cnt].price02_min`}-->
-
-                <p class="sale_price"><!--<span class="mini">-->販売価格(税込):<!--</span>-->
-                    <span class="price"><!--{$price02|sfCalcIncTax:$arrInfo.tax:$arrInfo.tax_rule|number_format}--> 円</span>
-                </p>
-
-                <p class="mini comment"><!--{$arrBestProducts[cnt].comment|h|nl2br}--></p>
+<section id="recomend_area" class="mainImageInit">
+<h2>おすすめ商品</h2>
+<ul>
+<!--{section name=cnt loop=$arrBestProducts step=2}-->
+        <li id="mainImage0">
+          <a rel="external" href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrBestProducts[cnt].product_id|u}-->">
+            <div class="recomendblock clearfix">
+              <a rel="external" href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrBestProducts[cnt].product_id|u}-->">
+              <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrBestProducts[cnt].main_list_image|sfNoImageMainList|h}-->&amp;width=80&amp;height=80" alt="<!--{$arrBestProducts[cnt].name|h}-->" /></a>
+              <div class="productContents">
+                <h3><a rel="external" href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrBestProducts[cnt].product_id|u}-->"><!--{$arrBestProducts[cnt].name|h}--></a></h3>
+                  <p class="mini comment"><!--{$arrBestProducts[cnt].comment|h|nl2br}--></p>
+                    <!--{assign var=price01 value=`$arrBestProducts[cnt].price01_min`}-->
+                    <!--{assign var=price02 value=`$arrBestProducts[cnt].price02_min`}-->
+                  <p class="sale_price"><span class="mini"><!--<span class="mini">-->販売価格(税込):<!--</span>--></span><span class="price"><!--{$price02|sfCalcIncTax:$arrInfo.tax:$arrInfo.tax_rule|number_format}--> 円</span></p> 
+              </div>
             </div>
-        </div>
-        
+          </a>
+        </li>
         <!--{assign var=cnt2 value=`$smarty.section.cnt.iteration*$smarty.section.cnt.step-1`}-->
         <!--{if $arrBestProducts[$cnt2]|count > 0}-->
-        <div class="recomendright">
-            <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrBestProducts[$cnt2].product_id|u}-->">
+          <li id="mainImage0">
+            <a rel="external" href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrBestProducts[$cnt2].product_id|u}-->">
+              <div class="recomendblock clearfix">
+                <a rel="external" href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrBestProducts[$cnt2].product_id|u}-->">
                 <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrBestProducts[$cnt2].main_list_image|sfNoImageMainList|h}-->&amp;width=80&amp;height=80" alt="<!--{$arrBestProducts[$cnt2].name|h}-->" /></a>
+                <div class="productContents">
+                  <h3><a rel="external" href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrBestProducts[$cnt2].product_id|u}-->"><!--{$arrBestProducts[$cnt2].name|h}--></a></h3>
+                    <p class="mini comment"><!--{$arrBestProducts[$cnt2].comment|h|nl2br}--></p>
+                      <!--{assign var=price01 value=`$arrBestProducts[$cnt2].price01_min`}-->
+                      <!--{assign var=price02 value=`$arrBestProducts[$cnt2].price02_min`}-->
+                    <p class="sale_price"><span class="mini"><!--<span class="mini">-->販売価格(税込):</span><!--</span>--><span class="price"><!--{$price02|sfCalcIncTax:$arrInfo.tax:$arrInfo.tax_rule|number_format}--> 円</span></p> 
+                </div>
+              </div>
+            </a>
+          </li>
+        <!--{/if}-->
+    <!--{/section}-->
+</ul>    
+</section>
+<!--{/if}-->
+<!-- ▲おすすめ商品 -->
 
-            <div class="recomendrightblock">
-                <h3>
-                <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrBestProducts[$cnt2].product_id|u}-->"><!--{$arrBestProducts[$cnt2].name|h}--></a>
-                </h3>
-
-                <!--{assign var=price01 value=`$arrBestProducts[$cnt2].price01_min`}-->
-                <!--{assign var=price02 value=`$arrBestProducts[$cnt2].price02_min`}-->
-
-                <p class="sale_price"><!--<span class="mini">-->販売価格(税込):<!--</span>-->
-                    <span class="price"><!--{$price02|sfCalcIncTax:$arrInfo.tax:$arrInfo.tax_rule|number_format}--> 円</span>
-                </p>
-
-                <p class="mini comment"><!--{$arrBestProducts[$cnt2].comment|h|nl2br}--></p>
-            </div>
-        </div>
-        <!--{/if}-->
-    </div>
-    <!--{/section}-->
-</div>
-<!--{/if}-->
+<script type="application/javascript"> 
+<!--//
+$(function(){
+    $('#recomend_area ul li').flickSlide({target:'#recomend_area>ul', duration:5000});
+});
+//-->
+</script>
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/bloc/navi_footer.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/bloc/navi_footer.tpl	(revision 21050)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/frontparts/bloc/navi_footer.tpl	(revision 21050)
@@ -0,0 +1,32 @@
+<!--{*
+ * This file is part of EC-CUBE
+ *
+ * Copyright(c) 2000-2011 LOCKON CO.,LTD. All Rights Reserved.
+ *
+ * http://www.lockon.co.jp/
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU General Public License
+ * as published by the Free Software Foundation; either version 2
+ * of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the Free Software
+ * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
+ *}-->
+<ul class="footer_navi">
+<!--{if $tpl_login}-->
+    <li><a rel="external" href="<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/mypage/login.php"><img src="<!--{$TPL_URLPATH}-->img/button/btn_footer_mypage_off.png" alt="MYページ" width="75" height="50" /></a></li>
+    <li><a rel="external" href="<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/mypage/favorite.php"><img src="<!--{$TPL_URLPATH}-->img/button/btn_footer_favorite_off.png" alt="お気に入り" width="75" height="50" /></a></li>
+<!--{else}-->
+    <li><a data-transition="slideup" href="<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/mypage/login.php"><img src="<!--{$TPL_URLPATH}-->img/button/btn_footer_mypage_off.png" alt="MYページ" width="75" height="50" /></a></li>
+    <li><a data-transition="slideup" href="<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/mypage/login.php"><img src="<!--{$TPL_URLPATH}-->img/button/btn_footer_favorite_off.png" alt="お気に入り" width="75" height="50" /></a></li>
+<!--{/if}-->
+<li><a rel="external" href="<!--{$smarty.const.CART_URLPATH|h}-->"><img src="<!--{$TPL_URLPATH}-->img/button/btn_footer_cart_off.png" alt="カート" width="75" height="50" /></a></li>
+<li><a rel="external" href="<!--{$smarty.const.ROOT_URLPATH}-->"><img src="<!--{$TPL_URLPATH}-->img/button/btn_footer_home_off.png" alt="HOME" width="75" height="50" /></a></li>
+</ul>
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/products/detail.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/products/detail.tpl	(revision 20976)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/products/detail.tpl	(revision 21050)
@@ -21,4 +21,5 @@
  *}-->
 <script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/products.js"></script>
+<script src="<!--{$TPL_URLPATH}-->js/jquery.flickslide.js"></script>
 <script type="text/javascript">//<![CDATA[
 // 規格2に選択肢を割り当てる。
@@ -30,378 +31,358 @@
     setClassCategories($form, product_id, $sele1, $sele2, classcat_id2_selected);
 }
+$(function(){
+    $('#detailphotoblock ul li').flickSlide({target:'#detailphotoblock>ul', duration:5000});
+    $('#whobought_area ul li').flickSlide({target:'#whobought_area>ul', duration:5000});
+    //サブエリアとお勧めエリアを非表示にする（初期値）
+    $("#sub_area").hide();
+    $("#whobought_area").hide();
+});
+//サブエリアの表示/非表示
+var speed = 1000; //表示アニメのスピード（ミリ秒）
+var stateSub = 1;
+function fnSubToggle(areaEl, imgEl) {
+    areaEl.toggle(speed);
+    if (stateSub == 0) {
+        $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/common/btn_plus.png");
+        stateSub = 1;
+    } else {
+        $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/common/btn_minus.png");
+        stateSub = 0
+    }
+}
+//お勧めエリアの表示/非表示
+var statewhobought = 1;
+function fnWhoboughtToggle(areaEl, imgEl) {
+    areaEl.toggle(speed);
+    if (statewhobought == 0) {
+        $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/common/btn_plus.png");
+        statewhobought = 1;
+    } else {
+        $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/common/btn_minus.png");
+        statewhobought = 0
+    }
+}
 //]]>
 </script>
 
 <!--▼CONTENTS-->
-<div id="undercolumn" class="product product_detail">
-
-    <!--★タイトル★-->
-    <h2 class="title"><!--{$tpl_subtitle|h}--></h2>
-
-    <div id="detailarea">
-        <div id="detailphotoblock">
-
-            <!--{assign var=key value="main_image"}-->
-
-            <!--★画像★-->
-            <a
-                <!--{if $arrProduct.main_large_image|strlen >= 1}-->
-                    href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_large_image|h}-->"
-                    class="expansion"
-                    onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_expansion_on.gif','expansion01');"
-                    onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_expansion.gif','expansion01');"
-                    target="_blank"
-                <!--{/if}-->
-            >
-                <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_large_image|h}-->" width="<!--{$arrFile[$key].width}-->" height="<!--{$arrFile[$key].height}-->" alt="<!--{$arrProduct.name|h}-->" class="picture" /><br />
-                <!--★拡大する★-->
-                <!--{if $arrProduct.main_large_image|strlen >= 1}-->
-                    <img src="<!--{$TPL_URLPATH}-->img/button/btn_expansion.gif" width="85" height="13" alt="画像を拡大する" name="expansion01" id="expansion01" />
-                <!--{/if}-->
-            </a>
-        </div>
-
-        <div id="detailrightblock">
-            <!--▼商品ステータス-->
-            <!--{assign var=ps value=$productStatus[$smarty.get.product_id]}-->
-            <!--{if count($ps) > 0}-->
-                <ul class="status_icon">
-                    <li>
-                    <!--{foreach from=$ps item=status}-->
-                        <img src="<!--{$TPL_URLPATH}--><!--{$arrSTATUS_IMAGE[$status]}-->" width="65" height="17" alt="<!--{$arrSTATUS[$status]}-->" id="icon<!--{$status}-->" />
-                    <!--{/foreach}-->
-                    </li>
-                </ul>
-            <!--{/if}-->
-            <!--▲商品ステータス-->
-
-            <!--★ダウンロード販売★-->
-            <!--{if $arrProduct.down == 2}-->
-                <div><font color="red">本商品はダウンロード販売となります。<br /> 購入後はMYページの購入履歴からダウンロード可能です。</font></div><br />
-            <!--{/if}-->
-
-            <table>
-                <tr>
-                    <th colspan="2">
-                        <!--★商品名★-->
-                        <h2 class="product_name"><!--{$arrProduct.name|h}--></h2>
-                    </th>
-                </tr>
-                 <tr>
-                    <th>
-                        <div class="product_code">商品コード</div>
-                    </th>
-                     <td class="product_td">
-                     <span id="product_code_default">
-                    <!--{if $arrProduct.product_code_min == $arrProduct.product_code_max}-->
-                        <!--{$arrProduct.product_code_min|h}-->
-                    <!--{else}-->
-                        <!--{$arrProduct.product_code_min|h}-->～<!--{$arrProduct.product_code_max|h}-->
-                    <!--{/if}-->
-                </span><span id="product_code_dynamic"></span>
-                     </td>
-                </tr>
-                <tr>
-                    <th>
-                        <!--★販売価格★-->
-                        <div class="sale_price"><!--{$smarty.const.SALE_PRICE_TITLE}-->(税込)</div>
-                    </th>
-                    <td class="product_td">
-                        <span class="price">
-                            <span id="price02_default">
-                                <!--{if $arrProduct.price02_min == $arrProduct.price02_max}-->
-                                    <!--{$arrProduct.price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
-                                <!--{else}-->
-                                    <!--{$arrProduct.price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->～<!--{$arrProduct.price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
-                                <!--{/if}-->
-                            </span><span id="price02_dynamic"></span>
-                            円
-                        </span>
-                    </td>
-                </tr>
-                <!--★通常価格★-->
-                <!--{if $arrProduct.price01_max > 0}-->
-                <tr>
-                    <th>
-                        <div class="normal_price">
-                            <!--{$smarty.const.NORMAL_PRICE_TITLE}-->(税込)
-                        </div>
-                    </th>
-                    <td class="product_td">
-                        <span class="price">
-                            <span id="price01_default">
-                                <!--{if $arrProduct.price01_min == $arrProduct.price01_max}-->
-                                    <!--{$arrProduct.price01_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
-                                <!--{else}-->
-                                    <!--{$arrProduct.price01_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->～<!--{$arrProduct.price01_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
-                                <!--{/if}-->
-                            </span><span id="price01_dynamic"></span>
-                            円
-                        </span>
-                    </td>
-                </tr>    
-                <!--{/if}-->
-
-
-                <!--★ポイント★-->
-                <!--{if $smarty.const.USE_POINT !== false}-->
-                <tr>
-                    <th>
-                        <div class="sale_price">ポイント</div>
-                    </th>
-                    <td class="product_td">
-                        <span id="point_default">
-                            <!--{if $arrProduct.price02_min == $arrProduct.price02_max}-->
-                                <!--{$arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate|number_format}-->
-                            <!--{else}-->
-                                <!--{if $arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate == $arrProduct.price02_max|sfPrePoint:$arrProduct.point_rate}-->
-                                    <!--{$arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate|number_format}-->
-                                <!--{else}-->
-                                    <!--{$arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate|number_format}-->～<!--{$arrProduct.price02_max|sfPrePoint:$arrProduct.point_rate|number_format}-->
-                                <!--{/if}-->
-                            <!--{/if}-->
-                            </span><span id="point_dynamic">
-                            Pt
-                        </span>
-                    </td>
-                </tr>
-                <!--{/if}-->
-
-                <!--▼メーカーURL-->
-                <!--{if $arrProduct.comment1|strlen >= 1}-->
-                <tr>
-                    <th>
-                        <span class="comment1">メーカーURL
-                    </th>
-                    <td class="product_td">
-                            <a href="<!--{$arrProduct.comment1|h}-->">
-                                <!--{$arrProduct.comment1|h}--></a>
-                    </td>
-                </tr>
-                <!--{/if}-->
-                <!--▲メーカーURL-->
-
-                <!--★関連カテゴリ★-->
-                <tr>
-                    <th>
-                        <div class="relative_cat">関連カテゴリ</div>
-                    </th>
-                    <td class="product_td">
-                        <!--{section name=r loop=$arrRelativeCat}-->
-                        <p class="no_margin">
-                            <!--{section name=s loop=$arrRelativeCat[r]}-->
-                            <a href="<!--{$smarty.const.ROOT_URLPATH}-->products/list.php?category_id=<!--{$arrRelativeCat[r][s].category_id}-->"><!--{$arrRelativeCat[r][s].category_name}--></a>
-                            <!--{if !$smarty.section.s.last}--><!--{$smarty.const.SEPA_CATNAVI}--><!--{/if}-->
-                            <!--{/section}-->
-                        </p>
-                        <!--{/section}-->
-                    </td>
-                </tr>
-                <tr>
-                    <td colspan="2" class="product_td">
-                            <!--★詳細メインコメント★-->
-                            <div class="main_comment"><!--{$arrProduct.main_comment|nl2br_html}--></div>
-                    </td>
-                </tr>
-            </table>
-
-            <!--▼買い物かご-->
-            <form name="form1" id="form1" method="post" action="?">
-                <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-                <input type="hidden" name="mode" value="cart" />
-                <input type="hidden" name="product_id" value="<!--{$tpl_product_id}-->" />
-                <input type="hidden" name="product_class_id" value="<!--{$tpl_product_class_id}-->" id="product_class_id" />
-                <input type="hidden" name="favorite_product_id" value="" />
-
-
-                <!--{if $tpl_stock_find}-->
-                    <dl>
-                        <!--{if $tpl_classcat_find1}-->
-                            <!--▼規格1-->
-                            <dt><!--{$tpl_class_name1|h}--></dt>
-                            <dd>
-                                <select name="classcategory_id1"
-                                    style="<!--{$arrErr.classcategory_id1|sfGetErrorColor}-->"
-                                    onchange="fnSetClassCategories(this.form);"
-                                >
-                                    <!--{html_options options=$arrClassCat1 selected=$arrForm.classcategory_id1.value}-->
-                                </select>
-                                <!--{if $arrErr.classcategory_id1 != ""}-->
-                                    <br /><span class="attention">※ <!--{$tpl_class_name1}-->を入力して下さい。</span>
-                                <!--{/if}-->
-                            </dd>
-                            <!--▲規格1-->
-                        <!--{/if}-->
-
-                        <!--{if $tpl_classcat_find2}-->
-                            <!--▼規格2-->
-                            <dt><!--{$tpl_class_name2|h}--></dt>
-                            <dd>
-                                <select name="classcategory_id2"
-                                    style="<!--{$arrErr.classcategory_id2|sfGetErrorColor}-->"
-                                    onchange="fnCheckStock(this.form);"
-                                >
-                                </select>
-                                <!--{if $arrErr.classcategory_id2 != ""}-->
-                                    <br /><span class="attention">※ <!--{$tpl_class_name2}-->を入力して下さい。</span>
-                                <!--{/if}-->
-                            </dd>
-                            <!--▲規格2-->
-                        <!--{/if}-->
-
-                        <dt>数量</dt>
-                        <dd>
-                            <input type="text" name="quantity" class="box54" value="<!--{$arrForm.quantity.value|default:1|h}-->" maxlength="<!--{$smarty.const.INT_LEN}-->" style="<!--{$arrErr.quantity|sfGetErrorColor}-->" />
-                            <!--{if $arrErr.quantity != ""}-->
-                                <br /><span class="attention"><!--{$arrErr.quantity}--></span>
-                            <!--{/if}-->
-                        </dd>
-                    </dl>
-                <!--{/if}-->
-
-                <div class="btn">
-                    <!--{if $smarty.const.OPTION_FAVOFITE_PRODUCT == 1 && $tpl_login === true}-->
-
-                    <!--{/if}-->
-
-                    <!--{if $tpl_stock_find}-->
-                        <div id="cartbtn_default">
-                            <!--★カゴに入れる★-->
-                            <div>
-                               <a href="javascript:void(document.form1.submit())" class="spbtn spbtn-agree">
-                                    カゴに入れる
-                                </a>
-                            </div>
-                            <!--{if 'sfGMODetailDisplay'|function_exists}--><!--{* GMOワンクリック *}-->
-                                <!--{'sfGMODetailDisplay'|call_user_func}-->
-                            <!--{/if}-->
-                        </div>
-                        <div class="attention" id="cartbtn_dynamic"></div>
-                    <!--{else}-->
-                        <div class="attention">申し訳ございませんが、只今品切れ中です。</div>
-                    <!--{/if}-->
-                </div>
-
-                    <!--{if !$is_favorite}-->
-                        <div class="btn" id="btn-recommend">
-                            <a class="spbtn spbtn-medeum" href="javascript:fnModeSubmit('add_favorite','favorite_product_id','<!--{$arrProduct.product_id|h}-->');" class="spbtn spbtn-small">
-                                    お気に入りに追加</a>
-                    <!--{else}-->
-                            <div class="spbtn spbtn-medeum02">お気に入り登録済</div>
-                        </div>
-                    <!--{/if}-->
-            </form>
-            <!--▲買い物かご-->
-
-        </div>
-    </div>
-    <!--詳細ここまで-->
-
-    <!--▼サブコメント-->
-    <!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}-->
+<section id="product_detail">
+
+<!--★タイトル★-->
+<h2 class="title"><!--{$tpl_subtitle|h}--></h2>
+<!--★画像★-->
+<div id="detailphotoblock" class="mainImageInit">
+    <ul>
+        <!--{assign var=key value="main_image"}-->
+        <li id="mainImage0">
+        <!--{if $arrProduct.main_large_image|strlen >= 1}-->
+            <a rel="lightbox" data-ajax="false" href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_large_image|h}-->">
+                <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_large_image|h}-->" alt="<!--{$arrProduct.name|h}-->" width="200" height="200" /></a>
+        <!--{else}-->
+            <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_large_image|h}-->" alt="<!--{$arrProduct.name|h}-->" width="200" height="200" />
+        <!--{/if}-->
+        </li>
+        <!--★サブ画像★-->
+        <!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}-->
         <!--{assign var=key value="sub_title`$smarty.section.cnt.index+1`"}-->
         <!--{if $arrProduct[$key] != ""}-->
-            <div class="subarea">
-                <h3><!--★サブタイトル★--><!--{$arrProduct[$key]|h}--></h3>
-                <!--{assign var=ckey value="sub_comment`$smarty.section.cnt.index+1`"}-->
-
-                <div class="subtext"><!--★サブテキスト★--><!--{$arrProduct[$ckey]|nl2br_html}--></div>
-
-                <!--▼サブ画像-->
-                <!--{assign var=key value="sub_image`$smarty.section.cnt.index+1`"}-->
-                <!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.index+1`"}-->
-                <!--{if $arrProduct[$key]|strlen >= 1}-->
-                    <div class="subphotoimg">
-                        <a
-                            <!--{if $arrProduct[$lkey]|strlen >= 1}-->
-                                href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$lkey]|h}-->"
-                                class="expansion"
-                                onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_expansion_on.gif', 'expansion_<!--{$lkey|h}-->');"
-                                onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_expansion.gif', 'expansion_<!--{$lkey|h}-->');"
-                                target="_blank"
-                            <!--{/if}-->
-                        >
-                            <img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|h}-->" width="<!--{$arrFile[$key].width}-->" height="<!--{$arrFile[$key].height}-->" /><br />
-                            <!--{if $arrProduct[$lkey]|strlen >= 1}-->
-                                <img src="<!--{$TPL_URLPATH}-->img/button/btn_expansion.gif" width="85" height="13" alt="画像を拡大する" id="expansion_<!--{$lkey|h}-->" />
-                            <!--{/if}-->
-                        </a>
-                    </div>
+            <!--{assign var=key value="sub_image`$smarty.section.cnt.index+1`"}-->
+            <!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.index+1`"}-->
+            <li id="mainImage<!--{$smarty.section.cnt.index+1}-->">
+              <a rel="lightbox" data-ajax="false" href="<!--{$arrFile[$key].filepath}-->">
+              <img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|h}-->" width="200" height="200" /></a>
+              </li>
+        <!--{/if}-->
+        <!--{/section}-->
+    </ul>
+</div>
+
+<section id="detailarea">
+
+<!--★詳細メインコメント★-->
+<p class="main_comment"><!--{$arrProduct.main_comment|nl2br_html}--></p>
+
+<div id="detailrightblock">
+    <!--▼商品ステータス-->
+    <!--{assign var=ps value=$productStatus[$smarty.get.product_id]}-->
+    <!--{if count($ps) > 0}-->
+        <ul class="status_icon">
+        <!--{foreach from=$ps item=status}-->
+            <li><!--{$arrSTATUS[$status]}--></li>
+        <!--{/foreach}-->
+        </ul>
+    <!--{/if}-->
+    <!--▲商品ステータス-->
+
+    <div class="product_detail">
+
+        <!--★ダウンロード販売★-->
+        <!--{if $arrProduct.down == 2}-->
+            <div><font color="red">本商品はダウンロード販売となります。<br /> 購入後はMYページの購入履歴からダウンロード可能です。</font></div><br />
+        <!--{/if}-->
+                    
+        <!--★商品名★-->
+        <h3 class="product_name"><!--{$arrProduct.name|h}--></h3>
+
+        <p class="product_code"><span class="mini">商品コード：</span>
+
+        <span id="product_code_default">
+        <!--{if $arrProduct.product_code_min == $arrProduct.product_code_max}-->
+            <!--{$arrProduct.product_code_min|h}-->
+        <!--{else}-->
+            <!--{$arrProduct.product_code_min|h}-->～<!--{$arrProduct.product_code_max|h}-->
+        <!--{/if}-->
+        </span><span id="product_code_dynamic"></span></p>
+
+        <!--★関連カテゴリ★-->
+        <p class="relative_cat"><span class="mini">関連カテゴリ：</span>
+        <!--{section name=r loop=$arrRelativeCat}-->
+            <!--{section name=s loop=$arrRelativeCat[r]}-->
+            <a rel="external" href="<!--{$smarty.const.ROOT_URLPATH}-->products/list.php?category_id=<!--{$arrRelativeCat[r][s].category_id}-->"><!--{$arrRelativeCat[r][s].category_name}--></a>
+            <!--{if !$smarty.section.s.last}--><!--{$smarty.const.SEPA_CATNAVI}--><!--{/if}-->
+            <!--{/section}--><br />
+        <!--{/section}-->
+        </p>
+
+        <!--★通常価格★-->
+        <!--{if $arrProduct.price01_max > 0}-->
+        <p class="normal_price">
+        <span class="mini"><!--{$smarty.const.NORMAL_PRICE_TITLE}-->(税込)：</span>
+        <span class="price">
+        <span id="price01_default">
+               <!--{if $arrProduct.price01_min == $arrProduct.price01_max}-->
+               <!--{$arrProduct.price01_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
+                 <!--{else}-->
+                   <!--{$arrProduct.price01_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->～<!--{$arrProduct.price01_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
+                    <!--{/if}-->
+        </span><span id="price01_dynamic"></span>円</span></p>
+        <!--{/if}-->
+
+        <!--★販売価格★-->
+        <p class="sale_price"><span class="mini"><!--{$smarty.const.SALE_PRICE_TITLE}-->(税込)：</span>
+        <span class="price"><span id="price02_default">
+                <!--{if $arrProduct.price02_min == $arrProduct.price02_max}-->
+                 <!--{$arrProduct.price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
+                   <!--{else}-->
+                     <!--{$arrProduct.price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->～<!--{$arrProduct.price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
+                       <!--{/if}-->
+        </span><span id="price02_dynamic"></span>円</span></p>
+
+
+        <!--★ポイント★-->
+        <!--{if $smarty.const.USE_POINT !== false}-->
+            <p class="sale_price"><span class="mini">ポイント：</span><span id="point_default">
+                   <!--{if $arrProduct.price02_min == $arrProduct.price02_max}-->
+                     <!--{$arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id|number_format}-->
+                       <!--{else}-->
+                        <!--{if $arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id == $arrProduct.price02_max|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id}-->
+                          <!--{$arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id|number_format}-->
+                            <!--{else}-->
+                              <!--{$arrProduct.price02_min|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id|number_format}-->～<!--{$arrProduct.price02_max|sfPrePoint:$arrProduct.point_rate:$smarty.const.POINT_RULE:$arrProduct.product_id|number_format}-->
+                                <!--{/if}-->
+                                  <!--{/if}-->
+            </span><span id="point_dynamic">Pt</span></p>
+        <!--{/if}-->
+
+        <!--▼メーカーURL-->
+        <!--{if $arrProduct.comment1|strlen >= 1}-->
+        <p class="sale_price"><span class="mini">メーカーURL：</span><span>
+            <a rel="external" href="<!--{$arrProduct.comment1|h}-->">
+                <!--{$arrProduct.comment1|h}--></a>
+        </span></p>
+        <!--{/if}-->
+        <!--▲メーカーURL-->
+     </div>
+
+    <form name="form1" id="form1" method="post" action="<!--{$smarty.const.ROOT_URLPATH}-->products/detail.php">
+        <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
+        <input type="hidden" name="mode" value="cart" />
+        <input type="hidden" name="product_id" value="<!--{$tpl_product_id}-->" />
+        <input type="hidden" name="product_class_id" value="<!--{$tpl_product_class_id}-->" id="product_class_id" />
+        <input type="hidden" name="favorite_product_id" value="" />
+        
+        <!--▼買い物かご-->
+        <!--{if $tpl_stock_find}-->
+    
+            <!--{if $tpl_classcat_find1}-->
+                <div class="cart_area">
+                     <dl>
+                        <!--▼規格1-->
+                        <dt><!--{$tpl_class_name1|h}--></dt>
+                        <dd>
+                        <select name="classcategory_id1"
+                            style="<!--{$arrErr.classcategory_id1|sfGetErrorColor}-->" 
+                            onchange="fnSetClassCategories(this.form);"
+                            class="data-role-none">
+                            <!--{html_options options=$arrClassCat1 selected=$arrForm.classcategory_id1.value}-->
+                        </select>
+                        <!--{if $arrErr.classcategory_id1 != ""}-->
+                            <br /><span class="attention">※ <!--{$tpl_class_name1}-->を入力して下さい。</span>
+                        <!--{/if}-->
+                        </dd>
+                        <!--▲規格1-->
+            <!--{/if}-->
+
+            <!--{if $tpl_classcat_find2}-->
+                        <!--▼規格2-->
+                        <dt><!--{$tpl_class_name2|h}--></dt>
+                        <dd>
+                        <select name="classcategory_id2"
+                            style="<!--{$arrErr.classcategory_id2|sfGetErrorColor}-->"
+                            onchange="fnCheckStock(this.form);"
+                            class="data-role-none">
+                        </select>
+                        <!--{if $arrErr.classcategory_id2 != ""}-->
+                            <br /><span class="attention">※ <!--{$tpl_class_name2}-->を入力して下さい。</span>
+                        <!--{/if}-->
+                        </dd>
+                        <!--▲規格2-->
+                     </dl>
+                  </div>
+            <!--{/if}-->
+                
+            <div class="cartin_btn">
+                <dl class="">
+                    <dt>数量</dt>
+                    <dd>
+                        <input type="number" name="quantity" class="quantitybox" value="<!--{$arrForm.quantity.value|default:1|h}-->" maxlength="<!--{$smarty.const.INT_LEN}-->" style="<!--{$arrErr.quantity|sfGetErrorColor}-->" />
+                        <!--{if $arrErr.quantity != ""}-->
+                            <br /><span class="attention"><!--{$arrErr.quantity}--></span>
+                        <!--{/if}-->
+                    </dd>
+                </dl>
+        <!--{else}-->
+            <div class="cartin_btn">
+        <!--{/if}-->
+
+        <!--★カートに入れる★-->
+        <!--{if $tpl_stock_find}-->
+            <a rel="external" href="javascript:void(document.form1.submit());" class="btn cartbtn_default">カートに入れる</a>
+        <!--{else}-->
+            <div class="attention">申し訳ございませんが、只今品切れ中です。</div>
+        <!--{/if}-->
+        </div>
+        <!--▲買い物かご-->
+
+        <!--{if $tpl_login}-->
+            <!--{if !$is_favorite}-->
+                <div class="btn_favorite">
+                    <p><a rel="external" href="javascript:void(0);" onclick="fnAddFavoriteSphone(<!--{$arrProduct.product_id|h}-->); return false;" class="btn_sub">お気に入りに追加</a></p>
+                </div>
+            <!--{else}-->
+                <div class="btn_favorite">
+                    <p class="btn_sub">お気に入り登録済</p>
+                </div>
+            <!--{/if}-->
+        <!--{/if}-->
+
+    </form>
+</div>
+</section>
+<!--詳細ここまで-->
+
+<!--▼サブエリアここから-->
+<!--{if $arrProduct[$key] != ""}-->
+  <div class="title_box_sub clearfix">
+    <h2>商品情報</h2>
+     <!--{assign var=ckey value="sub_comment`$smarty.section.cnt.index+1`"}-->
+      <span class="b_expand"><img src="<!--{$TPL_URLPATH}-->img/common/btn_plus.png" onClick="fnSubToggle($('#sub_area'), this);"></span>
+       </div>
+    <div id="sub_area">
+        <!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}-->
+            <!--{assign var=key value="sub_title`$smarty.section.cnt.index+1`"}-->
+            <!--▼サブ情報-->
+           <div class="subarea clearfix">
+            <!--★サブタイトル★-->
+            <h3><!--{$arrProduct[$key]|h}--></h3>
+
+            <!--★サブ画像★-->
+            <!--{assign var=key value="sub_image`$smarty.section.cnt.index+1`"}-->
+            <!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.index+1`"}-->
+            <!--{assign var=ckey value="sub_comment`$smarty.section.cnt.index+1`"}-->
+            <!--{if $arrProduct[$key]|strlen >= 1}-->
+                <p class="subphotoimg">
+                <!--{if $arrProduct[$lkey]|strlen >= 1}-->
+                    <a rel="external" href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$lkey]|h}-->" target="_blank">
+                    <img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|h}-->" width="80" height="80" />
+                    </a>
+                <!--{else}-->
+                    <img src="<!--{$arrFile[$key].filepath}-->" alt="<!--{$arrProduct.name|h}-->" width="80" height="80" />
                 <!--{/if}-->
-                <!--▲サブ画像-->
+                </p>
+            <!--{/if}-->
+            <!--★サブテキスト★-->
+            <p class="subtext"><!--★サブテキスト★--><!--{$arrProduct[$ckey]|nl2br_html}--></p>
             </div>
-        <!--{/if}-->
+        <!--{/section}-->
+    </div>
+<!--{/if}-->
+<!--サブエリアここまで-->
+
+
+<!--▼その他おすすめ商品-->
+<!--{if $arrRecommend}-->
+<div class="title_box_sub clearfix">
+  <h2>その他のオススメ商品</h2>
+     <span class="b_expand"><img src="<!--{$TPL_URLPATH}-->img/common/btn_plus.png" onClick="fnWhoboughtToggle($('#whobought_area'), this);"></span>
+      </div>
+  
+  <div id="whobought_area" class="mainImageInit">
+
+    <ul>
+    <!--{section name=cnt loop=$arrRecommend}-->
+        <!--{if ($smarty.section.cnt.index % 2) == 0}-->
+        <!--{if $arrRecommend[cnt].product_id}-->
+        <!-- 左列 -->
+   
+          <li id="mainImage0"><a rel="external" href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[cnt].product_id|u}-->">
+          <a href="#">
+          <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrRecommend[cnt].main_list_image|sfNoImageMainList|h}-->&amp;width=65&amp;height=65" width="80" height="80" alt="<!--{$arrRecommend[cnt].name|h}-->" /></a>
+             <!--{assign var=price02_min value=`$arrRecommend[cnt].price02_min`}-->
+             <!--{assign var=price02_max value=`$arrRecommend[cnt].price02_max`}-->
+             <h3><a rel="external" href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[cnt].product_id|u}-->"><!--{$arrRecommend[cnt].name|h}--></a></h3>
+              <p class="sale_price"><span class="price">
+              <!--{if $price02_min == $price02_max}-->
+                   <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
+              <!--{else}-->
+                   <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->～<!--{$price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
+              <!--{/if}--> 
+               円</span></p> 
+          </a></li>
+                
+         <!-- 左列 -->
+         <!--{/if}-->
+         <!--{/if}-->
+
+         <!--{if ($smarty.section.cnt.index % 2) != 0}-->
+         <!--{if $arrRecommend[cnt].product_id}-->
+         <!-- 右列 -->
+                
+         <li id="mainImage0"><a rel="external" href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[cnt].product_id|u}-->">
+          <a href="#">
+          <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrRecommend[cnt].main_list_image|sfNoImageMainList|h}-->&amp;width=65&amp;height=65" width="80" height="80" alt="<!--{$arrRecommend[cnt].name|h}-->" /></a>
+             <h3><a rel="external" href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[cnt].product_id|u}-->"><!--{$arrRecommend[cnt].name|h}--></a></h3>
+              <p class="sale_price"><span class="price">
+              <!--{if $price02_min == $price02_max}-->
+                <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
+              <!--{else}-->
+                <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->～<!--{$price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
+              <!--{/if}-->
+              </span></p> 
+                </a></li>
+                
+          <!-- 右列 -->
+          <!--{/if}-->
+          <!--{/if}-->
     <!--{/section}-->
-    <!--▲サブコメント-->
-
-    <!--▼関連商品-->
-    <!--{if $arrRecommend}-->
-        <div id="whoboughtarea">
-            <h3>その他のオススメ商品</h3>
-            <div class="whoboughtblock">
-
-            <!--{section name=cnt loop=$arrRecommend}-->
-                <!--{if ($smarty.section.cnt.index % 2) == 0}-->
-                <!--{if $arrRecommend[cnt].product_id}-->
-                <!-- 左列 -->
-                <div class="whoboughtleft">
-
-                    <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[cnt].product_id|u}-->">
-                        <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrRecommend[cnt].main_list_image|sfNoImageMainList|h}-->&amp;width=65&amp;height=65" alt="<!--{$arrRecommend[cnt].name|h}-->" /></a>
-
-                    <div class="whoboughtrightblock">
-                        <!--{assign var=price02_min value=`$arrRecommend[cnt].price02_min`}-->
-                        <!--{assign var=price02_max value=`$arrRecommend[cnt].price02_max`}-->
-                        <h3><a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[cnt].product_id|u}-->"><!--{$arrRecommend[cnt].name|h}--></a></h3>
-
-                        <p class="sale_price"><!--{$smarty.const.SALE_PRICE_TITLE}-->(税込):<span class="price">
-                            <!--{if $price02_min == $price02_max}-->
-                                <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
-                            <!--{else}-->
-                                <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->～<!--{$price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
-                            <!--{/if}-->円</span></p>
-                        <p class="mini"><!--{$arrRecommend[cnt].comment|h|nl2br}--></p>
-                    </div>
-                </div>
-                <!-- 左列 -->
-                <!--{/if}-->
-                <!--{/if}-->
-
-                <!--{if ($smarty.section.cnt.index % 2) != 0}-->
-                <!--{* assign var=nextCnt value=$smarty.section.cnt.index+1 *}-->
-                <!--{if $arrRecommend[cnt].product_id}-->
-                <!-- 右列 -->
-                <div class="whoboughtright">
-
-                    <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[cnt].product_id|u}-->">
-                        <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrRecommend[cnt].main_list_image|sfNoImageMainList|h}-->&amp;width=65&amp;height=65" alt="<!--{$arrRecommend[cnt].name|h}-->" /></a>
-
-                    <div class="whoboughtrightblock">
-                        <!--{assign var=price02_min value=`$arrRecommend[cnt].price02_min`}-->
-                        <!--{assign var=price02_max value=`$arrRecommend[cnt].price02_max`}-->
-                        <h3><a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrRecommend[cnt].product_id|u}-->"><!--{$arrRecommend[cnt].name|h}--></a></h3>
-
-                        <p class="sale_price"><!--{$smarty.const.SALE_PRICE_TITLE}-->(税込):<span class="price">
-
-                            <!--{if $price02_min == $price02_max}-->
-                                <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
-                            <!--{else}-->
-                                <!--{$price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->～<!--{$price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
-                            <!--{/if}-->円</span></p>
-                        <p class="mini"><!--{$arrRecommend[cnt].comment|h|nl2br}--></p>
-                    </div>
-                </div>
-                <!-- 右列 -->
-            <!--{/if}-->
-            <!--{/if}-->
-
-            <!--{if $smarty.section.cnt.last}-->
-            </div>
-            <!--{/if}-->
-        <!--{/section}-->
-        </div>
-    <!--{/if}-->
-    <!--▲関連商品-->
-
+                
+    </ul>
 </div>
+<!--{/if}-->
+
+<!--▲その他おすすめ商品-->
+
+<p><a href="javascript:void(0);" class="btn_more" data-rel="back">商品一覧に戻る</a></p>
+
+</section>
 <!--▲CONTENTS-->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/products/list.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/products/list.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/products/list.tpl	(revision 21050)
@@ -20,4 +20,5 @@
  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  *}-->
+<script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/products.js"></script>
 <script type="text/javascript">//<![CDATA[
 // 並び順を変更
@@ -37,19 +38,14 @@
 
 <!--▼CONTENTS-->
-<div id="undercolumn" class="product product_list">
-    <form name="form1" id="form1" method="get" action="?">
+<section id="product_list">
+    <form name="form1" id="form1" method="get" action="<!--{$smarty.const.ROOT_URLPATH}-->products/list.php">
         <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
         <input type="hidden" name="mode" value="<!--{$mode|h}-->" />
-        <!--{* ▼検索条件 *}-->
         <input type="hidden" name="category_id" value="<!--{$arrSearchData.category_id|h}-->" />
         <input type="hidden" name="maker_id" value="<!--{$arrSearchData.maker_id|h}-->" />
         <input type="hidden" name="name" value="<!--{$arrSearchData.name|h}-->" />
-        <!--{* ▲検索条件 *}-->
-        <!--{* ▼ページナビ関連 *}-->
         <input type="hidden" name="orderby" value="<!--{$orderby|h}-->" />
         <input type="hidden" name="disp_number" value="<!--{$disp_number|h}-->" />
         <input type="hidden" name="pageno" value="<!--{$tpl_pageno|h}-->" />
-        <!--{* ▲ページナビ関連 *}-->
-        <!--{* ▼注文関連 *}-->
         <input type="hidden" name="product_id" value="" />
         <input type="hidden" name="classcategory_id1" value="" />
@@ -57,131 +53,171 @@
         <input type="hidden" name="product_class_id" value="" />
         <input type="hidden" name="quantity" value="" />
-        <!--{* ▲注文関連 *}-->
         <input type="hidden" name="rnd" value="<!--{$tpl_rnd|h}-->" />
     </form>
-
-    <!--★タイトル★-->
+    
     <h2 class="title"><!--{$tpl_subtitle|h}--></h2>
-
-    <!--▼検索条件-->
-    <!--{if $tpl_subtitle == "検索結果"}-->
-        <ul class="pagecondarea">
-            <li><strong>商品カテゴリ：</strong><!--{$arrSearch.category|h}--></li>
-        <!--{if $arrSearch.maker|strlen >= 1}--><li><strong>メーカー：</strong><!--{$arrSearch.maker|h}--></li><!--{/if}-->
-            <li><strong>商品名：</strong><!--{$arrSearch.name|h}--></li>
-        </ul>
+            <p class="intro clear"><span class="attention"><span id="productscount"><!--{$tpl_linemax}--></span>件</span>の商品がございます。</p>
+
+<!--▼ページナビ(本文)-->
+<section class="pagenumberarea clearfix">
+ <ul>
+    <!--{if $orderby != 'price'}-->
+        <li><a href="javascript:fnChangeOrderby('price');" rel="external">価格順</a></li>
+    <!--{else}-->
+        <li class="on_number">価格順</li>
     <!--{/if}-->
-    <!--▲検索条件-->
-
-    <!--▼ページナビ(本文)-->
-    <!--{capture name=page_navi_body}-->
-        <div class="pagenumberarea">
-            <div class="change">
-                <!--{if $orderby != 'price'}-->
-                    <a href="javascript:fnChangeOrderby('price');">価格順</a>
-                <!--{else}-->
-                    <strong>価格順</strong>
-                <!--{/if}-->
-                <!--{if $orderby != "date"}-->
-                        <a href="javascript:fnChangeOrderby('date');">新着順</a>
-                <!--{else}-->
-                    <strong>新着順</strong>
-                <!--{/if}-->
-            </div>
-            <div class="navi"><!--{$tpl_strnavi}--></div>
-        </div>
-    <!--{/capture}-->
-    <!--▲ページナビ(本文)-->
-
-    <!--{foreach from=$arrProducts item=arrProduct name=arrProducts}-->
-
-        <!--{if $smarty.foreach.arrProducts.first}-->
-            <!--▼件数-->
-            <div>
-                <span class="pagenumber"><!--{$tpl_linemax}--></span>件の商品
-
-                <select name="disp_number" onchange="javascript:fnChangeDispNumber(this.value);">
-                    <!--{foreach from=$arrPRODUCTLISTMAX item="dispnum" key="num"}-->
-                        <!--{if $num == $disp_number}-->
-                        <option value="<!--{$num}-->" selected="selected" ><!--{$dispnum}--></option>
-                        <!--{else}-->
-                        <option value="<!--{$num}-->" ><!--{$dispnum}--></option>
-                        <!--{/if}-->
-                    <!--{/foreach}-->
-                </select>
-            </div>
-            <!--▲件数-->
-
-            <!--▼ページナビ(上部)-->
-            <form name="page_navi_top" id="page_navi_top" action="?">
-                <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-                <!--{if $tpl_linemax > 0}--><!--{$smarty.capture.page_navi_body|smarty:nodefaults}--><!--{/if}-->
-            </form>
-            <!--▲ページナビ(上部)-->
-        <!--{/if}-->
-
-        <!--{assign var=id value=$arrProduct.product_id}-->
-        <!--{assign var=arrErr value=$arrProduct.arrErr}-->
-        <!--▼商品-->
-        <div class="listarea" class="clearfix">
-        <a name="product<!--{$id|h}-->" />
-            <div class="listphoto">
-                <!--★画像★-->
-                <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrProduct.product_id|u}-->" class="over"><!--商品写真--><img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH|sfTrimURL}-->/<!--{$arrProduct.main_list_image|sfNoImageMainList|h}-->" alt="<!--{$arrProduct.name|h}-->" class="picture" /></a>
-            </div>
-
-            <div class="listrightblock">
-                <!--▼商品ステータス-->
-                <!--{if count($productStatus[$id]) > 0}-->
-                    <ul class="status_icon">
-                            <li>
-                        <!--{foreach from=$productStatus[$id] item=status}--> 
-                                <img src="<!--{$TPL_URLPATH}--><!--{$arrSTATUS_IMAGE[$status]}-->" width="60" height="17" alt="<!--{$arrSTATUS[$status]}-->"/>
-                        <!--{/foreach}-->
-                            </li>
-                    </ul>
-                <!--{/if}-->
-                <!--▲商品ステータス-->
-
-                <!--★商品名★-->
-                <h3>
-                    <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrProduct.product_id|u}-->" name="product<!--{$arrProduct.product_id}-->"><!--{$arrProduct.name|h}--></a>
-                </h3>
-
-                <!--★コメント★-->
-                <p>
-                    <span class="pricebox sale_price">
-                        販売価格(税込):</span>
-                        <span class="price">
-                            <span id="price02_default_<!--{$id}-->">
-                                <!--{if $arrProduct.price02_min == $arrProduct.price02_max}-->
-                                    <!--{$arrProduct.price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
-                                <!--{else}-->
-                                    <!--{$arrProduct.price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->～<!--{$arrProduct.price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
-                                <!--{/if}-->
-                            </span><span id="price02_dynamic_<!--{$id}-->"></span>
-                            円</span>
+    <!--{if $orderby != "date"}-->
+        <li><a href="javascript:fnChangeOrderby('date');" rel="external">新着順</a></li>
+    <!--{else}-->
+        <li class="on_number">新着順</li>
+    <!--{/if}-->
+ </ul>
+</section>
+<!--▲ページナビ(本文)-->
+
+<!--{foreach from=$arrProducts item=arrProduct name=arrProducts}-->
+    <!--{assign var=id value=$arrProduct.product_id}-->
+    <!--{assign var=arrErr value=$arrProduct.arrErr}-->
+    <!--▼商品-->
+    <div class="list_area clearfix">
+     <!--★画像★-->
+       <p class="listphoto"><img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH|sfTrimURL}-->/<!--{$arrProduct.main_list_image|sfNoImageMainList|h}-->" width="80" height="80" alt="<!--{$arrProduct.name|h}-->" /></p>
+    
+     <div class="listrightblock">
+      <div class="statusArea">
+      <!--▼商品ステータス-->
+       <!--{if count($productStatus[$id]) > 0}-->
+            <ul class="status_icon">
+                <!--{foreach from=$productStatus[$id] item=status}--> 
+                     <li><!--{$arrSTATUS[$status]}--></li>
+             <!--{/foreach}-->
+            </ul>
+      <!--{/if}-->
+      <!--▲商品ステータス-->
+      </div>
+
+      <!--★商品名★-->
+        <h3><a rel="external" href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrProduct.product_id|u}-->" name="product<!--{$arrProduct.product_id}-->" class="productName"><!--{$arrProduct.name|h}--></a></h3>
+        
+      <!--★商品価格★-->
+        <p><span class="pricebox sale_price"><span class="mini">販売価格(税込):</span></span> 
+        <span class="price"> 
+            <span id="price02_default_<!--{$id}-->">
+              <!--{if $arrProduct.price02_min == $arrProduct.price02_max}-->
+                <!--{$arrProduct.price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
+              <!--{else}-->
+                <!--{$arrProduct.price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->～<!--{$arrProduct.price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
+              <!--{/if}-->
+            </span><span id="price02_dynamic_<!--{$id}-->">
+            </span>円
+        </span></p>
+      <!--★商品コメント価格★-->
+         <p class="listcomment"><!--{$arrProduct.main_list_comment|h|nl2br}--></p>
+     </div>
+     </div>
+    <!--▲商品-->
+    
+<!--{foreachelse}-->
+    <!--{include file="frontparts/search_zero.tpl"}-->
+<!--{/foreach}-->
+
+<!--{if count($arrProducts) < $tpl_linemax}-->
+<p><a rel="external" href="javascript: void(0);" class="btn_more" id="btn_more_product" onClick="getProducts(<!--{$disp_number|h}-->); return false;">もっとみる(＋<!--{$disp_number|h}-->件)</a></p>
+<!--{/if}-->
+</section>
+<!--▲CONTENTS-->
+
+<script>
+var pageNo = 2;
+var url = "<!--{$smarty.const.P_DETAIL_URLPATH}-->";
+var imagePath = "<!--{$smarty.const.IMAGE_SAVE_URLPATH|sfTrimURL}-->/";
+var statusImagePath = "<!--{$TPL_URLPATH}-->";
+
+function getProducts(limit) {
+    $.mobile.pageLoading();
+    var i = limit;
+    //送信データを準備
+    var postData = {};
+    $('#form1').find(':input').each(function(){  
+        postData[$(this).attr('name')] = $(this).val();  
+    });
+    postData["mode"] = "json";
+    postData["pageno"] = pageNo;
+
+    $.ajax({
+        type: "POST",
+           data: postData,
+           cache: false,
+           dataType: "json",
+           error: function(XMLHttpRequest, textStatus, errorThrown){
+            alert(textStatus);
+            $.mobile.pageLoading(true);
+           },
+           success: function(result){
+           
+            var productStatus = result.productStatus;
+             for (var j = 0; j < i; j++) {
+                 if (result[j] != null) {
+                     var product = result[j];
+                     var productHtml = "";
+                    var maxCnt = $(".list_area").length - 1;
+                    var productEl = $(".list_area").get(maxCnt);
+                    productEl = $(productEl).clone(true).insertAfter(productEl);
+                    maxCnt++;
                     
-                </p>
-
-                <p class="listcomment"><!--{$arrProduct.main_list_comment|h|nl2br}--></p>
-
-            </div>
-        </div>
-        <!--▲商品-->
-
-        <!--{if $smarty.foreach.arrProducts.last}-->
-            <!--▼ページナビ(下部)-->
-            <form name="page_navi_bottom" id="page_navi_bottom" action="?">
-                <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-                <!--{if $tpl_linemax > 0}--><!--{$smarty.capture.page_navi_body|smarty:nodefaults}--><!--{/if}-->
-            </form>
-            <!--▲ページナビ(下部)-->
-        <!--{/if}-->
-
-    <!--{foreachelse}-->
-        <!--{include file="frontparts/search_zero.tpl"}-->
-    <!--{/foreach}-->
-
-</div>
-<!--▲CONTENTS-->
+                     //商品写真をセット
+                     $($(".list_area .listphoto img").get(maxCnt)).attr({
+                                                                 src: imagePath + product.main_list_image, 
+                                                                 alt: product.name
+                                                             });
+
+                     //ステータスをセット
+                     var statusAreaEl = $($(".list_area div.statusArea").get(maxCnt));
+                    //ステータスの削除
+                    statusAreaEl.empty();
+
+                     if (productStatus[product.product_id] != null) {
+                         var statusEl = '<ul class="status_icon">';
+                         var statusCnt = productStatus[product.product_id].length;
+                         for (var k = 0; k < statusCnt; k++) {
+                             var status = productStatus[product.product_id][k];
+                             var statusImgEl = '<li>' + status.status_name + '</li>' + "\n";
+                             statusEl += statusImgEl;
+                         }
+                         statusEl += "</ul>";
+                         statusAreaEl.append(statusEl);
+                     }
+                     
+                     //商品名をセット
+                     $($(".list_area a.productName").get(maxCnt)).text(product.name);
+                     $($(".list_area a.productName").get(maxCnt)).attr("href", url + product.product_id);
+                     
+                     //販売価格をセット
+                     var price = $($(".list_area span.price").get(maxCnt));
+                    //販売価格をクリア
+                     price.empty();
+                     var priceVale = "";
+                    //販売価格が範囲か判定
+                     if (product.price02_min == product.price02_max) {
+                         priceVale = product.price02_min_tax_format + '円';
+                     } else {
+                         priceVale = product.price02_min_tax_format + '～' + product.price02_max_tax_format + '円';
+                     }
+                     price.append(priceVale);
+                     
+                     //コメントをセット
+                     $($(".list_area .listcomment").get(maxCnt)).text(product.main_list_comment);
+
+                 }
+             }
+             pageNo++;
+
+             //すべての商品を表示したか判定
+             if (parseInt($("#productscount").text()) <= $(".list_area").length) {
+                 $("#btn_more_product").hide();
+             }
+             $.mobile.pageLoading(true);
+           }
+});
+}
+</script>
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/index.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/index.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/index.tpl	(revision 21050)
@@ -20,26 +20,9 @@
  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  *}-->
-
-<div id="topbox">
-<!--{* ▼ロゴ ここから *}-->
-<div id="header">
-<h1>
-    <a href="<!--{$smarty.const.ROOT_URLPATH}-->">
-      <em><!--{$arrSiteInfo.shop_name|h}-->/<!--{$tpl_title|h}--></em></a>
-  </h1>
-</div>
-<!--{* ▲ロゴ ここまで *}-->
-
-<!--{* ヘッダメニュー *}-->
-<div id="headmenu">
-
-<!--{* 検索 *}-->
-<div id="searchbar">
+ <!--▼検索バー -->
+<section id="search_area">
 <form method="get" action="<!--{$smarty.const.ROOT_URLPATH}-->products/list.php">
-<input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
-<input type="text" name="name" maxlength="50" value="<!--{$smarty.get.name|h}-->" placeholder="商品検索" >
-<input class="search" type="submit" name="search" value="検索">
+<input type="search" name="keyword" id="search" value="" placeholder="キーワードを入力" class="searchbox" >
 </form>
-<!--{* searchmenu *}--></div>
-<!--{* headmenu *}--></div>
-<!--{* topbox *}--></div>
+</section>
+<!--▲検索バー -->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/site_main.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/site_main.tpl	(revision 20809)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/site_main.tpl	(revision 21050)
@@ -21,9 +21,5 @@
  *}-->
 <body>
-
-<!--{$GLOBAL_ERR}-->
-<noscript>
-  <p>JavaScript を有効にしてご利用下さい.</p>
-</noscript>
+<div data-role="page" data-keep-native=".data-role-none" data-theme="d">
 
 <a name="top" id="top"></a>
@@ -31,5 +27,5 @@
 <!--{* ▼HeaderHeaderTop COLUMN*}-->
     <!--{if $arrPageLayout.HeaderTopNavi|@count > 0}-->
-        <div>
+        <div class="header_utility">
             <!--{* ▼上ナビ *}-->
             <!--{foreach key=HeaderTopNaviKey item=HeaderTopNaviItem from=$arrPageLayout.HeaderTopNavi}-->
@@ -44,4 +40,5 @@
             <!--{* ▲上ナビ *}-->
         </div>
+</header>
     <!--{/if}-->
 <!--{* ▲HeaderHeaderTop COLUMN*}-->
@@ -55,5 +52,5 @@
 <!--{* ▼TOP COLUMN*}-->
 <!--{if $arrPageLayout.TopNavi|@count > 0}-->
-            <div>
+            <div class="header_utility">
                 <!--{* ▼上ナビ *}-->
                 <!--{foreach key=TopNaviKey item=TopNaviItem from=$arrPageLayout.TopNavi}-->
@@ -68,9 +65,10 @@
                 <!--{* ▲上ナビ *}-->
             </div>
+</header>
 <!--{/if}-->
 <!--{* ▲TOP COLUMN*}-->
 
 <!--{* ▼CENTER COLUMN *}-->
-        <div>
+        <div id="main-content">
             <!--{* ▼メイン上部 *}-->
             <!--{if $arrPageLayout.MainHead|@count > 0}-->
@@ -109,5 +107,5 @@
 <!--{* ▼BOTTOM COLUMN*}-->
         <!--{if $arrPageLayout.BottomNavi|@count > 0}-->
-            <div>
+            <div id="footer_utility">
                 <!--{* ▼下ナビ *}-->
                 <!--{foreach key=BottomNaviKey item=BottomNaviItem from=$arrPageLayout.BottomNavi}-->
@@ -150,11 +148,25 @@
 <!--{* ▲FooterBottom COLUMN*}-->
 
+</div>
+
+<!-- ▼明細情報 -->
+<div id="windowcolumn" data-role="dialog" data-theme="d">
+ <div data-role="header" data-backbtn="false">
+    
+  <h2>新着情報</h2>
+    
+                </div>
+<div data-role="content">
+  <dl class="view_detail">
+    <dt><a href="#"></a></dt>
+      <dd id="newsComment"></dd>
+       </dl>
+    <p><a href="javascript:void(0);" class="btn_more" data-rel="back">新着一覧にもどる</a></p>
+</div>
+
+<div data-role="footer"></div>
+
+</div>
+<!-- ▲明細情報 -->
+
 </body>
-<!--{assign var=index value="`$smarty.const.ROOT_URLPATH``$smarty.const.DIR_INDEX_FILE`"}-->
-<!--{if $index != $smarty.server.PHP_SELF}-->
-    <script type="text/javascript" language="JavaScript">
-    //<![CDATA[
-    setTopButton("<!--{$smarty.const.HTTPS_URL}-->");
-    //]]>
-    </script>
-<!--{/if}-->
Index: /branches/version-2_11-dev/data/Smarty/templates/sphone/popup_header.tpl
===================================================================
--- /branches/version-2_11-dev/data/Smarty/templates/sphone/popup_header.tpl	(revision 20764)
+++ /branches/version-2_11-dev/data/Smarty/templates/sphone/popup_header.tpl	(revision 21050)
@@ -1,3 +1,2 @@
-<!--{printXMLDeclaration}--><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <!--{*
  * This file is part of EC-CUBE
@@ -22,32 +21,77 @@
  *}-->
 
-<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
+<html lang="ja">
 <head>
+<meta charset="UTF-8"> 
 <meta http-equiv="Content-Type" content="text/html; charset=<!--{$smarty.const.CHAR_CODE}-->" />
 
-<meta name="viewport" content="width=320,maximum-scale=1.0,user-scalable=no">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0" />
 <meta name="format-detection" content="telephone=no">
 <meta http-equiv="Content-Script-Type" content="text/javascript" />
 <meta http-equiv="Content-Style-Type" content="text/css" />
 <!--{* 共通CSS *}-->
-<link rel="stylesheet" media="only screen" href="<!--{$TPL_URLPATH}-->css/import.css" type="text/css" />
+<link rel="stylesheet" media="only screen" href="<!--{$TPL_URLPATH}-->css/import.css" />
 
-<script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/navi.js"></script>
-<script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/win_op.js"></script>
-<script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/site.js"></script>
-<script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery-1.4.2.min.js"></script>
+<!--{if $tpl_page_category == "abouts"}-->
+<!--{if ($smarty.server.HTTPS != "") && ($smarty.server.HTTPS != "off")}-->
+<script src="https://maps.google.com/maps/api/js?sensor=false"></script>
+<!--{else}-->
+<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
+<!--{/if}-->
+<!--{/if}-->
+<script src="<!--{$smarty.const.ROOT_URLPATH}-->js/navi.js"></script>
+<script src="<!--{$smarty.const.ROOT_URLPATH}-->js/win_op.js"></script>
+<script src="<!--{$smarty.const.ROOT_URLPATH}-->js/site.js"></script>
+<script src="<!--{$TPL_URLPATH}-->js/jquery-1.5.2.min.js"></script>
+<script src="<!--{$TPL_URLPATH}-->js/jquery.biggerlink.js"></script>
+<script type="text/javascript">    
+    $(function(){
+        $('.recomendblock, .list_area, .newslist li,.bubbleBox,.arrowBox').biggerlink();
+        //$('.recomendblock, .newslist li,.bubbleBox,.arrowBox').biggerlink();
+    });
+</script>
+<script type="text/javascript" src="<!--{$TPL_URLPATH}-->js/btn.js"></script>
 <script type="text/javascript" src="<!--{$TPL_URLPATH}-->js/barbutton.js"></script>
 <script type="text/javascript" src="<!--{$TPL_URLPATH}-->js/category.js"></script>
 <script type="text/javascript" src="<!--{$TPL_URLPATH}-->js/news.js"></script>
 
+<!--{* スマートフォンカスタマイズ用CSS *}-->
+<link rel="stylesheet" media="only screen" href="<!--{$TPL_URLPATH}-->css/jquery.mobile-1.0a3.min.css" />
+<link rel="stylesheet" media="only screen" href="<!--{$TPL_URLPATH}-->css/jquery.lightbox-0.5.css" />
+
+<!--{* スマートフォンカスタマイズ用JS *}-->
+<script src="<!--{$TPL_URLPATH}-->js/config.js"></script>
+<script src="<!--{$TPL_URLPATH}-->js/jquery.mobile-1.0a3.min.js"></script>
+<script src="<!--{$TPL_URLPATH}-->js/autoresize.jquery.min.js"></script>
+<script src="<!--{$TPL_URLPATH}-->js/jquery.flickslide.js"></script>
+<script src="<!--{$TPL_URLPATH}-->js/jquery.lightbox-0.5.min.js"></script>
+<script src="<!--{$TPL_URLPATH}-->js/favorite.js"></script>
+
 <title><!--{$arrSiteInfo.shop_name|h}--><!--{if $tpl_subtitle|strlen >= 1}--> / <!--{$tpl_subtitle|h}--><!--{elseif $tpl_title|strlen >= 1}--> / <!--{$tpl_title|h}--><!--{/if}--></title>
+<!--{if $arrPageLayout.author|strlen >= 1}-->
+    <meta name="author" content="<!--{$arrPageLayout.author|h}-->" />
+<!--{/if}-->
+<!--{if $arrPageLayout.description|strlen >= 1}-->
+    <meta name="description" content="<!--{$arrPageLayout.description|h}-->" />
+<!--{/if}-->
+<!--{if $arrPageLayout.keyword|strlen >= 1}-->
+    <meta name="keywords" content="<!--{$arrPageLayout.keyword|h}-->" />
+<!--{/if}-->
 <!--{* iPhone用アイコン画像 *}-->
-<link rel="apple-touch-icon" href="<!--{$smarty.const.ROOT_URLPATH}-->sphone/apple-touch-icon.png" />
+<link rel="apple-touch-icon" href="<!--{$TPL_URLPATH}-->img/common/apple-touch-icon.png" />
 
 <script type="text/javascript">//<![CDATA[
     <!--{$tpl_javascript}-->
     $(function(){
-        <!--{$tpl_onload}-->
+    <!--{* lightbox準備 *}-->
+    $('a[rel*=lightbox]').lightBox({
+        imageLoading: '<!--{$TPL_URLPATH}-->img/lightboximages/lightbox-ico-loading.gif', 
+        imageBtnPrev: '<!--{$TPL_URLPATH}-->img/lightboximages/lightbox-btn-prev.gif', 
+        imageBtnNext: '<!--{$TPL_URLPATH}-->img/lightboximages/lightbox-btn-next.gif', 
+        imageBtnClose: '<!--{$TPL_URLPATH}-->img/lightboximages/lightbox-btn-close.gif', 
+        imageBlank: '<!--{$TPL_URLPATH}-->img/lightboximages/lightbox-blank.gif' 
     });
+    <!--{$tpl_onload}-->
+});
 //]]>
 </script>
