#set($title = "市川市e-モニター制度")
#parse( "/WEB-INF/view/common/preHeader.vm" )
<script language="JavaScript">
<!--
     sent = false;
     function send_check(){
		document.mainForm.submit();
		return false;
     }
// -->
</script>
<body bgcolor="#B3C9E1" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
	<center>
		<!-- header -->
		<table width="1024" cellspacing="0" cellpadding="0">
			<tr>
				<TD>
					#parse( "/WEB-INF/view/common/header.vm" )
				</TD>
			</tr>
			<tr>
				<TD>
					<table width="1024" border="0" cellspacing="0" cellpadding="0">
						<tr>
							<td width="25" background="/em/images/shadowlft2.jpg"><img src="/em/images/spacer.gif" width="25" height="1" border="0"></td>
							<td width="1024" bgcolor="#FFFFFF">
								<table width="100%" border="0" cellspacing="5" cellpadding="0">
									<tr>
										#parse( "/WEB-INF/view/common/menu.vm" )
										
										<td align="center" valign="top">
											<!-- content Area Start -->
											<table width="780" border="0" cellspacing="0" cellpadding="0">
												<tr>
													<td>

														<div id="top_content">
															<div id="top_content_left">
																<img src="/em/images/top_image.png" width="420"
																	height="220" border="0" alt="あなたの声がまちを変える">
																<div id="top_message">
																	e-モニター制度(eモニ)は、市川市が運営する登録制のアンケート制度です。登録いただいた方にメールで市からアンケートや情報を発信し、みなさんの声を広く集めて市政に反映していくものです。登録は無料です。ぜひ参加してください。
																</div>
																<img src="/em/images/top_news.png" width="410"
																	height="33" border="0" alt="お知らせ">
																<div id="top_news">
																	<ul>
																		<li>
																			#if($newsList.size() != 0)
																				#foreach($genreItem in $newsList)
																					$!genreItem.message<br>
																				#end
																			#else
																				現在はありません
																			#end
																		</li>
																	</ul>
																</div>
															</div>

															<div id="top_content_right">
																<div id="registration_title">
																	<div style="font-size: 9pt;">
																	$!tools.getMsg("email")
																	$!tools.getMsg("email1")
																	$!tools.getMsg("genderCd")
																	$!tools.getMsg("birthdayY")
																	</div>
																	<img src="/em/images/registration_ttl.png" width="206" height="21" border="0" alt="e-モニター新規登録">
																</div>
																#set($regist-url = $tools.getSecureUrl('/user/regist/regist'))
																<div class="input_form">
																	<form name="mainForm"
																		action="$regist-url"
																		method="post" style="padding: 0; margin: 10px 0;">

																		<table style="width: 300px;" border="0"
																			cellpadding="0" cellspacing="0">
																			<tr>
																				<td	style="text-align: right; width: 70px; padding-bottom: 7px;">E-mail:</td>
																				<td	style="text-align: left; width: 230px; padding-bottom: 7px;">
																					<input type="text" name="email" class="inputBox" maxlength="128" value="$!escape.html($!registForm.email)">
																				</td>
																			</tr>
																			<tr>
																				<td	style="text-align: right; width: 70px; padding-bottom: 10px;" nowrap>E-mail確認:</td>
																				<td style="text-align: left; padding-bottom: 10px;">
																					<input type="text" name="email1" class="inputBox" maxlength="128" value="$!escape.html($!registForm.email1)">
																				</td>
																			</tr>
																			<tr>
																				<td	style="text-align: right; width: 70px; padding-bottom: 15px;">性別:</td>
																				<td	style="text-align: center; padding-bottom: 15px;">
																					#if($registForm.genderCd == 0)
																						<input type="radio" name="genderCd" value="0" checked>男性     
																						<input type="radio" name="genderCd" value="1">女性
																					#elseif($registForm.genderCd == 1)
																						<input type="radio" name="genderCd" value="0">男性     
																						<input type="radio" name="genderCd" value="1" checked>女性
																					#else
																						<input type="radio" name="genderCd" value="0">男性     
																						<input type="radio" name="genderCd" value="1">女性
																					#end
																					
																				</td>
																			</tr>
																			<tr>
																				<td
																					style="text-align: right; width: 70px; padding-bottom: 15px;"
																					nowrap>生年月日:</td>
																				<td style="text-align: center; padding-bottom: 15px; margin: 0;">
																					<select name="birthdayY" id="birthdayY">
																						<option value=""></option>
																						#foreach($yyyy in [1900..$birthYYYY])
																							#if($registForm.birthdayY)
																								#if($yyyy == $!{registForm.birthdayY})
																									<option value="$!yyyy" selected>#he($!yyyy)</option>
																								#else
																									<option value="$!yyyy">#he($!yyyy)</option>
																								#end
																							#else
																								<option value="$!yyyy">#he($!yyyy)</option>
																							#end
																						#end
																					</select>年
																					<select name="birthdayM" id="birthdayM">
																						<option value=""></option>
																						#foreach($mm in [1..12])
																							#if($mm == $!{registForm.birthdayM})
																								<option value="$!mm" selected>#he($!mm)</option>
																							#else
																								<option value="$!mm">#he($!mm)</option>
																							#end
																						#end
																					</select>月
																					<select name="birthdayD" id="birthdayD">
																						<option value=""></option>
																						#foreach($dd in [1..31])
																							#if($dd == $!{registForm.birthdayD})
																								<option value="$!dd" selected>#he($!dd)</option>
																							#else
																								<option value="$!dd">#he($!dd)</option>
																							#end
																						#end
																					</select>日
																				</td>
																			</tr>
																			<tr>
																				<td colspan="2"><a href="#q('/user/top/ruleHtml/')">会員規約</a>と<a href="#q('/user/top/howtoHtml/')">ご利用方法</a>をご確認いただき、同意いただけましたら、[新規登録]ボタンをクリックしてください。</td>
																			</tr>
																		</table>

																		<!-- Button Table Start -->
																		<table width="300" border="0" cellspacing="0"
																			cellpadding="0" style="margin-top: 5px;">
																			<tr>
																				<td align="center">
																					<a href="#" onclick="send_check();">
																						<img src="/em/images/registration_btn.png" onmouseover="this.src='/em/images/registration_on_btn.png'" onmouseout="this.src='/em/images/registration_btn.png'" alt="新規登録" width="302" height="42" border="0">
																					</a>
																				</td>
																			</tr>
																		</table>
																	</form>
																</div>

																<table width="300" border="0" cellpadding="0" cellspacing="0">
																	<tr>
																		<td style="width: 90px;">
																			<img src="/em/images/qrcode.gif" alt="QRコード" width="90"	height="87" border="0">
																		</td>
																		<td style="width: 210px; font-size: 9pt; line-height: 1.3;">
																			em@e-moni.city.ichikawa.chiba.jp<BR />
																			空メールでも簡単登録!<BR />
																			QRコード読取機能付の携帯はこちらから
																		</td>
																	</tr>
																</table>

															</div>
														</div>
													</td>
												</tr>
											</table>
											<!-- content Area End -->
										</td>
									</tr>
								</table>
							</td>
							<td width="25" background="/em/images/shadowrgt2.jpg">
								<img src="/em/images/spacer.gif" width="25" height="1" border="0">
							</td>
						</tr>
					</table>
					<!--  Contents Table End -->
				</td>
			</tr>
		</table>
		#parse( "/WEB-INF/view/common/footer.vm" )
	</center>
</body>
</html>