<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" />
<title>小・中学生のためのプランクトン図鑑／メールフォーム</title>

<meta name="apple-mobile-web-app-capable" content="no" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />

<link rel="stylesheet" href="SpryValidationTextField.css" type="text/css" media="all">
<link rel="stylesheet" href="../script/myelements.css" type="text/css" />
<link rel="apple-touch-icon-precomposed" href="../index/apple-touch-icon.png">


<script src="../script/jquery.min.js"></script>
<script src="../script/jquery.mobile.min.js"></script>
<link rel="stylesheet" href="../script/jquery.mobile.css" />


<script src="SpryValidationTextField.js" type="text/javascript"></script>
<script src="check.js" type="text/javascript"></script>
<script src="ajaxzip2/prototype.js"></script>
<script src="ajaxzip2/ajaxzip2.js" charset="UTF-8"></script>


    <SCRIPT LANGUAGE="JavaScript">
	<!--

	document.writeln('<meta name="viewport" content="width=device-width,target-densitydpi=device-dpi, initial-scale=1, minimum-scale=1, maximum-scale=2, user-scalable=yes" />');
	if (navigator.userAgent.indexOf('iPhone') > 0 && window.orientation == 0 || navigator.userAgent.indexOf('iPod') > 0 && window.orientation == 0) {document.writeln('<meta name="viewport" content="width=device-width,target-densitydpi=device-dpi, initial-scale=1, minimum-scale=1, maximum-scale=2, user-scalable=yes" />');}
	else if (navigator.userAgent.indexOf('iPhone') > 0 && window.orientation != 0 || navigator.userAgent.indexOf('iPod') > 0 && window.orientation != 0) {document.writeln('<meta name="viewport" content="width=device-width,target-densitydpi=device-dpi, initial-scale=1, minimum-scale=1, maximum-scale=2, user-scalable=yes" />');}

	else if (navigator.userAgent.indexOf('iPad') > 0 && window.orientation == 0) {document.writeln('<meta name="viewport" content="width=device-width,target-densitydpi=device-dpi, initial-scale=1, minimum-scale=1, maximum-scale=2, user-scalable=yes" />');}
	else if (navigator.userAgent.indexOf('iPad') > 0 && window.orientation != 0) {document.writeln('<meta name="viewport" content="width=device-width,target-densitydpi=device-dpi, initial-scale=1, minimum-scale=1, maximum-scale=2, user-scalable=yes" />');}

	else if (navigator.userAgent.indexOf('Android') > 0 && window.orientation == 0) {document.writeln('<meta name="viewport" content="width=device-width, initial-scale=0.6, minimum-scale=0.6, user-scalable=yes, maximum-scale=2" />');}
	else if (navigator.userAgent.indexOf('Android') > 0 && window.orientation != 0) {document.writeln('<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, maximum-scale=2" />');}

	 else {document.writeln("<style type=\"text/css\">body{zoom:1;}</style>");}


	// -->
	</SCRIPT>


<style TYPE=text/css>
body, th, td, a, input, select, textarea {
	font-family: "UD Digi Kyokasho NP-B","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
	font-size: 24px;
}
</style>


</head>

<body bgcolor="#999999" text="#000000" link="#CC0000" vlink="#663300" alink="#C86464" topmargin="20" leftmargin="20" style="OVERFLOW-Y: scroll; SCROLLBAR-FACE-COLOR: <? echo $bgc ?>; OVERFLOW-X: hidden; SCROLLBAR-HIGHLIGHT-COLOR: #c0c0c0; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #1e1e1e; SCROLLBAR-BASE-COLOR: #CCCCCC; scrollbar-3d-light-color: #FFFFFF; scrollbar-dark-shadow-color: #3E3E3E">

<div align="center" data-role="page" id="index" data-theme="b">

<FORM method="POST" action="sendmail.php" data-theme="" data-inline="true" data-ajax="false">
<table border="0" bgcolor="" cellspacing="0" cellpadding="0" align="center" width="80%">
<tr>
<td align="center" width="100%">
<a href="http://mizouchi.com/plankton/zukan/" title="・ホームにもどる"><img src="form.png"></a>
<br><br>

	<table bgcolor="#888888" width="100%" border="0" cellspacing="0" cellpadding="8" align="center">
	<tr>
	<td width="100%">
	<div style="text-align:left;color:#DDDDDD;font-size:14pt;">
	<li>ご意見やご要望があれば，メールフォームより送信してください。</li>
	<li>「メール，お名前，内容」を必ずご記入ください。</li>
	<li>メールアドレスに誤りがあれば，返信できませんので，気を付けて入力してください。</li>
	<li>メールフォームから，プランクトン等の画像を直接添付することはできません。</li>
	<li>画像添付等を行う場合は，その旨をご記入ください。</li>
	<li>返事にお時間をいただく場合があります。</li>
	</div>
	</td></tr></table>


<p id="checkText1" align="left">
<strong>メール</strong>（半角）<br />
<input type="text" size="24" name="メール" id="メール" style="font-size:16pt">
<span class="textfieldRequiredMsg">：未入力</span>
<span class="textfieldInvalidFormatMsg">：正確に</span>
</p>

<p id="checkText2" align="left">
<strong>お名前</strong>（全角）<br />
<input type="text" name="お名前" id="お名前" size="24" style="font-size:16pt">
<span class="textfieldRequiredMsg">：未入力</span>
<span class="textfieldInvalidFormatMsg">：氏名をご記入ください</span>
</p>

<p id="checkText3" align="left">
<strong>内容</strong>（全角）<br />
<TEXTAREA cols="24" rows="4" name="内容" id="内容" style="font-size:16pt"></TEXTAREA>
<span class="textfieldRequiredMsg">：未入力</span>
<span class="textfieldInvalidFormatMsg">：内容をご記入ください</span>
</p>


<p>
<input type="submit" value="確　認" style="cursor:pointer;" data-theme="" data-inline="true" data-ajax="false">

<input type="button" value="戻　る" OnClick="Javascript:history.back();" style="cursor:pointer;" data-theme="a" data-inline="true" data-ajax="">

</p>

</form>
</div>

</body>
</html>




