ご利用方法のイメージ変更

src/main/webapp/WEB-INF/view/sp/user/top/howto.html

@@ -29,30 +29,35 @@
 	パソコンと携帯電話両方とも登録できますが、お一人様１IDとなります。
 	</li>
 	</ul>
-	<h4>PCから登録する</h4>
+	<h4>会員登録の流れ</h4>
+	<div><img src="/em/images/flow_regist_sp_new.png" width="382"></div>
+	<!-- 
 	<div class="bg_blue">
-	<div class="flow_box13">
-	<div class="flow_text">「新規会員登録」ボタンをクリック。</div></div><div class="arrow"><img src="/em/images/arrow_down.png" width="20" height="12"></div>
-	<div class="flow_box02">
-	<div class="flow_text">会員規約に同意しメールアドレス入力。</div></div><div class="arrow"><img src="/em/images/arrow_down.png" width="20" height="12"></div>
-	<div class="flow_box03">
-	<div class="flow_text">入力内容を確認し登録。</div></div><div class="arrow"><img src="/em/images/arrow_down.png" width="20" height="12"></div>
-	<div class="flow_box04">
-	<div class="flow_text">登録完了。登録完了メールが送られます。</div></div><div class="arrow"><img src="/em/images/arrow_down.png" width="20" height="12"></div>
-	<div class="flow_box05">
-	<div class="flow_text">メール内URLをクリック。会員情報を入力。</div></div><div class="arrow"><img src="/em/images/arrow_down.png" width="20" height="12"></div>
-</div>
+		<div class="flow_box13">
+		<div class="flow_text">「新規会員登録」ボタンをクリック。</div></div><div class="arrow"><img src="/em/images/arrow_down.png" width="20" height="12"></div>
+		<div class="flow_box02">
+		<div class="flow_text">会員規約に同意しメールアドレス入力。</div></div><div class="arrow"><img src="/em/images/arrow_down.png" width="20" height="12"></div>
+		<div class="flow_box03">
+		<div class="flow_text">入力内容を確認し登録。</div></div><div class="arrow"><img src="/em/images/arrow_down.png" width="20" height="12"></div>
+		<div class="flow_box04">
+		<div class="flow_text">登録完了。登録完了メールが送られます。</div></div><div class="arrow"><img src="/em/images/arrow_down.png" width="20" height="12"></div>
+		<div class="flow_box05">
+		<div class="flow_text">メール内URLをクリック。会員情報を入力。</div></div><div class="arrow"><img src="/em/images/arrow_down.png" width="20" height="12"></div>
+	</div>
+ 	-->
+<!-- 
 <h4>空メールから登録する</h4>
 	<div class="bg_blue">
-	<div class="flow_box06">
-	<div class="flow_text02"><a href="mailto:em@e-moni.city.ichikawa.chiba.jp" data-ajax="false">em@e-moni.city.ichikawa.chiba.jp</a>に空メールを送信ください。QRコードも利用できます。</div></div><div class="arrow"><img src="/em/images/arrow_down.png" width="20" height="12"></div>
-	<div class="flow_box07">
-	<div class="flow_text">確認メールが届きます。記載されているURLをクリック。</div></div><div class="arrow"><img src="/em/images/img_06.png" width="20" height="12"></div>
-	<div class="flow_box08">
-	<div class="flow_text">登録完了。登録完了メールが送られます。</div></div><div class="arrow"><img src="/em/images/arrow_down.png" width="20" height="12"></div>
-	<div class="flow_box09">
-	<div class="flow_text">メール内URLをクリック。会員情報を入力。</div></div>
+		<div class="flow_box06">
+		<div class="flow_text02"><a href="mailto:em@e-moni.city.ichikawa.chiba.jp" data-ajax="false">em@e-moni.city.ichikawa.chiba.jp</a>に空メールを送信ください。QRコードも利用できます。</div></div><div class="arrow"><img src="/em/images/arrow_down.png" width="20" height="12"></div>
+		<div class="flow_box07">
+		<div class="flow_text">確認メールが届きます。記載されているURLをクリック。</div></div><div class="arrow"><img src="/em/images/img_06.png" width="20" height="12"></div>
+		<div class="flow_box08">
+		<div class="flow_text">登録完了。登録完了メールが送られます。</div></div><div class="arrow"><img src="/em/images/arrow_down.png" width="20" height="12"></div>
+		<div class="flow_box09">
+		<div class="flow_text">メール内URLをクリック。会員情報を入力。</div></div>
 	</div>
+-->
    	<h3>アンケート回答</h3>
 	<p>
 アンケートのお願いは、登録いただいたメールアドレスへお知らせします。アンケート依頼メールに記載されているアンケート専用ページにアクセスし、お答えください。パソコン、携帯電話両方ご登録している方にはアンケートの種類にもよりますが、それぞれのアドレスへアンケートのお知らせをお送りします。この場合は、先に回答したら、もう一方からは回答できません。</p>

src/main/webapp/WEB-INF/view/user/top/howto.html

@@ -109,193 +109,6 @@ URL繧ｯ繝ｪ繝け縺ｫ縺ｦ縲∽ｼ壼藤諠ｱ邱ｨ髮判髱｢縺ｫ驕ｷ遘ｻ縺励∽ｼ壼藤諠ｱ繧貞
 URLクリックにて、会員情報編集画面に遷移し、会員情報を入力していただきます。<br/>
 パソコンと携帯電話両方とも登録できますが、お一人様１IDとなります。</td>
 </tr>
-<tr>
-<td colspan="2" valign="top">
-<hr>
-☆<span style="color:blue;">PCから登録</spn>
-</td>
-</tr>
-<tr>
-<td colspan="2" valign="top">
-<table width="90%" border="0" cellspacing="0" cellpadding="0">
-<tr>
-<td width="130" align="left">
-<img src="/em/images/img_03.png">
-</td>
-<td align="center" width="6">
-&nbsp;
-</td>
-<td width="130" align="left">
-<img src="/em/images/img_04.png">
-</td>
-<td width="6">
-&nbsp;
-</td>
-<td width="130" align="left">
-<img src="/em/images/img_05.png">
-</td>
-<td width="6">
-&nbsp;
-</td>
-<td width="130" align="left">
-<img src="/em/images/img_06.png">
-</td>
-</tr>
-<tr>
-<td width="130" align="left">
-会員規約に同意しメールアドレス等を入力。
-</td>
-<td width="6" align="center">
-<img src="/em/images/arrow_left.png">
-</td>
-<td width="130" align="left">
-入力内容を確認し登録。
-</td>
-<td width="6" align="center">
-<img src="/em/images/arrow_left.png">
-</td>
-<td width="130" align="left">
-登録完了。<br/>登録完了メールが送られます。
-</td>
-<td width="6" align="center">
-<img src="/em/images/arrow_left.png">
-</td>
-<td width="130" align="left">
-メール内URLをクリック。会員情報を入力。
-</td>
-</tr>
-</table>
-</td>
-</tr>
-<tr>
-<td colspan="2" valign="top">
-
-☆<span style="color:blue;">モバイルから登録</spn>
-</td>
-</tr>
-<tr>
-<td colspan="2" valign="top">
-<table  width="75%" border="0" cellspacing="0" cellpadding="0">
-<tr>
-<td width="130" align="center">
-<img src="/em/images/menu_join2.gif">
-</td>
-<td align="center" width="6">
-&nbsp;
-</td>
-<td width="130" align="left">
-<img src="/em/images/img_08.png">
-</td>
-<td align="center" width="6">
-&nbsp;
-</td>
-<td width="130" align="left">
-<img src="/em/images/img_04.png">
-</td>
-<td width="6">
-&nbsp;
-</td>
-<td width="130" align="left">
-<img src="/em/images/img_05.png">
-</td>
-<td width="6">
-&nbsp;
-</td>
-<td width="130" align="left">
-<img src="/em/images/img_06.png">
-</td>
-</tr>
-<tr>
-<td width="130" align="left">
-「新規会員登録」リンクをクリック。
-</td>
-<td width="6" align="center">
-<img src="/em/images/arrow_left.png">
-</td>
-<td width="130" align="left">
-会員規約に同意しメールアドレス入力。
-</td>
-<td width="6" align="center">
-<img src="/em/images/arrow_left.png">
-</td>
-<td width="130" align="left">
-入力内容を確認し登録。
-</td>
-<td width="6" align="center">
-<img src="/em/images/arrow_left.png">
-</td>
-<td width="130" align="left">
-登録完了。<br/>登録完了メールが送られます。
-</td>
-<td width="6" align="center">
-<img src="/em/images/arrow_left.png">
-</td>
-<td width="130" align="left">
-メール内URLをクリック。会員情報を入力。
-</td>
-</tr>
-</table>
-</td>
-</tr>
-<tr>
-<td colspan="2" valign="top">
-
-☆<span style="color:blue;">空メールで登録の場合</spn>
-</td>
-</tr>
-<tr>
-<td colspan="2" valign="top">
-<table  width="75%" border="0" cellspacing="0" cellpadding="0">
-<tr>
-<td width="111" height="113" align="left">
-<img src="/em/images/qrcode_mail.jpg">
-</td>
-<td width="6">
-&nbsp;
-</td>
-<td width="150" align="left">
-<img src="/em/images/img_06.png">
-</td>
-<td width="6">
-&nbsp;
-</td>
-<td width="150" align="left">
-<img src="/em/images/img_05.png">
-</td>
-<td width="6">
-&nbsp;
-</td>
-<td width="150" align="left">
-<img src="/em/images/img_06.png">
-</td>
-</tr>
-<tr>
-<td width="150" align="left">
-em@e-moni.city.ichikawa.chiba.jpに空メールを送信ください。QRコードも利用できます。
-</td>
-<td width="6" align="center">
-<img src="/em/images/arrow_left.png">
-</td>
-<td width="150" align="left">
-確認メールが届きます。<br/>記載されているURLをクリック
-</td>
-<td width="6" align="center">
-<img src="/em/images/arrow_left.png">
-</td>
-<td width="150" align="left">
-登録完了。<br/>登録完了メールが送られます。
-</td>
-<td width="6" align="center">
-<img src="/em/images/arrow_left.png">
-</td>
-<td width="150" align="left">
-メール内URLをクリック。<br/>会員情報を入力。
-</td>
-</tr>
-</table>
-<hr>
-</td>
-</tr>
 </table>
 </td>
 <td >
@@ -306,10 +119,9 @@ em@e-moni.city.ichikawa.chiba.jp縺ｫ遨ｺ繝｡繝ｼ繝ｫ繧帝∽ｿ｡縺上□縺輔＞縲２R繧ｳ繝ｼ
 </td>
 <td >
 <img src="/em/images/spacer.gif" width="6" height="6" border="0"></td>
-<td >
-</td>
 </tr>
 </table>
+<img src="/em/images/flow_regist_new.png" width="760" style="padding: 10px 0 10px 0;">
 <img src="/em/images/spacer.gif" width="1" height="10" border="0"><br>
 <table width="780" border="0" cellspacing="0" cellpadding="0">
 <tr>