Index: branches/version-2_5-dev/html/install/templates/step1.tpl
===================================================================
--- branches/version-2_5-dev/html/install/templates/step1.tpl	(revision 19875)
+++ branches/version-2_5-dev/html/install/templates/step1.tpl	(revision 19964)
@@ -20,5 +20,4 @@
  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  *}-->
-<table width="502" border="0" cellspacing="1" cellpadding="0" summary=" ">
 <form name="form1" id="form1" method="post" action="?">
 <input type="hidden" name="mode" value="<!--{$tpl_mode}-->">
@@ -29,128 +28,129 @@
 <!--{/foreach}-->
 
-<tr><td height="30"></td></tr>
-<tr><td align="left" class="fs12st">■ECサイトの設定</td></tr>
-<tr>
-    <td bgcolor="#cccccc">
-    <table width="500" border="0" cellspacing="1" cellpadding="8" summary=" ">
+<div class="contents">
+  <div class="message">
+
+<h2>ECサイトの設定</h2>
+	</div>
+<div class="block">
+    <table>
+<colgroup width="30%">
+<colgroup width="70%">
         <tr>
-            <td bgcolor="#f2f1ec" width="150" class="fs12n">店名<span class="red">※</span></td>
-            <td bgcolor="#ffffff" width="332">
+            <th>店名<span class="attention">※</span></th>
+            <td>
             <!--{assign var=key value="shop_name"}-->
-            <span class="red"><span class="fs12n"><!--{$arrErr[$key]}--></span></span>
-            <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|escape}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="40" class="box40" />
-            <br><span class="fs10">※あなたの店名をご記入ください。</span>
+            <span class="attention"><!--{$arrErr[$key]}--></span>
+            <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|escape}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="50"  /><br>
+            <span class="ex-text">あなたの店名をご記入ください。</span>
             </td>
         </tr>
         <tr>
-            <td bgcolor="#f2f1ec" width="150" class="fs12n">管理者：メールアドレス<span class="red">※</span></td>
-            <td bgcolor="#ffffff" width="332">
+            <th>メールアドレス<span class="attention">※</span></th>
+            <td>
             <!--{assign var=key value="admin_mail"}-->
-            <span class="red"><span class="fs12n"><!--{$arrErr[$key]}--></span></span>
-            <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|escape}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="40" class="box40" />
-            <br><span class="fs10">※受注メールなどの宛先になります。：(例)example@ec-cube.net</span>
+            <span class="attention"><!--{$arrErr[$key]}--></span>
+            <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|escape}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="50"  /><br>
+            <span class="ex-text">受注メールなどの宛先になります。<br>
+            (例)example@ec-cube.net</span>
             </td>
         </tr>
         <tr>
-            <td bgcolor="#f2f1ec" width="150"><span class="fs12n">管理者：ログインID<span class="red">※</span></span><br/><span class="fs10">半角英数字<!--{$smarty.const.ID_MIN_LEN}-->～<!--{$smarty.const.ID_MAX_LEN}-->文字</span></td>
-            <td bgcolor="#ffffff" width="332">
+            <th>ログインID<span class="attention">※</span><br/>半角英数字<!--{$smarty.const.ID_MIN_LEN}-->～<!--{$smarty.const.ID_MAX_LEN}-->文字</th>
+            <td>
             <!--{assign var=key value="login_id"}-->
-            <span class="red"><span class="fs12n"><!--{$arrErr[$key]}--></span></span>
-            <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|escape}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="40" class="box40" />
-            <br><span class="fs10">※管理機能にログインするためのIDです。</span>
+            <span class="attention"><!--{$arrErr[$key]}--></span>
+            <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|escape}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="50"  /><br>
+            <span class="ex-text">管理機能にログインするためのIDです。</span><br />
             </td>
         </tr>
         <tr>
-            <td bgcolor="#f2f1ec" width="150"><span class="fs12n">管理者：パスワード<span class="red">※</span></span><br/><span class="fs10">半角英数字<!--{$smarty.const.ID_MIN_LEN}-->～<!--{$smarty.const.ID_MAX_LEN}-->文字</span></td>
-            <td bgcolor="#ffffff" width="332">
+            <th>パスワード<span class="attention">※</span><br/>半角英数字<!--{$smarty.const.ID_MIN_LEN}-->～<!--{$smarty.const.ID_MAX_LEN}-->文字</th>
+            <td>
             <!--{assign var=key value="login_pass"}-->
-            <span class="red"><span class="fs12n"><!--{$arrErr[$key]}--></span></span>
-            <input type="password" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|escape}-->" maxlength="<!--{$smarty.const.ID_MAX_LEN}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->;" size="40" class="box40" />
-            <br><span class="fs10">※管理機能にログインするためのパスワードです。</span>
+            <span class="attention"><!--{$arrErr[$key]}--></span>
+            <input type="password" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|escape}-->" maxlength="<!--{$smarty.const.ID_MAX_LEN}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->;" size="50"  /><br>
+            <span class="ex-text">管理機能にログインするためのパスワードです。</sapn><br />
             </td>
         </tr>
     </table>
-    </td>
-</tr>
-<tr><td height="20"></td></tr>
-<tr><td align="left" class="fs12st">■管理機能の設定</td></tr>
-<tr>
-    <td bgcolor="#cccccc">
-    <table width="500" border="0" cellspacing="1" cellpadding="8" summary=" ">
 
+
+
+<h2>管理機能の設定</h2>
+<table>
+<colgroup width="30%">
+<colgroup width="70%">
         <tr>
-            <td bgcolor="#f2f1ec" width="150"><span class="fs12n">管理機能：ディレクトリ</span><br/><span class="fs10">半角英数字<!--{$smarty.const.ID_MIN_LEN}-->～<!--{$smarty.const.ID_MAX_LEN}-->文字</span></td>
-            <td bgcolor="#ffffff" width="332">
+            <th>ディレクトリ<br/>半角英数字<!--{$smarty.const.ID_MIN_LEN}-->～<!--{$smarty.const.ID_MAX_LEN}-->文字</th>
+            <td>
             <!--{assign var=key value="admin_dir"}-->
-            <span class="red"><span class="fs12n"><!--{$arrErr[$key]}--></span></span>
-            <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|escape|default:admin}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->;" size="40" class="box40" />
-            <br><span class="fs10">※管理機能のディレクトリ名です。https://[ホスト名].[ドメイン名]/[ショップディレクトリ]/[管理機能：ディレクトリ]/で管理機能にアクセスする場合の[管理機能]の部分。</span>
+            <span class="attention"><!--{$arrErr[$key]}--></span>
+            <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|escape|default:admin}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->;" size="50" /><br>
+            <span class="ex-text">管理機能のディレクトリ名です。<br>
+             下記で管理機能にアクセスする場合の[管理機能]の部分です。<br>
+             https://[ホスト名].[ドメイン名]/[ショップディレクトリ]/<span class="bold">[ディレクトリ]</span>/</span><br />
             </td>
         </tr>
         <tr>
-            <td bgcolor="#f2f1ec" width="150"><span class="fs12n">管理機能：SSL制限</span><br/><span class="fs10"></td>
-            <td bgcolor="#ffffff" width="332">
+            <th>SSL制限<br/></th>
+            <td>
             <!--{assign var=key value="admin_force_ssl"}-->
-            <span class="red"><span class="fs12n"><!--{$arrErr[$key]}--></span></span>
-            <input type="checkbox" name="<!--{$key}-->" id="<!--{$key}-->" value="1" <!--{if $arrForm[$key].value == 1}-->checked="checked"<!--{/if}--> /><label for="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->;" class="fs12n">SSLを強制する。</label>
-            <br><span class="fs10">※管理機能へのアクセスをSSL経由(https)の接続に制限します。</span>
+            <span class="attention"><!--{$arrErr[$key]}--></span>
+            <input type="checkbox" name="<!--{$key}-->" id="<!--{$key}-->" value="1" <!--{if $arrForm[$key].value == 1}-->checked="checked"<!--{/if}--> /><label for="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->;">SSLを強制する。</label><br>
+            <span class="ex-text">管理機能へのアクセスをSSL経由(https)の接続に制限します。</span><br />
             </td>
         </tr>
         <tr>
-            <td bgcolor="#f2f1ec" width="150"><span class="fs12n">管理機能：IP制限</span><br/><span class="fs10"></td>
-            <td bgcolor="#ffffff" width="332">
+            <th>IP制限<br/></th>
+            <td>
             <!--{assign var=key value="admin_allow_hosts"}-->
-            <span class="red fs12n"><!--{$arrErr[$key]}--></span>
-            <span class="fs10">※管理機能へのアクセスを特定のIPアドレスからの接続のみに制限します。アクセスを許可するIPアドレスを1行づつ入力してください。何も入力しない場合は全てを許可します。</span><br />
-            <textarea name="<!--{$key}-->" class="fs12n box40"><!--{$arrForm[$key].value|escape}--></textarea>
+            <span class="ex-text">管理機能へのアクセスを特定のIPアドレスからの接続のみに制限します。<br />
+            アクセスを許可するIPアドレスを1行づつ入力してください。<br />
+            何も入力しない場合は全てを許可します。</span><br />
+            <textarea name="<!--{$key}-->" class="box280"><!--{$arrForm[$key].value|escape}--></textarea>
             </td>
         </tr>
     </table>
-    </td>
-</tr>
-<tr><td height="20"></td></tr>
-<tr><td align="left" class="fs12st">■WEBサーバの設定</td></tr>
-<tr>
-    <td bgcolor="#cccccc">
-    <table width="500" border="0" cellspacing="1" cellpadding="8" summary=" ">
+
+<h2>WEBサーバの設定</h2>
+    <table>
+    <colgroup width="30%">
+    <colgroup width="70%">
         <tr>
-            <td bgcolor="#f2f1ec" width="150" class="fs12n">URL(通常)<span class="red">※</span></td>
-            <td bgcolor="#ffffff" width="332" class="fs12">
+            <th>URL(通常)<span class="attention">※</span></th>
+            <td>
             <!--{assign var=key value="normal_url"}-->
-            <span class="red"><!--{$arrErr[$key]}--></span>
-            <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|escape}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="40" class="box40" />
+            <span class="attention"><!--{$arrErr[$key]}--></span>
+            <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|escape}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="50"  />
             </td>
         </tr>
         <tr>
-            <td bgcolor="#f2f1ec" width="150" class="fs12n">URL(セキュア)<span class="red">※</span></td>
-            <td bgcolor="#ffffff" width="332" class="fs12">
+            <th>URL(セキュア)<span class="attention">※</span></th>
+            <td>
             <!--{assign var=key value="secure_url"}-->
-            <span class="red"><!--{$arrErr[$key]}--></span>
-            <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|escape}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="40" class="box40" />
+            <span class="attention"><!--{$arrErr[$key]}--></span>
+            <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|escape}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="50"  />
             </td>
         </tr>
         <tr>
-            <td bgcolor="#f2f1ec" width="150" class="fs12n">共通ドメイン</td>
-            <td bgcolor="#ffffff" width="332">
+            <th>共通ドメイン</th>
+            <td>
             <!--{assign var=key value="domain"}-->
-            <span class="red"><span class="fs12n"><!--{$arrErr[$key]}--></span></span>
-            <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|escape}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="40" class="box40" />
-            <br><span class="fs10">※通常URLとセキュアURLでサブドメインが異なる場合に指定します。</span>
+            <span class="attention"><!--{$arrErr[$key]}--></span>
+            <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|escape}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="50"  /><br>
+            <span class="ex-text">通常URLとセキュアURLでサブドメインが異なる場合に指定します。</span>
             </td>
         </tr>
     </table>
-    </td>
-</tr>
-</table>
-
-<table width="500" border="0" cellspacing="1" cellpadding="8" summary=" ">
-    <tr><td height="20"></td></tr>
-    <tr>
-        <td align="center">
-        <a href="#" onmouseover="chgImg('img/back_on.jpg','back')" onmouseout="chgImg('img/back.jpg','back')" onclick="document.form1['mode'].value='return_step0';document.form1.submit();return false;" /><img  width="105" src="img/back.jpg"  height="24" alt="前へ戻る" border="0" name="back"></a>
-        <input type="image" onMouseover="chgImgImageSubmit('img/next_on.jpg',this)" onMouseout="chgImgImageSubmit('img/next.jpg',this)" src="img/next.jpg" width="105" height="24" alt="次へ進む" border="0" name="next">
-        </td>
-    </tr>
-    <tr><td height="30"></td></tr>
+</block>
+</div>
+<div class="btn-area-top"></div>
+  <div class="btn-area">
+    <ul>
+        <li><a class="btn-action" href="javascript:;" onclick="document.form1['mode'].value='return_step0';document.form1.submit();return false;" /><span class="btn-prev">前へ戻る</span></a></li>
+    <li><a class="btn-action"href="javascript:;" onclick="document.form1.submit(); return false;" /><span class="btn-next">次へ進む</span></a></li>
+    </ul>
+  </div>
+  <div class="btn-area-bottom"></div>
 </from>
-</table>
Index: branches/version-2_5-dev/html/install/templates/step2.tpl
===================================================================
--- branches/version-2_5-dev/html/install/templates/step2.tpl	(revision 19711)
+++ branches/version-2_5-dev/html/install/templates/step2.tpl	(revision 19964)
@@ -34,5 +34,4 @@
 }
 </script>
-<table width="502" border="0" cellspacing="1" cellpadding="0" summary=" ">
 <form name="form1" id="form1" method="post" action="?">
 <input type="hidden" name="mode" value="<!--{$tpl_mode}-->">
@@ -41,17 +40,19 @@
 <input type="hidden" name="<!--{$key}-->" value="<!--{$item|escape}-->">
 <!--{/foreach}-->
-
-<tr><td height="30"></td></tr>
-<tr><td align="left" class="fs12st">■データベースの設定</td></tr>
-<tr><td align="left" class="fs12">※インストールの前に新しくDBを作成しておく必要があります。</td></tr>
-<tr><td align="left" class="red12"><!--{$arrErr.all}--></td></tr>
-<tr>
-    <td bgcolor="#cccccc">
-    <table width="500" border="0" cellspacing="1" cellpadding="8" summary=" ">
+<div class="contents">
+  <div class="message">
+    <h2>データベースの設定</h2>
+    ※インストールの前に新しくDBを作成しておく必要があります。
+    <!--{$arrErr.all}-->
+  </div>
+  <div class="block">
+  <table>
+  <colgroup width="30%">
+  <colgroup width="70%">
         <tr>
-            <td bgcolor="#f2f1ec" width="150" class="fs12n">DBの種類<span class="red">※</span></td>
-            <td bgcolor="#ffffff" width="332" class="fs12">
+            <th>DBの種類<span class="attention">※</span></th>
+            <td>
             <!--{assign var=key value="db_type"}-->
-            <span class="red"><!--{$arrErr[$key]}--></span>
+            <span class="attention"><!--{$arrErr[$key]}--></span>
             <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" onChange="lfnChangePort(this)">
             <!--{html_options options=$arrDB_TYPE selected=$arrForm[$key].value}-->
@@ -60,57 +61,53 @@
         </tr>
         <tr>
-            <td bgcolor="#f2f1ec" width="150" class="fs12n">DBサーバ<span class="red">※</span></td>
-            <td bgcolor="#ffffff" width="332" class="fs12">
+            <th>DBサーバ<span class="attention">※</span></th>
+            <td>
             <!--{assign var=key value="db_server"}-->
-            <span class="red"><!--{$arrErr[$key]}--></span>
-            <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|escape}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="40" class="box40" />
+            <span class="attention"><!--{$arrErr[$key]}--></span>
+            <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|escape}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="50" />
             </td>
         </tr>
         <tr>
-            <td bgcolor="#f2f1ec" width="150" class="fs12n">ポート</td>
-            <td bgcolor="#ffffff" width="332">
+            <th>ポート</th>
+            <td>
             <!--{assign var=key value="db_port"}-->
-            <span class="red"><span class="fs12n"><!--{$arrErr[$key]}--></span></span>
-            <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|escape}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="6" class="box6" />
+            <span class="attention"><span class="fs12n"><!--{$arrErr[$key]}--></span></span>
+            <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|escape}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="50" />
             </td>
         </tr>
         <tr>
-            <td bgcolor="#f2f1ec" width="150" class="fs12n">DB名<span class="red">※</span></td>
-            <td bgcolor="#ffffff" width="332" class="fs12">
+            <th>DB名<span class="attention">※</span></th>
+            <td>
             <!--{assign var=key value="db_name"}-->
-            <span class="red"><span class="fs12n"><!--{$arrErr[$key]}--></span></span>
-            <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|escape}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="40" class="box40" />
+            <span class="attention"><span class="fs12n"><!--{$arrErr[$key]}--></span></span>
+            <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|escape}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="50" />
             </td>
         </tr>
         <tr>
-            <td bgcolor="#f2f1ec" width="150" class="fs12n">DBユーザ<span class="red">※</span></td>
-            <td bgcolor="#ffffff" width="332" class="fs12">
+            <th>DBユーザ<span class="attention">※</span></th>
+            <td>
             <!--{assign var=key value="db_user"}-->
-            <span class="red"><!--{$arrErr[$key]}--></span>
-            <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|escape}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="40" class="box40" />
+            <span class="attention"><!--{$arrErr[$key]}--></span>
+            <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|escape}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="50" />
             </td>
         </tr>
         <tr>
-            <td bgcolor="#f2f1ec" width="150" class="fs12n">DBパスワード<span class="red">※</span></td>
-            <td bgcolor="#ffffff" width="332" class="fs12">
+            <th>DBパスワード<span class="attention">※</span></th>
+            <td>
             <!--{assign var=key value="db_password"}-->
-            <span class="red"><!--{$arrErr[$key]}--></span>
-            <input type="password" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|escape}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="40" class="box40" />
+            <span class="attention"><!--{$arrErr[$key]}--></span>
+            <input type="password" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|escape}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" size="50" />
             </td>
         </tr>
     </table>
-    </td>
-</tr>
-</table>
+</div>
 
-<table width="500" border="0" cellspacing="1" cellpadding="8" summary=" ">
-    <tr><td height="20"></td></tr>
-    <tr>
-        <td align="center">
-        <a href="#" onmouseover="chgImg('img/back_on.jpg','back')" onmouseout="chgImg('img/back.jpg','back')" onclick="document.form1['mode'].value='return_step1';document.form1.submit();return false;" /><img  width="105" src="img/back.jpg"  height="24" alt="前へ戻る" border="0" name="back"></a>
-        <input type="image" onMouseover="chgImgImageSubmit('img/next_on.jpg',this)" onMouseout="chgImgImageSubmit('img/next.jpg',this)" src="img/next.jpg" width="105" height="24" alt="次へ進む" border="0" name="next">
-        </td>
-    </tr>
-    <tr><td height="30"></td></tr>
+<div class="btn-area-top"></div>
+  <div class="btn-area">
+    <ul>
+        <li><a class="btn-action" href="javascript:;" onclick="document.form1['mode'].value='return_step1';document.form1.submit();return false;" /><span class="btn-prev">前へ戻る</span></a></li>
+    <li><a class="btn-action"href="javascript:;" onclick="document.form1.submit(); return false;" /><span class="btn-next">次へ進む</span></a></li>
+    </ul>
+  </div>
+  <div class="btn-area-bottom"></div>
 </from>
-</table>
Index: branches/version-2_5-dev/html/install/templates/step3.tpl
===================================================================
--- branches/version-2_5-dev/html/install/templates/step3.tpl	(revision 19711)
+++ branches/version-2_5-dev/html/install/templates/step3.tpl	(revision 19964)
@@ -6,5 +6,5 @@
  * http://www.lockon.co.jp/
  *
- * This program is free software; you can redistribute it and/or
+ * This program is free software; you can attentionistribute it and/or
  * modify it under the terms of the GNU General Public License
  * as published by the Free Software Foundation; either version 2
@@ -39,5 +39,4 @@
 </script>
 
-<table width="502" border="0" cellspacing="1" cellpadding="0" summary=" ">
 <form name="form1" id="form1" method="post" action="?">
 <input type="hidden" name="mode" value="<!--{$tpl_mode}-->">
@@ -48,41 +47,38 @@
 <!--{/foreach}-->
 
-<tr><td height="30"></td></tr>
-<tr><td align="left" class="fs12st">■データベースの初期化</td></tr>
-<tr><td align="left" class="fs12"><!--{if $tpl_db_version != ""}-->接続情報：<!--{$tpl_db_version}--><!--{/if}--></td></tr>
-<tr><td align="left" class="fs12">データベースの初期化を開始します</td></tr>
-<tr><td align="left" class="fs12">※すでにテーブル等が作成されている場合は中断されます</td></tr>
-<!--{if $tpl_mode != 'complete'}-->
-<tr><td align="left" class="fs12"><input type="checkbox" id="skip" name="db_skip" <!--{if $tpl_db_skip == "on"}-->checked<!--{/if}-->> <label for="skip">データベースの初期化処理を行わない</label></td></tr>
+<div class="contents">
+  <div class="message">
+    <h2>データベースの初期化</h2>
+  </div>
+  <div class="result-info02">
+  <p class="action-message">
+    <!--{if $tpl_db_version != ""}--><span class="bold">接続情報：</span><br />
+      <!--{$tpl_db_version}--><!--{/if}-->
+      データベースの初期化を開始します。<br />
+      ※すでにテーブル等が作成されている場合は中断されます。</P>
+      <!--{if $tpl_mode != 'complete'}-->
+      <input type="checkbox" id="skip" name="db_skip" <!--{if $tpl_db_skip == "on"}-->checked    <!--{/if}-->> <label for="skip">データベースの初期化処理を行わない</label>
+    <!--{/if}-->
+  </div>
+  <div class="result-info02">
+<!--{if count($arrErr) > 0 || $tpl_message != ""}-->
+            <!--{$tpl_message}--><br>
+            <span class="attention top"><!--{$arrErr.all}-->
+            <!--{if $arrErr.all != ""}--></span>
+            <ul class="btn-area">
+              <li><a class="btn-normal" href="javascript:;" onclick="fnModeSubmit('drop'); return false;">既存データをすべて削除する</a></li>
+            </ul>
+            <!--{/if}-->
 <!--{/if}-->
+  </div>
+</div>
 
-<!--{if count($arrErr) > 0 || $tpl_message != ""}-->
-<tr>
-    <td bgcolor="#cccccc" class="fs12">
-    <table width="500" border="0" cellspacing="1" cellpadding="8" summary=" ">
-        <tr>
-            <td bgcolor="#ffffff" class="fs12" height="50">
-            <!--{$tpl_message}--><br>
-            <span class="red"><!--{$arrErr.all}--></span>
-            <!--{if $arrErr.all != ""}-->
-            <input type="button" onclick="fnModeSubmit('drop');" value="既存データをすべて削除する">
-            <!--{/if}-->
-            </td>
-        </tr>
-    </table>
-    </td>
-</tr>
-<!--{/if}-->
-</table>
-
-<table width="500" border="0" cellspacing="1" cellpadding="8" summary=" ">
-    <tr><td height="20"></td></tr>
-    <tr>
-        <td align="center">
-        <a href="#" onmouseover="chgImg('img/back_on.jpg','back')" onmouseout="chgImg('img/back.jpg','back')" onclick="document.form1['mode'].value='return_step2';document.form1.submit();return false;" /><img  width="105" src="img/back.jpg"  height="24" alt="前へ戻る" border="0" name="back"></a>
-        <input type="image" onMouseover="chgImgImageSubmit('img/next_on.jpg',this)" onMouseout="chgImgImageSubmit('img/next.jpg',this)" src="img/next.jpg" width="105" height="24" alt="次へ進む" border="0" name="next" onClick="document.body.style.cursor = 'wait';">
-        </td>
-    </tr>
-    <tr><td height="30"></td></tr>
+<div class="btn-area-top"></div>
+  <div class="btn-area">
+    <ul>
+        <li><a class="btn-action" href="javascript:;"onclick="document.form1['mode'].value='return_step2';document.form1.submit();return false;" /><span class="btn-prev">前へ戻る</span></a></li>
+    <li><a class="btn-action"href="javascript:;" onclick="document.body.style.cursor='wait'; document.form1.submit(); return false;"><span class="btn-next">次へ進む</span></a></li>
+    </ul>
+  </div>
+  <div class="btn-area-bottom"></div>
 </from>
-</table>
Index: branches/version-2_5-dev/html/install/templates/step4.tpl
===================================================================
--- branches/version-2_5-dev/html/install/templates/step4.tpl	(revision 19925)
+++ branches/version-2_5-dev/html/install/templates/step4.tpl	(revision 19964)
@@ -20,5 +20,4 @@
  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  *}-->
-<table width="502" border="0" cellspacing="1" cellpadding="0" summary=" ">
 <form name="form1" id="form1" method="post" action="?">
 <input type="hidden" name="mode" value="<!--{$tpl_mode}-->">
@@ -35,37 +34,32 @@
 <!--{/foreach}-->
 
-<tr><td height="30"></td></tr>
-<tr><td align="left" class="fs12st">■サイト情報について</td></tr>
-<tr><td align="left" class="fs12">EC-CUBEのシステム向上及び、デバッグのため以下の情報のご提供をお願いいたします。</td></tr>
-<tr>
-    <td bgcolor="#cccccc" class="fs12">
-    <table width="500" border="0" cellspacing="1" cellpadding="8" summary=" ">
-        <tr>
-            <td bgcolor="#ffffff" class="fs12" height="50">
-              <ul>
-                <li>サイトURL：<!--{$tpl_site_url}--></li>
-                <li>店舗名：<!--{$tpl_shop_name}--></li>
-                <li>EC-CUBEバージョン：<!--{$tpl_cube_ver}--></li>
-                <li>PHP情報：<!--{$tpl_php_ver}--></li>
-                <li>DB情報：<!--{$tpl_db_ver}--></li>
-                <li>OS情報：<!--{""|php_uname|escape}--> <!--{$smarty.server.SERVER_SOFTWARE|escape}--></li>
-              </ul>
-            </td>
-        </tr>
-    </table>
-    </td>
-</tr>
-<tr><td align="left" class="fs12"><input type="radio" id="ok" name="send_info" checked value=true><label for="ok">はい(推奨)</label>　<input type="radio" id="ng" name="send_info" value=false><label for="ng">いいえ</label></td></tr>
-</table>
 
-<table width="500" border="0" cellspacing="1" cellpadding="8" summary=" ">
-    <tr><td height="20"></td></tr>
-    <tr>
-        <td align="center">
-        <a href="#" onmouseover="chgImg('img/back_on.jpg','back')" onmouseout="chgImg('img/back.jpg','back')" onclick="document.form1['mode'].value='return_step3';document.form1.submit();return false;" /><img  width="105" src="img/back.jpg"  height="24" alt="前へ戻る" border="0" name="back"></a>
-        <input type="image" onMouseover="chgImgImageSubmit('img/next_on.jpg',this)" onMouseout="chgImgImageSubmit('img/next.jpg',this)" src="img/next.jpg" width="105" height="24" alt="次へ進む" border="0" name="next">
-        </td>
-    </tr>
-    <tr><td height="30"></td></tr>
+<div class="contents">
+  <div class="message">
+    <h2>サイト情報について</h2>
+     <p>EC-CUBEのシステム向上及び、デバッグのため以下の情報のご提供をお願いいたします。</p>
+  </div>
+  <div class="result-info01">
+          <ul class="site-info-list">
+            <li><span class="bold">サイトURL：</span><!--{$tpl_site_url}--></li>
+            <li<span class="bold">店舗名：</span><!--{$tpl_shop_name}--></li>
+            <li><span class="bold">EC-CUBEバージョン：</span><!--{$tpl_cube_ver}--></li>
+            <li><span class="bold">PHP情報：</span><!--{$tpl_php_ver}--></li>
+            <li><span class="bold">DB情報：</span><!--{$tpl_db_ver}--></li>
+            <li><span class="bold">OS情報：</span><!--{""|php_uname|escape}--> <!--{$smarty.server.SERVER_SOFTWARE|escape}--></li>
+          </ul>
+  </div>
+  <div class="result-info02">
+<input type="radio" id="ok" name="send_info" checked value=true><label for="ok">はい(推奨)</label>　<input type="radio" id="ng" name="send_info" value=false><label for="ng">いいえ</label>
+  </div>
+</div>
+<div class="btn-area-top"></div>
+  <div class="btn-area">
+    <ul>
+        <li>
+        <a class="btn-action" href="#" onclick="document.form1['mode'].value='return_step3';document.form1.submit();return false;" /><span class="btn-prev">前へ戻る</span></a></li>
+         <li>
+        <a class="btn-action" href="javascript:;" onclick="document.form1.submit(); return false;"><span class="btn-next">次へ進む</span></a></li>
+   </ul>
+  <div class="btn-area-bottom"></div>
 </from>
-</table>
Index: branches/version-2_5-dev/html/install/templates/install_frame.tpl
===================================================================
--- branches/version-2_5-dev/html/install/templates/install_frame.tpl	(revision 19925)
+++ branches/version-2_5-dev/html/install/templates/install_frame.tpl	(revision 19964)
@@ -1,138 +1,54 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-<html lang="ja">
 <!--{*
- * This file is part of EC-CUBE
- *
- * Copyright(c) 2000-2010 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.
- *}-->
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=<!--{$smarty.const.CHAR_CODE}-->">
-<meta http-equiv="content-script-type" content="text/javascript">
-<meta http-equiv="content-style-type" content="text/css">
-<script type="text/javascript" src="../js/css.js"></script>
-<script type="text/javascript" src="../js/navi.js"></script>
-<style type="text/css">
-  .red {
-      color: #F00;
-  }
-</style>
-<title>EC CUBE インストール画面</title>
-</head>
-
-<body bgcolor="#ffffff" text="#000000" link="#006699" vlink="#006699" alink="#006699" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
-<noscript>
-</noscript>
-<div align="center">
-<a name="top"></a>
-
-<!--▼HEADER-->
-<table width="912" border="0" cellspacing="0" cellpadding="0" summary=" ">
-    <tr valign="top">
-        <td><img src="img/header_left.jpg" width="17" height="50" alt=""></td>
-        <td>
-        <table width="878" border="0" cellspacing="0" cellpadding="0" summary=" " background="img/header_bg2.jpg">
-            <tr valign="top">
-                <td><img src="img/logo.jpg" width="230" height="50" alt="EC CUBE" border="0"></td>
-                <td width="648" align="right"></td>
-            </tr>
-        </table>
-        </td>
-        <td><img src="img/header_right.jpg" width="17" height="50" alt=""></td>
-    </tr>
-</table>
-<!--▲HEADER-->
-
-<!--▼CONTENTS-->
-<table width="912" border="0" cellspacing="0" cellpadding="0" summary=" ">
-    <tr valign="top">
-        <td background="img/left_bg.jpg"><img src="img/left.jpg" width="17" height="443" alt=""></td>
-        <td>
-        <!--★★メインコンテンツ★★-->
-        <table width="878" border="0" cellspacing="0" cellpadding="0" summary=" ">
-            <tr valign="top">
-                <td class="mainbg" align="center" height="450">
-                <table width="562" border="0" cellspacing="0" cellpadding="0" summary=" ">
-                    <tr><td height="40"></td></tr>
-                    <tr>
-                        <td colspan="3"><img src="img/error_top.jpg" width="562" height="14" alt=""></td>
-                    </tr>
-                    <tr>
-                        <td background="img/main_left.jpg"><img src="img/_.gif" width="14" height="1" alt=""></td>
-                        <td bgcolor="#cccccc">
-                        <!--検索条件設定テーブルここから-->
-                        <table width="534" border="0" cellspacing="0" cellpadding="0" summary=" ">
-                            <tr>
-                                <td bgcolor="#ffffff" align="center">
-                                <!--{include file=$tpl_mainpage}-->
-                                </td>
-                            </tr>
-                        </table>
-                        <!--検索条件設定テーブルここまで-->
-                        </td>
-                        <td background="img/main_right.jpg"><img src="img/_.gif" width="14" height="1" alt=""></td>
-                    </tr>
-                    <tr>
-                        <td colspan="3"><img src="img/error_bottom.jpg" width="562" height="14" alt=""></td>
-                    </tr>
-                    <tr><td height="40"></td></tr>
-                </table>
-                </td>
-            </tr>
-        </table>
-        <!--★★メインコンテンツ★★-->
-        </td>
-        <td background="img/right_bg.jpg"><div align="justify"><img src="img/right.jpg" width="17" height="443" alt=""></div></td>
-    </tr>
-</table>
-<!--▲CONTENTS-->
-
-<!--▼FOOTER-->
-<table width="912" border="0" cellspacing="0" cellpadding="0" summary=" ">
-    <tr valign="top">
-        <td background="img/left_bg.jpg"><img src="img/_.gif" width="17" height="1" alt=""></td>
-        <td bgcolor="#636469">
-        <table width="878" border="0" cellspacing="0" cellpadding="0" summary=" ">
-            <tr>
-                <td align="center" bgcolor="#f0f0f0">
-                <table width="840" border="0" cellspacing="0" cellpadding="0" summary=" ">
-                    <tr>
-                        <td height="45" align="right"><a href="#top"><img src="img/pagetop.gif" width="105" height="17" alt="GO TO PAGE TOP" border="0"></a></td>
-                    </tr>
-                </table>
-                </td>
-            </tr>
-        </table>
-        <table width="878" border="0" cellspacing="0" cellpadding="10" summary=" ">
-            <tr>
-                <td class="fs10n"><span class="gray">&nbsp;Copyright &copy; 2000-<!--{$smarty.now|date_format:"%Y"}--> LOCKON CO.,LTD. All Rights Reserved.</span></td>
-            </tr>
-        </table>
-        </td>
-        <td background="img/right_bg.jpg"><img src="img/_.gif" width="17" height="1" alt=""></td>
-    </tr>
-    <tr>
-        <td colspan="3"><img src="img/footer.jpg" width="912" height="19" alt=""></td>
-    </tr>
-    <tr><td height="10"></td></tr>
-</table>
-<!--▲FOOTER-->
-</div>
-
-</body>
+    /*
+    * This file is part of EC-CUBE
+    *
+    * Copyright(c) 2000-2010 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.
+    */
+    *}-->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=<!--{$smarty.const.CHAR_CODE}-->" />
+    <meta http-equiv="content-script-type" content="text/javascript" />
+    <meta http-equiv="content-style-type" content="text/css" />
+    <link rel="stylesheet" href="css/admin_contents.css" type="text/css" media="all" />
+    <script type="text/javascript" src="../js/css.js"></script>
+    <script type="text/javascript" src="../js/navi.js"></script>
+    <script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
+    <title>EC-CUBEインストール</title>
+  </head>
+  <body>
+    <!--{$GLOBAL_ERR}-->
+    <noscript>
+      <p>JavaScript を有効にしてご利用下さい。</p>
+    </noscript>
+    <div id="outside-admin">
+      <div id="install-wrap">
+          <div class="logo">
+            <img src="img/logo_resize.jpg" width="99" height="15" alt="EC-CUBE" />
+          </div>
+        <div id="install-area">
+          <div class="install-top"></div>
+          <!--{include file=$tpl_mainpage}-->
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>
 </html>
Index: branches/version-2_5-dev/html/install/templates/complete.tpl
===================================================================
--- branches/version-2_5-dev/html/install/templates/complete.tpl	(revision 19867)
+++ branches/version-2_5-dev/html/install/templates/complete.tpl	(revision 19964)
@@ -27,19 +27,20 @@
 <input type="hidden" name="<!--{$key}-->" value="<!--{$item|escape}-->">
 <!--{/foreach}-->
+<div class="contents">
+  <div class="message">
+        <h2>EC CUBE インストールが完了しました。</h2>
+  </div>
+  <div class="result-info02">
+        <p><a href="<!--{$tpl_sslurl}--><!--{$smarty.const.ADMIN_DIR}--><!--{$smarty.const.DIR_INDEX_URL}-->">管理画面</a>にログインできます。<br />
+        先ほど登録したID、パスワードを用いてログインしてください。</p>
+  </div>
+</div>
 
-<tr><td height="80"></td></tr>
-<tr>
-    <td align="center" class="fs12">
-        <strong>EC CUBE インストールが完了しました。</strong><br>
-        <br>
-        <a href="<!--{$tpl_sslurl}--><!--{$smarty.const.ADMIN_DIR}--><!--{$smarty.const.DIR_INDEX_URL}-->">管理画面</a>にログインできます。
-    </td>
-</tr>
-<tr>
-    <td align="center" class="fs10">
-        先ほど登録したID、パスワードを用いてログインしてください。
-    </td>
-</tr>
-<tr><td height="80"></td></tr>
-
-</table>
+<div class="btn-area-top"></div>
+  <div class="btn-area">
+    <ul>
+        <li><a class="btn-action" href="<!--{$tpl_sslurl}--><!--{$smarty.const.ADMIN_DIR}--><!--{$smarty.const.DIR_INDEX_URL}-->"><span class="btn-next">管理画面へログインする</span></a></li>
+    </ul>
+  </div>
+  <div class="btn-area-bottom"></div>
+</from>
Index: branches/version-2_5-dev/html/install/templates/step0.tpl
===================================================================
--- branches/version-2_5-dev/html/install/templates/step0.tpl	(revision 19711)
+++ branches/version-2_5-dev/html/install/templates/step0.tpl	(revision 19964)
@@ -20,5 +20,4 @@
  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  *}-->
-<table width="502" border="0" cellspacing="1" cellpadding="0" summary=" ">
 <form name="form1" id="form1" method="post" action="?">
 <input type="hidden" name="mode" value="<!--{$tpl_mode}-->">
@@ -29,24 +28,12 @@
 <!--{/foreach}-->
 
-<tr><td height="30"></td></tr>
-<tr><td align="left" class="fs12st">■チェック結果</td></tr>
-<tr>
-    <td bgcolor="#cccccc">
-    <table width="500" border="0" cellspacing="1" cellpadding="8" summary=" ">
-        <tr>
-            <td bgcolor="#ffffff" class="fs12">
-            <!--{$mess}-->
-            </td>
-        </tr>
-    </table>
-    </td>
-</tr>
-</table>
-
-<table width="502" border="0" cellspacing="1" cellpadding="0" summary=" ">
-    <tr><td height="15"></td></tr>
-    <tr><td align="left" class="fs12">
+<div class="contents">
+  <h2>チェック結果</h2>
+  <div class="result-info01">
+    <textarea name="disp_area" cols="50" rows="20" class="box470"><!--{$mess}--></textarea>
+  </div>
+  <div class="result-info02">
         <!--{if $hasErr}-->
-            <p>[次へ進む] をクリックすると、チェックを再実行します。</p>
+            <p class="action-message">[次へ進む] をクリックすると、チェックを再実行します。</p>
             <div><input type="checkbox" name="mode_overwrite" value="step0" id="mode_overwrite"> <label for="mode_overwrite">問題点を無視して次へ進む (上級者向け)</label></div>
             <div class="red">※ 問題点を解決せずに無視して進めると、トラブルの原因となる場合があります。</div>
@@ -54,16 +41,13 @@
             必要なファイルのコピーを開始します。
         <!--{/if}-->
-    </td></tr>
-</table>
-
-<table width="500" border="0" cellspacing="1" cellpadding="8" summary=" ">
-    <tr><td height="20"></td></tr>
-    <tr>
-        <td align="center">
-            <a href="#" onmouseover="chgImg('img/back_on.jpg','back')" onmouseout="chgImg('img/back.jpg','back')" onclick="document.form1['mode'].value='return_welcome';document.form1.submit();" /><img  width="105" src="img/back.jpg"  height="24" alt="前へ戻る" border="0" name="back"></a>
-            <input type="image" onMouseover="chgImgImageSubmit('img/next_on.jpg',this)" onMouseout="chgImgImageSubmit('img/next.jpg',this)" src="img/next.jpg" width="105" height="24" alt="次へ進む" border="0" name="next">
-        </td>
-    </tr>
-    <tr><td height="30"></td></tr>
+  </div>
+</div>
+<div class="btn-area-top"></div>
+  <div class="btn-area">
+    <ul>
+      <li><a class="btn-action" href="javascript:;" onclick="document.form1['mode'].value='return_welcome';document.form1.submit(); return false;" /><span class="btn-prev">前へ戻る</span></a></li>
+      <li><a class="btn-action" href="javascript:;" onclick="document.form1.submit(); return false;"><span class="btn-next">次へ進む</span></a></li>
+    </ul>
+  </div>
+  <div class="btn-area-bottom"></div>
 </from>
-</table>
Index: branches/version-2_5-dev/html/install/templates/step0_1.tpl
===================================================================
--- branches/version-2_5-dev/html/install/templates/step0_1.tpl	(revision 19711)
+++ branches/version-2_5-dev/html/install/templates/step0_1.tpl	(revision 19964)
@@ -20,23 +20,13 @@
  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  *}-->
-<table width="502" border="0" cellspacing="1" cellpadding="0" summary=" ">
 
-<table width="502" border="0" cellspacing="1" cellpadding="0" summary=" ">
-<tr><td height="20"></td></tr>
-<tr><td align="left" class="fs12st">■必要なファイルのコピー</td></tr>
-<tr>
-    <td bgcolor="#cccccc">
-    <table width="500" border="0" cellspacing="1" cellpadding="8" summary=" ">
-        <tr>
-            <td bgcolor="#ffffff" class="fs12">
-            <textarea name="disp_area" cols="70" rows="20" class="area70"><!--{$copy_mess}--></textarea></td>
-            </td>
-        </tr>
-    </table>
-    </td>
-</tr>
-</table>
 
-<table width="500" border="0" cellspacing="1" cellpadding="8" summary=" ">
+<div class="contents">
+  <div class="message">
+    <h2>必要なファイルのコピー</h2>
+  </div>
+  <div class="result-info01">
+    <textarea name="disp_area" cols="50" rows="20" class="box470"><!--{$copy_mess}--></textarea>
+  </div>
 <form name="form1" id="form1" method="post" action="?">
 <input type="hidden" name="mode" value="<!--{$tpl_mode}-->">
@@ -46,12 +36,22 @@
 <input type="hidden" name="<!--{$key}-->" value="<!--{$item|escape}-->">
 <!--{/foreach}-->
-    <tr><td height="20"></td></tr>
-    <tr>
-        <td align="center">
-        <a href="#" onmouseover="chgImg('img/back_on.jpg','back')" onmouseout="chgImg('img/back.jpg','back')" onclick="document.form1['mode'].value='return_step0';document.form1.submit();return false;" /><img  width="105" src="img/back.jpg"  height="24" alt="前へ戻る" border="0" name="back"></a>
-        <input type="image" onMouseover="chgImgImageSubmit('img/next_on.jpg',this)" onMouseout="chgImgImageSubmit('img/next.jpg',this)" src="img/next.jpg" width="105" height="24" alt="次へ進む" border="0" name="next">
-        </td>
-    </tr>
-    <tr><td height="30"></td></tr>
+  <div class="result-info02">
+        <!--{if $hasErr}-->
+            <p class="action-message">[次へ進む] をクリックすると、チェックを再実行します。</p>
+            <div><input type="checkbox" name="mode_overwrite" value="step0" id="mode_overwrite"> <label for="mode_overwrite">問題点を無視して次へ進む (上級者向け)</label></div>
+            <div class="attention">※ 問題点を解決せずに無視して進めると、トラブルの原因となる場合があります。</div>
+        <!--{else}-->
+            <p class="action-message">必要なファイルのコピーを開始します。</p>
+        <!--{/if}-->
+  </div>
+</div>
+
+<div class="btn-area-top"></div>
+  <div class="btn-area">
+    <ul>
+      <li><a href="#" class="btn-action" onclick="document.form1['mode'].value='return_step0';document.form1.submit();return false;" /><span class="btn-prev">前へ戻る</span></a></li>
+      <li><a class="btn-action" href="javascript:;" onclick="document.form1.submit(); return false;"><span class="btn-next">次へ進む</span></a></li>
+    </ul>
+  </div>
+  <div class="btn-area-bottom"></div>
 </from>
-</table>
Index: branches/version-2_5-dev/html/install/templates/welcome.tpl
===================================================================
--- branches/version-2_5-dev/html/install/templates/welcome.tpl	(revision 19711)
+++ branches/version-2_5-dev/html/install/templates/welcome.tpl	(revision 19964)
@@ -20,28 +20,20 @@
  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  *}-->
-<table width="502" border="0" cellspacing="1" cellpadding="0" summary=" ">
 <form name="form1" id="form1" method="post" action="./<!--{$smarty.const.DIR_INDEX_URL}-->">
 <input type="hidden" name="mode" value="<!--{$tpl_mode}-->">
-
 <!--{foreach key=key item=item from=$arrHidden}-->
 <input type="hidden" name="<!--{$key}-->" value="<!--{$item|escape}-->">
 <!--{/foreach}-->
-
-<tr><td height="60"></td></tr>
-<tr>
-	<td align="center" class="fs12">
-		<strong>EC CUBE インストールを開始します</strong>
-	</td>
-</tr>
-</table>
-
-<table width="500" border="0" cellspacing="1" cellpadding="8" summary=" ">
-	<tr><td height="30"></td></tr>
-	<tr>
-		<td align="center">
-		<input type="image" onMouseover="chgImgImageSubmit('img/next_on.jpg',this)" onMouseout="chgImgImageSubmit('img/next.jpg',this)" src="img/next.jpg" width="105" height="24" alt="次へ進む" border="0" name="next">
-		</td>
-	</tr>
-	<tr><td height="30"></td></tr>
+<div class="contents">
+  <div class="message">
+    EC-CUBEのインストールを開始します。
+  </div>
+</div>
+<div class="btn-area-top"></div>
+<div class="btn-area">
+  <ul>
+    <li><a class="btn-action" href="javascript:;" onclick="document.form1.submit(); return false;"><span class="btn-next">次へ進む</span></a></li>
+  </ul>
+</div>
+<div class="btn-area-bottom"></div>
 </from>
-</table>
Index: branches/version-2_5-dev/html/install/css/admin_contents.css
===================================================================
--- branches/version-2_5-dev/html/install/css/admin_contents.css	(revision 19964)
+++ branches/version-2_5-dev/html/install/css/admin_contents.css	(revision 19964)
@@ -0,0 +1,394 @@
+@charset "utf-8";
+
+* {
+    margin: 0;
+    padding: 0;
+}
+
+
+/* 上記による Fierfox 2 崩れ対応 */
+option {
+    margin-right: 0.5em;
+}
+
+html {
+    height: 100%;
+}
+
+body {
+    width: 100%;
+    height: 100%;
+    background: #fff;
+    font-family: "ＭＳ Ｐゴシック","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",Osaka,sans-serif;
+    font-size: 80%;
+    line-height: 120%;
+}
+
+option {
+    margin-right: 3px;
+    font-size: 100%;
+}
+
+input, textarea {
+    margin-right: 3px;
+    font-size: 100%;
+}
+
+select {
+    font-size: 100%;
+}
+select.top,
+input.top,
+textarea.top{
+    margin-bottom: 5px;
+}
+
+.page_rows{
+    margin-bottom:20px;
+}
+
+img {
+    border: 0;
+}
+
+ul, li {
+    list-style: none;
+}
+
+hr {
+    display: none;
+}
+
+/*テーブル設定*/
+table {
+    margin: 0 0 20px;
+    border-collapse: collapse;
+    width: 100%;
+    font-size: 100%;
+    text-align: left;
+}
+
+th, td {
+    padding: 5px;
+    border: 1px solid #ccc;
+}
+
+th {
+    width: 240px;
+    background: url('../img/table_back.png') repeat-x #f4f5f5;
+    font-weight: normal;
+    text-align: left;
+}
+
+.contents-main .btn-area, #popup .btn-area, #form_edit .btn-area{
+    margin : 0px 0 60px 0;
+    padding: 20px 0;
+    clear: both;
+    width: 100%;
+    background:#f5f5f5;
+    text-align: center;
+}
+
+.contents-main .btn-area li, #popup .btn-area li ,.btn-area li{
+    margin-right: 10px;
+    display: inline;
+}
+
+
+/*通常ボタン*/
+.btn-normal, a.btn-normal:link, a.btn-normal:visited {
+    margin-right: 5px;
+    padding: 2px 10px;
+    border: solid 1px #bcbecb;
+    display: inline-block;
+    color: #444757;
+    background-image: url('../img/white-grad.png');
+    background-attachment: scroll;
+    background-clip: border-box;
+    background-color: #eee;
+    font-weight: normal;
+    font-size: 90%;
+    text-decoration: none;
+    white-space: nowrap;
+    cursor: pointer;
+
+    /* CSS3 radius */
+    border-radius: 5px;
+    /* Safari, Chrome radius */
+    -webkit-box-sizing: content-box;
+    -webkit-border-radius: 5px;
+    /* Firefox radius */
+    -moz-border-radius: 5px;
+    /* Safari, Chrome radius */
+    -webkit-box-sizing: content-box;
+    -webkit-border-radius: 5px;
+    /* Firefox radius */
+    -moz-border-radius: 5px;
+}
+
+/*動作ボタン*/
+.btn-action, a.btn-action:link, a.btn-action:visited {
+    padding: 5px 10px;
+    border: solid 1px #bcbecb;
+    display: inline-block;
+    color: #444757;
+    background: url('../img/white-grad04.png') top repeat-x #eee;
+    background-attachment: scroll;
+    background-clip: border-box;
+    font-weight: normal;
+    font-size: 80%;
+    text-decoration: none;
+    white-space: nowrap;
+    cursor: pointer;
+
+    /* CSS3 radius */
+    border-radius: 5px;
+    /* Safari, Chrome radius */
+    -webkit-box-sizing: content-box;
+    -webkit-border-radius: 5px;
+    /* Firefox radius */
+    -moz-border-radius: 5px;
+    /* Safari, Chrome radius */
+    -webkit-box-sizing: content-box;
+    -webkit-border-radius: 5px;
+    /* Firefox radius */
+    -moz-border-radius: 5px;
+}
+
+
+/*戻るボタン*/
+.btn-action .btn-prev {
+    padding: 0 0 0 20px;
+    display: inline-block;
+    background: url('../img/ico_prev.gif') left no-repeat;
+    font-weight: bold;
+    font-size: 114%;
+}
+
+
+/*進むボタン*/
+.btn-action .btn-next {
+    padding: 0 20px 0 0;
+    display: inline-block;
+    background: url('../img/ico_next.gif') right no-repeat;
+    font-weight: bold;
+    font-size: 114%;
+}
+
+a.btn-normal:hover, a.btn-action:hover, a.btn-tool:hover{
+    border: solid 1px #d5d7df;
+    color: #6d728b;
+}
+
+a.btn-tool-format:hover{
+    border: solid 1px #363a47;
+    color: #6b728b;
+}
+
+a.btn:active, a.btn-normal:active {
+    background-image: url('../img/white-grad-active.png');
+}
+
+
+/*LINK*/
+a:link {
+    color: #39c;
+    text-decoration: none;
+}
+
+a:visited {
+    color: #39c;
+    text-decoration: none;
+}
+
+a:hover {
+    color: #39c;
+    text-decoration: none;
+}
+
+.left {
+    text-align: left;
+}
+
+.center {
+    text-align: center;
+}
+
+.right {
+    text-align: right;
+}
+
+.attention {
+    color: #f00;
+}
+
+
+/* コンテンツ
+----------------------------------------------- */
+* html div#container {
+    position: relative;
+    height: 100%;
+    min-height: 100%;
+}
+
+body > #container {
+    height: auto;
+}
+
+#container {
+    position: relative;
+    min-height: 100%;
+}
+
+#contents {
+    padding: 20px 20px 100px;
+    width: 1000px;
+}
+
+
+/* インストールメッセージ
+----------------------------------------------- */
+#outside-admin {
+    margin:0 auto;
+    padding:0;
+    text-align:center;
+    width:100%;
+}
+
+#install-wrap {
+    margin:100px auto;
+    width: 560px;
+}
+
+#install-area {
+    width:560px;
+    text-align: left;
+
+}
+#install-area .contents {
+    width:560px;
+    background: url('../img/login_back_contents.gif') top left repeat-y;
+    text-align: left;
+}
+
+#install-wrap .logo {
+    padding-bottom: 5px;
+    float: right;
+}
+
+#install-area{
+    width: 558px;
+}
+#install-area .install-top {
+    clear: both;
+    width: 560px;
+    height: 10px;
+    background: url('../img/login_back_top.jpg') bottom left no-repeat;
+}
+
+#install-area .btn-area-top {
+    width: 560px;
+    height: 10px;
+    background: url('../img/login_back_btn_top.jpg') left no-repeat;
+}
+#install-area .btn-area ul {
+    padding: 20px 0 10px 0;
+    width: 560px;
+    text-align: center;
+    background: url('../img/login_back_btn_contents.jpg') top left no-repeat #f4f5f5;
+}
+#install-area .btn-area-bottom {
+    width: 560px;
+    height: 10px;
+    background: url('../img/login_back_btn_bottom.jpg') bottom left no-repeat #eeeff0;
+}
+#install-area .contents .block {
+    margin: 0 auto;
+    width: 520px;
+}
+#install-area .contents .message {
+    margin: 0 auto 0px auto;
+    padding: 5px 0;
+    width: 520px;
+    color:#444757;
+    font-size:100%;
+}
+#install-area .contents h2 {
+    margin: 0 auto 10px auto;
+    padding: 5px 0;
+    width: 520px;
+    color:#444757;
+    font-size:100%;
+    font-weight: bold;
+    border-bottom: solid 3px #ccc;
+}
+#install-area .contents .result-info01 {
+    margin: 0 auto 10px auto;
+    padding: 20px;
+    width: 480px;
+    background: #eee;
+    font-size: 86%;
+    font-weight: bold;
+    line-height:160%;
+}
+#install-area .contents .result-info02 {
+    margin: 0 auto;
+    padding-bottom: 30px;
+    width: 520px;
+}
+#install-area .contents .result-info02 p {
+    margin-bottom: 10px;
+}
+#install-area .contents .result-info02 p.action-message {
+    margin: 20px 0 0 0;
+    padding-bottom: 10px;
+    color:#444757;
+}
+.ex-text{
+    color: #7c7c7c;
+    font-size: 86%;
+}
+
+#install-area .contents .result-info01 .site-info-list li {
+	margin-bottom: 5px;
+	font-size: 120%;
+	font-weight: normal;
+}
+
+
+/* フォーム
+----------------------------------------------- */
+div.btn,p.remark {
+    margin: 0 0 20px 0;
+}
+
+/*FORM*/
+.box470 {
+    width: 470px;
+    height: 300px;
+}
+.box280 {
+    width: 280px;
+    height: 30px;
+}
+
+/*COLOR*/
+.red {
+    color: #f00;
+}
+
+/*FONT*/
+.bold {
+    font-weight:bold;
+}
+
+/* フロート解除 */
+.clearfix:after {
+    display:block;
+    clear:both;
+    height:0px;
+    line-height:0px;
+    visibility:hidden;
+    content:".";
+}
+
Index: branches/version-2_5-dev/html/install/index.php
===================================================================
--- branches/version-2_5-dev/html/install/index.php	(revision 19958)
+++ branches/version-2_5-dev/html/install/index.php	(revision 19964)
@@ -429,5 +429,5 @@
                 if(is_dir($path)) {
                     if(!is_writable($path)) {
-                        $mess.= ">> ×：$real_path($filemode) <br>ユーザ書込み権限(777, 707等)を付与して下さい。<br>";
+                        $mess.= ">> ×：$real_path($filemode) \nユーザ書込み権限(777, 707等)を付与して下さい。\n";
                         $hasErr = true;
                     } else {
@@ -436,5 +436,5 @@
                 } else {
                     if(!is_writable($path)) {
-                        $mess.= ">> ×：$real_path($filemode) <br>ユーザ書込み権限(666, 606等)を付与して下さい。<br>";
+                        $mess.= ">> ×：$real_path($filemode) \nユーザ書込み権限(666, 606等)を付与して下さい。\n";
                         $hasErr = true;
                     } else {
@@ -728,6 +728,6 @@
 
     if($normal_dir != $secure_dir) {
-        $objErr->arrErr['normal_url'] = "URLに異なる階層を指定することはできません。";
-        $objErr->arrErr['secure_url'] = "URLに異なる階層を指定することはできません。";
+        $objErr->arrErr['normal_url'] = "※ URLに異なる階層を指定することはできません。";
+        $objErr->arrErr['secure_url'] = "※ URLに異なる階層を指定することはできません。";
     }
 
@@ -744,5 +744,5 @@
     $newAdminDir = $objFormParam->getValue('admin_dir');
     if ($oldAdminDir !== $newAdminDir AND (file_exists(HTML_REALDIR . $newAdminDir) OR file_exists(USER_TEMPLATE_REALDIR . $newAdminDir))) {
-        $objErr->arrErr["admin_dir"] = "指定した管理機能ディレクトリは既に存在しています。別の名前を指定していください。";
+        $objErr->arrErr["admin_dir"] = "※ 指定した管理機能ディレクトリは既に存在しています。別の名前を指定してください。";
     }
 
@@ -1049,11 +1049,11 @@
     }
     if (file_exists(HTML_REALDIR . $adminDir) OR file_exists(USER_TEMPLATE_REALDIR . $adminDir)) {
-        return '指定した管理機能ディレクトリは既に存在しています。別の名前を指定していください。';
+        return '※ 指定した管理機能ディレクトリは既に存在しています。別の名前を指定してください。';
     }
     if (!rename(HTML_REALDIR . $oldAdminDir, HTML_REALDIR . $adminDir)) {
-        return HTML_REALDIR . $adminDir . 'へのリネームに失敗しました。ディレクトリの権限を確認してください。';
+        return '※ ' . HTML_REALDIR . $adminDir . 'へのリネームに失敗しました。ディレクトリの権限を確認してください。';
     }
     if (!rename(USER_TEMPLATE_REALDIR . $oldAdminDir, USER_TEMPLATE_REALDIR . $adminDir)) {
-        return USER_TEMPLATE_REALDIR . $adminDir . 'へのリネームに失敗しました。ディレクトリの権限を確認してください。';
+        return '※ ' . USER_TEMPLATE_REALDIR . $adminDir . 'へのリネームに失敗しました。ディレクトリの権限を確認してください。';
     }
     return true;
