[717] use css. (pal-cvs 2973) - Portal Application Laboratory

Revision: 717
          http://svn.sourceforge.jp/cgi-bin/viewcvs.cgi?root=pal&view=rev&rev=717
Author:   shinsuke
Date:     2007-11-20 17:01:21 +0900 (Tue, 20 Nov 2007)

Log Message:
-----------
use css.

Modified Paths:
--------------
    pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/checkout/checkoutComplete.html
    pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/checkout/checkoutConfirm.html
    pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/checkout/paymentSelect.html
    pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/checkout/userAddressSelect.html
    pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/checkout/userInfoEdit.html
    pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/signup/signupComplete.html
    pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/signup/signupConfirm.html
    pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/signup/signupEdit.html


-------------- next part --------------
Modified: pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/checkout/checkoutComplete.html
===================================================================

--- pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/checkout/checkoutComplete.html	2007-11-20 06:04:25 UTC (rev 716)
+++ pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/checkout/checkoutComplete.html	2007-11-20 08:01:21 UTC (rev 717)
@@ -10,15 +10,15 @@
       <center>
         <table border="0" width="80%">
           <tr>
-            <td class="order-step-selected">1. 会員情報の確認</td>
+            <td class="order-step-selected">会員情報の<br/>確認</td>
             <td>&gt;</td>
-            <td class="order-step-selected">2. お届け先の選択</td>
+            <td class="order-step-selected">お届け先の<br/>選択</td>
             <td>&gt;</td>
-            <td class="order-step-selected">3. 支払方法とお届け方法の選択</td>
+            <td class="order-step-selected">支払方法と<br/>お届け方法の<br/>選択</td>
             <td>&gt;</td>
-            <td class="order-step-selected">4. ご注文内容の確認</td>
+            <td class="order-step-selected">ご注文内容の<br/>確認</td>
             <td>&gt;</td>
-            <td class="order-step-current">5. ご注文完了</td>
+            <td class="order-step-current">ご注文完了</td>
           </tr>
         </table>
         <br />
@@ -29,11 +29,11 @@
               <span id="allMessages" fatalClass="portlet-msg-error" errorClass="portlet-msg-error" warnClass="portlet-msg-alert" infoClass="portlet-msg-info"></span>
             </div>
             <br />
-            <div style="font-size: 14pt;font-weight: bold;"><span style="color:#ff9900;">5.</span> ご注文が完了しました</div>
+            <div class="order-content-title"><span class="order-content-title-number">5.</span> ご注文が完了しました</div>
             <table style="border-top: 1px solid silver;border-bottom: 1px solid silver;width: 100%;">
               <tr>
-                <td width="10" bgcolor="#ffd153">&nbsp;</td>
-                <td width="100" bgcolor="#fff1a1" valign="top" align="center">
+                <td class="order-content-table-prefix">&nbsp;</td>
+                <td class="order-content-table-title">
                   <label>注文番号</label>
                 </td>
                 <td>

Modified: pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/checkout/checkoutConfirm.html
===================================================================
--- pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/checkout/checkoutConfirm.html	2007-11-20 06:04:25 UTC (rev 716)
+++ pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/checkout/checkoutConfirm.html	2007-11-20 08:01:21 UTC (rev 717)
@@ -10,15 +10,15 @@
       <center>
         <table border="0" width="80%">
           <tr>
-            <td class="order-step-selected">1. 会員情報の確認</td>
+            <td class="order-step-selected">会員情報の<br/>確認</td>
             <td>&gt;</td>
-            <td class="order-step-selected">2. お届け先の選択</td>
+            <td class="order-step-selected">お届け先の<br/>選択</td>
             <td>&gt;</td>
-            <td class="order-step-selected">3. 支払方法とお届け方法の選択</td>
+            <td class="order-step-selected">支払方法と<br/>お届け方法の<br/>選択</td>
             <td>&gt;</td>
-            <td class="order-step-current">4. ご注文内容の確認</td>
+            <td class="order-step-current">ご注文内容の<br/>確認</td>
             <td>&gt;</td>
-            <td class="order-step-unselected">5. ご注文完了</td>
+            <td class="order-step-unselected">ご注文完了</td>
           </tr>
         </table>
         <br />
@@ -30,11 +30,11 @@
               <span id="allMessages" fatalClass="portlet-msg-error" errorClass="portlet-msg-error" warnClass="portlet-msg-alert" infoClass="portlet-msg-info"></span>
             </div>
             <br />
-            <div style="font-size: 14pt;font-weight: bold;"><span style="color:#ff9900;">4.</span> ご注文内容をご確認ください</div>
+            <div class="order-content-title"><span class="order-content-title-number">4.</span> ご注文内容をご確認ください</div>
             <table style="border-top: 1px solid silver;border-bottom: 1px solid silver;width: 100%;">
               <tr>
-                <td width="10" bgcolor="#ffd153">&nbsp;</td>
-                <td width="100" bgcolor="#fff1a1" valign="top" align="center">
+                <td class="order-content-table-prefix">&nbsp;</td>
+                <td class="order-content-table-title">
                   <label>ご注文商品</label>
                 </td>
                 <td>
@@ -122,8 +122,8 @@
             </table>
             <table style="border-bottom: 1px solid silver;width: 100%;">
               <tr>
-                <td width="10" bgcolor="#ffd153">&nbsp;</td>
-                <td width="100" bgcolor="#fff1a1" valign="top" align="center">
+                <td class="order-content-table-prefix">&nbsp;</td>
+                <td class="order-content-table-title">
                   <label>お届け先</label>
                 </td>
                 <td>
@@ -220,8 +220,8 @@
             </table>
             <table style="border-bottom: 1px solid silver;width: 100%;">
               <tr>
-                <td width="10" bgcolor="#ffd153">&nbsp;</td>
-                <td width="100" bgcolor="#fff1a1" valign="top" align="center">
+                <td class="order-content-table-prefix">&nbsp;</td>
+                <td class="order-content-table-title">
                   <label>お支払い方法</label>
                 </td>
                 <td>
@@ -231,8 +231,8 @@
             </table>
             <table style="border-bottom: 1px solid silver;width: 100%;">
               <tr>
-                <td width="10" bgcolor="#ffd153">&nbsp;</td>
-                <td width="100" bgcolor="#fff1a1" valign="top" align="center">
+                <td class="order-content-table-prefix">&nbsp;</td>
+                <td class="order-content-table-title">
                   <label>配送方法</label>
                 </td>
                 <td>

Modified: pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/checkout/paymentSelect.html
===================================================================
--- pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/checkout/paymentSelect.html	2007-11-20 06:04:25 UTC (rev 716)
+++ pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/checkout/paymentSelect.html	2007-11-20 08:01:21 UTC (rev 717)
@@ -22,15 +22,15 @@
       <center>
         <table border="0" width="80%">
           <tr>
-            <td class="order-step-selected">1. 会員情報の確認</td>
+            <td class="order-step-selected">会員情報の<br/>確認</td>
             <td>&gt;</td>
-            <td class="order-step-selected">2. お届け先の選択</td>
+            <td class="order-step-selected">お届け先の<br/>選択</td>
             <td>&gt;</td>
-            <td class="order-step-current">3. 支払方法とお届け方法の選択</td>
+            <td class="order-step-current">支払方法と<br/>お届け方法の<br/>選択</td>
             <td>&gt;</td>
-            <td class="order-step-unselected">4. ご注文内容の確認</td>
+            <td class="order-step-unselected">ご注文内容の<br/>確認</td>
             <td>&gt;</td>
-            <td class="order-step-unselected">5. ご注文完了</td>
+            <td class="order-step-unselected">ご注文完了</td>
           </tr>
         </table>
         <br />
@@ -42,11 +42,11 @@
               <span id="allMessages" fatalClass="portlet-msg-error" errorClass="portlet-msg-error" warnClass="portlet-msg-alert" infoClass="portlet-msg-info"></span>
             </div>
             <br />
-            <div style="font-size: 14pt;font-weight: bold;"><span style="color:#ff9900;">3-1.</span> 配送方法を選択してください</div>
+            <div class="order-content-title"><span class="order-content-title-number">3-1.</span> 配送方法を選択してください</div>
             <table style="border-top: 1px solid silver;border-bottom: 1px solid silver;width: 100%;">
               <tr>
-                <td width="10" bgcolor="#ffd153">&nbsp;</td>
-                <td width="100" bgcolor="#fff1a1" valign="top" align="center">
+                <td class="order-content-table-prefix">&nbsp;</td>
+                <td class="order-content-table-title">
                   <label>配送方法</label>
                 </td>
                 <td>
@@ -77,11 +77,11 @@
               </tr>
             </table>
             <br/>
-            <div style="font-size: 14pt;font-weight: bold;"><span style="color:#ff9900;">3-2.</span> お支払い方法を選択してください</div>
+            <div class="order-content-title"><span class="order-content-title-number">3-2.</span> お支払い方法を選択してください</div>
             <table style="border-top: 1px solid silver;border-bottom: 1px solid silver;width: 100%;">
               <tr>
-                <td width="10" bgcolor="#ffd153">&nbsp;</td>
-                <td width="100" bgcolor="#fff1a1" valign="top" align="center">
+                <td class="order-content-table-prefix">&nbsp;</td>
+                <td class="order-content-table-title">
                   <label>お支払い方法</label>
                 </td>
                 <td>
@@ -113,11 +113,11 @@
             </table>
             <br />
             <div id="isCreditcard">
-            <div style="font-size: 14pt;font-weight: bold;"><span style="color:#ff9900;">3-3.</span> クレジットカード情報を入力してください (カード払いの場合のみ)</div>
+            <div class="order-content-title"><span class="order-content-title-number">3-3.</span> クレジットカード情報を入力してください (カード払いの場合のみ)</div>
             <table style="border-top: 1px solid silver;border-bottom: 1px solid silver;width: 100%;">
               <tr>
-                <td width="10" bgcolor="#ffd153">&nbsp;</td>
-                <td width="100" bgcolor="#fff1a1" valign="top" align="center">
+                <td class="order-content-table-prefix">&nbsp;</td>
+                <td class="order-content-table-title">
                   <label>カード情報</label>
                 </td>
                 <td>

Modified: pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/checkout/userAddressSelect.html
===================================================================
--- pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/checkout/userAddressSelect.html	2007-11-20 06:04:25 UTC (rev 716)
+++ pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/checkout/userAddressSelect.html	2007-11-20 08:01:21 UTC (rev 717)
@@ -10,15 +10,15 @@
       <center>
         <table border="0" width="80%">
           <tr>
-            <td class="order-step-selected">1. 会員情報の確認</td>
+            <td class="order-step-selected">会員情報の<br/>確認</td>
             <td>&gt;</td>
-            <td class="order-step-current">2. お届け先の選択</td>
+            <td class="order-step-current">お届け先の<br/>選択</td>
             <td>&gt;</td>
-            <td class="order-step-unselected">3. 支払方法とお届け方法の選択</td>
+            <td class="order-step-unselected">支払方法と<br/>お届け方法の<br/>選択</td>
             <td>&gt;</td>
-            <td class="order-step-unselected">4. ご注文内容の確認</td>
+            <td class="order-step-unselected">ご注文内容の<br/>確認</td>
             <td>&gt;</td>
-            <td class="order-step-unselected">5. ご注文完了</td>
+            <td class="order-step-unselected">ご注文完了</td>
           </tr>
         </table>
         <br />
@@ -31,11 +31,11 @@
             </div>
             <br />
             <br />
-            <div style="font-size: 14pt;font-weight: bold;"><span style="color:#ff9900;">2-1.</span> お届け先を選択してください</div>
+            <div class="order-content-title"><span class="order-content-title-number">2-1.</span> お届け先を選択してください</div>
             <table style="border-top: 1px solid silver;border-bottom: 1px solid silver;width: 100%;">
               <tr>
-                <td width="10" bgcolor="#ffd153">&nbsp;</td>
-                <td width="100" bgcolor="#fff1a1" valign="top" align="center">
+                <td class="order-content-table-prefix">&nbsp;</td>
+                <td class="order-content-table-title">
                   <label>お届け先</label>
                 </td>
                 <td>
@@ -60,11 +60,11 @@
           <br />
           <form id="userAddressSelectForm-addAddressBook">
             <input id="orderProcessId" type="hidden" />
-            <div style="font-size: 14pt;font-weight: bold;"><span style="color:#ff9900;">2-2.</span> お届け先を追加する (追加する場合のみ)</div>
+            <div class="order-content-title"><span class="order-content-title-number">2-2.</span> お届け先を追加する (追加する場合のみ)</div>
             <table style="border-top: 1px solid silver;border-bottom: 1px solid silver;width: 100%;">
               <tr>
-                <td width="10" bgcolor="#ffd153">&nbsp;</td>
-                <td width="100" bgcolor="#fff1a1" valign="top" align="center">
+                <td class="order-content-table-prefix">&nbsp;</td>
+                <td class="order-content-table-title">
                   <label>お届け先</label>
                 </td>
                 <td>

Modified: pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/checkout/userInfoEdit.html
===================================================================
--- pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/checkout/userInfoEdit.html	2007-11-20 06:04:25 UTC (rev 716)
+++ pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/checkout/userInfoEdit.html	2007-11-20 08:01:21 UTC (rev 717)
@@ -10,15 +10,15 @@
       <center>
         <table border="0" width="80%">
           <tr>
-            <td class="order-step-current">1. 会員情報の確認</td>
+            <td class="order-step-current">会員情報の<br/>確認</td>
             <td>&gt;</td>
-            <td class="order-step-unselected">2. お届け先の選択</td>
+            <td class="order-step-unselected">お届け先の<br/>選択</td>
             <td>&gt;</td>
-            <td class="order-step-unselected">3. 支払方法とお届け方法の選択</td>
+            <td class="order-step-unselected">支払方法と<br/>お届け方法の<br/>選択</td>
             <td>&gt;</td>
-            <td class="order-step-unselected">4. ご注文内容の確認</td>
+            <td class="order-step-unselected">ご注文内容の<br/>確認</td>
             <td>&gt;</td>
-            <td class="order-step-unselected">5. ご注文完了</td>
+            <td class="order-step-unselected">ご注文完了</td>
           </tr>
         </table>
         <br />
@@ -37,11 +37,11 @@
             </div>
             <div id="isLogin">
               <div id="isEdit">
-                <div style="font-size: 14pt;font-weight: bold;"><span style="color:#ff9900;">1-1.</span> 会員情報を入力してください</div>
+                <div class="order-content-title"><span class="order-content-title-number">1-1.</span> 会員情報を入力してください</div>
                 <table style="border-top: 1px solid silver;border-bottom: 1px solid silver;width: 100%;">
                   <tr>
-                    <td width="10" bgcolor="#ffd153">&nbsp;</td>
-                    <td width="100" bgcolor="#fff1a1" valign="top" align="center">
+                    <td class="order-content-table-prefix">&nbsp;</td>
+                    <td class="order-content-table-title">
                       <label>会員情報</label>
                     </td>
                     <td>
@@ -138,11 +138,11 @@
                 </table>
                 <br />
                 <br />
-                <div style="font-size: 14pt;font-weight: bold;"><span style="color:#ff9900;">1-2.</span> お届け先を入力してください</div>
+                <div class="order-content-title"><span class="order-content-title-number">1-2.</span> お届け先を入力してください</div>
                 <table style="border-top: 1px solid silver;border-bottom: 1px solid silver;width: 100%;">
                   <tr>
-                    <td width="10" bgcolor="#ffd153">&nbsp;</td>
-                    <td width="100" bgcolor="#fff1a1" valign="top" align="center">
+                    <td class="order-content-table-prefix">&nbsp;</td>
+                    <td class="order-content-table-title">
                       <label>お届け先</label>
                     </td>
                     <td>
@@ -251,11 +251,11 @@
                 </div>
               </div>
               <div id="isNotEdit">
-                <div style="font-size: 14pt;font-weight: bold;"><span style="color:#ff9900;">1-1.</span> 会員情報をご確認ください</div>
+                <div class="order-content-title"><span class="order-content-title-number">1-1.</span> 会員情報をご確認ください</div>
                 <table style="border-top: 1px solid silver;border-bottom: 1px solid silver;width: 100%;">
                   <tr>
-                    <td width="10" bgcolor="#ffd153">&nbsp;</td>
-                    <td width="100" bgcolor="#fff1a1" valign="top" align="center">
+                    <td class="order-content-table-prefix">&nbsp;</td>
+                    <td class="order-content-table-title">
                       <label>会員情報</label>
                     </td>
                     <td>
@@ -324,11 +324,11 @@
                 </table>
                 <br />
                 <br />
-                <div style="font-size: 14pt;font-weight: bold;"><span style="color:#ff9900;">1-2.</span> お届け先をご確認ください</div>
+                <div class="order-content-title"><span class="order-content-title-number">1-2.</span> お届け先をご確認ください</div>
                 <table style="border-top: 1px solid silver;border-bottom: 1px solid silver;width: 100%;">
                   <tr>
-                    <td width="10" bgcolor="#ffd153">&nbsp;</td>
-                    <td width="100" bgcolor="#fff1a1" valign="top" align="center">
+                    <td class="order-content-table-prefix">&nbsp;</td>
+                    <td class="order-content-table-title">
                       <label>お届け先</label>
                     </td>
                     <td>

Modified: pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/signup/signupComplete.html
===================================================================
--- pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/signup/signupComplete.html	2007-11-20 06:04:25 UTC (rev 716)
+++ pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/signup/signupComplete.html	2007-11-20 08:01:21 UTC (rev 717)
@@ -14,11 +14,11 @@
               <span id="allMessages" fatalClass="portlet-msg-error" errorClass="portlet-msg-error" warnClass="portlet-msg-alert" infoClass="portlet-msg-info"></span>
             </div>
             <br />
-            <div style="font-size: 14pt;font-weight: bold;"> 会員登録が完了しました</div>
+            <div class="order-content-title"> 会員登録が完了しました</div>
             <table style="border-top: 1px solid silver;border-bottom: 1px solid silver;width: 100%;">
               <tr>
-                <td width="10" bgcolor="#ffd153">&nbsp;</td>
-                <td width="100" bgcolor="#fff1a1" valign="top" align="center">
+                <td class="order-content-table-prefix">&nbsp;</td>
+                <td class="order-content-table-title">
                   <label>情報</label>
                 </td>
                 <td>

Modified: pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/signup/signupConfirm.html
===================================================================
--- pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/signup/signupConfirm.html	2007-11-20 06:04:25 UTC (rev 716)
+++ pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/signup/signupConfirm.html	2007-11-20 08:01:21 UTC (rev 717)
@@ -13,11 +13,11 @@
       <div style="width:100%;">
         <center>
           <div style="width: 80%;text-align: left;">
-            <div style="font-size: 14pt;font-weight: bold;"><span style="color:#ff9900;">1.</span> 会員情報を確認してください</div>
+            <div class="order-content-title"><span class="order-content-title-number">1.</span> 会員情報を確認してください</div>
             <table style="border-top: 1px solid silver;border-bottom: 1px solid silver;width: 100%;">
               <tr>
-                <td width="10" bgcolor="#ffd153">&nbsp;</td>
-                <td width="100" bgcolor="#fff1a1" valign="top" align="center">
+                <td class="order-content-table-prefix">&nbsp;</td>
+                <td class="order-content-table-title">
                   <label>会員情報</label>
                 </td>
                 <td>
@@ -94,11 +94,11 @@
             </table>
             <br />
             <br />
-            <div style="font-size: 14pt;font-weight: bold;"><span style="color:#ff9900;">2.</span> お届け先を確認してください</div>
+            <div class="order-content-title"><span class="order-content-title-number">2.</span> お届け先を確認してください</div>
             <table style="border-top: 1px solid silver;border-bottom: 1px solid silver;width: 100%;">
               <tr>
-                <td width="10" bgcolor="#ffd153">&nbsp;</td>
-                <td width="100" bgcolor="#fff1a1" valign="top" align="center">
+                <td class="order-content-table-prefix">&nbsp;</td>
+                <td class="order-content-table-title">
                   <label>お届け先</label>
                 </td>
                 <td>
@@ -184,11 +184,11 @@
             </table>
             <br />
             <br />
-            <div style="font-size: 14pt;font-weight: bold;"><span style="color:#ff9900;">3.</span> 秘密の質問と答えを確認してください</div>
+            <div class="order-content-title"><span class="order-content-title-number">3.</span> 秘密の質問と答えを確認してください</div>
             <table style="border-top: 1px solid silver;border-bottom: 1px solid silver;width: 100%;">
               <tr>
-                <td width="10" bgcolor="#ffd153">&nbsp;</td>
-                <td width="100" bgcolor="#fff1a1" valign="top" align="center">
+                <td class="order-content-table-prefix">&nbsp;</td>
+                <td class="order-content-table-title">
                   <label>秘密の質問と答え</label>
                 </td>
                 <td>

Modified: pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/signup/signupEdit.html
===================================================================
--- pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/signup/signupEdit.html	2007-11-20 06:04:25 UTC (rev 716)
+++ pompei/portlets/pompei-core/trunk/src/main/webapp/view/user/signup/signupEdit.html	2007-11-20 08:01:21 UTC (rev 717)
@@ -13,11 +13,11 @@
       <div style="width:100%;">
         <center>
           <div style="width: 80%;text-align: left;">
-            <div style="font-size: 14pt;font-weight: bold;"><span style="color:#ff9900;">1.</span> 会員情報を入力してください</div>
+            <div class="order-content-title"><span class="order-content-title-number">1.</span> 会員情報を入力してください</div>
             <table style="border-top: 1px solid silver;border-bottom: 1px solid silver;width: 100%;">
               <tr>
-                <td width="10" bgcolor="#ffd153">&nbsp;</td>
-                <td width="100" bgcolor="#fff1a1" valign="top" align="center">
+                <td class="order-content-table-prefix">&nbsp;</td>
+                <td class="order-content-table-title">
                   <label>会員情報</label>
                 </td>
                 <td>
@@ -123,11 +123,11 @@
             </table>
             <br />
             <br />
-            <div style="font-size: 14pt;font-weight: bold;"><span style="color:#ff9900;">2.</span> お届け先を入力してください</div>
+            <div class="order-content-title"><span class="order-content-title-number">2.</span> お届け先を入力してください</div>
             <table style="border-top: 1px solid silver;border-bottom: 1px solid silver;width: 100%;">
               <tr>
-                <td width="10" bgcolor="#ffd153">&nbsp;</td>
-                <td width="100" bgcolor="#fff1a1" valign="top" align="center">
+                <td class="order-content-table-prefix">&nbsp;</td>
+                <td class="order-content-table-title">
                   <label>お届け先</label>
                 </td>
                 <td>
@@ -226,11 +226,11 @@
             </table>
             <br />
             <br />
-            <div style="font-size: 14pt;font-weight: bold;"><span style="color:#ff9900;">3.</span> 秘密の質問と答えを入力してください</div>
+            <div class="order-content-title"><span class="order-content-title-number">3.</span> 秘密の質問と答えを入力してください</div>
             <table style="border-top: 1px solid silver;border-bottom: 1px solid silver;width: 100%;">
               <tr>
-                <td width="10" bgcolor="#ffd153">&nbsp;</td>
-                <td width="100" bgcolor="#fff1a1" valign="top" align="center">
+                <td class="order-content-table-prefix">&nbsp;</td>
+                <td class="order-content-table-title">
                   <label>秘密の質問と答え</label>
                 </td>
                 <td>
@@ -271,7 +271,7 @@
             </table>
             <br />
             <br />
-            <div style="font-size: 14pt;font-weight: bold;"><span style="color:#ff9900;">4.</span> 利用規約をご確認ください。</div>
+            <div class="order-content-title"><span class="order-content-title-number">4.</span> 利用規約をご確認ください。</div>
             <table style="border-top: 1px solid silver;border-bottom: 1px solid silver;width: 100%;">
               <tr>
                 <td align="center">


Portal Application Laboratory

[pal-cvs 2973] [717] use css.