<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>小･中学生のためのプランクトン図鑑（図鑑）</title>

<META NAME="keywords" CONTENT="プランクトン図鑑,小学生,中学生,小・中学生,教材,理科,水の中の小さな生き物">
<META NAME="description" CONTENT="「小・中学生のためのプランクトン図鑑」は，小学校・中学校での利用を考えて作成しています。プランクトンについて，子どもたちにわかりやすく説明しています。">


	<link rel="stylesheet" href="../script/jquery.mobile.css" />
	<link rel="stylesheet" href="../script/myelements.css" type="text/css" />

	<script src="../script/jquery.min.js"></script>
	<script src="../script/jquery.mobile.min.js"></script>


<style type="text/css">
<!--
.shadow{
filter:Shadow(Color=#555555,Direction=135);width:100%;
}

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: 18px;
}
a { text-decoration: none; }
a:hover { color: #ff0000; }
.btn {
	font-size: 18px;
	padding: 1px 1px 1px 1px;
	border: 1px solid #808080;
	background-color: #dcdcdc;
}
.pd1 { padding: 2px 1px 2px 1px; }

.hide .target        { display:none }

      .trigger       { color:inherit; cursor:pointer }
.hide .trigger       { color:#069 }
      .trigger:after { content:url(../index/-.gif) ; padding-left:0.3em; vertical-align:-1px }
.hide .trigger:after { content:url(../index/+.gif) }
.trigger:hover       { color:#f3c }
//--->
</style>


<script type="text/javascript">
function winopen(cmd,name) {
	name = name ? name : '_blank';
	window.open("index.cgi?cmd="+cmd,name,"width=800,height=640,resizable=yes,scrollbars=yes,toolbar=no,location=yes,directories=no,status=no,menubar=no");
}
function check() {
	if(document.f1.cmd.value == "") {
		alert("表示方法を選択してください。");
		document.f1.cmd.focus();
		return(false);
	}
	if(document.f1.sort.value == "") {
		alert("表示順を選択してください。");
		document.f1.sort.focus();
		return(false);
	}
	if(document.f1.order.value == "") {
		alert("昇降順を選択してください。");
		document.f1.order.focus();
		return(false);
	}
}
</script>


<script type="text/javascript">
<!---
var ie = (function(){
var undef, v = 3, div = document.createElement('div');
while (
div.innerHTML = '<!--[if gt IE '+(++v)+']><i></i><![endif]-->',
div.getElementsByTagName('i')[0]
    );
    return v> 4 ? v : undef;
}());
if(ie < 9) {
location.href="error.htm";
}
//--->
</script>

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

	document.writeln('<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, maximum-scale=1" />');
	screenh = screen.height;
	screenw = screen.width;
	sch = (screenh).toFixed(2);
	if (screenw < 600) {scw = 1 ;}
	else if (screenw == 600) {scw = 1 ;}
	else {scw = 1 ;}

	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; initial-scale=0.7, minimum-scale=0.7, 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; initial-scale=1.0, minimum-scale=1.0, 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; 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; initial-scale=1, minimum-scale=1, maximum-scale=2, user-scalable=yes" />');}

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

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

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

	// -->
	</SCRIPT>

<script type="text/javascript">
window.onload = function() {
setTimeout(function(){window.scrollTo(0, 1);}, 100);
}
</script>


<script type="text/javascript">
<!--
function expand(t) {
    for (var i=0; i<5; i++) {
        var t = t.parentNode

        if (t.className=='hide') {
            t.className = 'show';
            break;
        } else if (t.className=='show') {
            t.className = 'hide';
            break;
        }
    }
}

function defaultClass() {
    var e = document.getElementsByTagName('*');
    for(var i=0; i<e.length; i++) {
        if(e[i].getAttribute('class') == 'show' || e[i].getAttribute('className') == 'show') {
            e[i].className = 'hide';
        }
    }
}
window.onload = defaultClass;
// -->
</SCRIPT>


<link rel="shortcut icon" href="../index/favicon.ico">
<link rel="apple-touch-icon-precomposed" href="../index/apple-touch-icon.png">

<link rel="stylesheet" href="../script/myelements.css" type="text/css" />

<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

<base target="_parent">

</head>

<body bgcolor="#969696" link="#b85c89" vlink="#0066CC" alink="#FFCC66" text="#FFFFFF">

<div data-role="page" data-fullscreen="true" data-theme="b" id="page2" data-back-btn-text="戻る">

<span id="top"></span>

	<div data-role="header">
	</div>

<div data-role="content">


<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber3">
		<tr>
				<td width="33%" align="left">

<a href="./index.xml" target="_blank">
				<img src="./image/rss20.gif" border="0" width="60" height="14"></a></td>
				<td width="34%" align="center">
				<p align="center">


<iframe src="../manage/count/count.php" height="24" width="240" frameborder="0" scrolling="no"></iframe>


				</td>
				<td width="33%" align="right">
  <input type="button" value="管理者専用" onClick="javascript:winopen('login_req')" class="btn" style="float:right;font-size:10pt;color:#FFFFFF;background-color:#99CCFF;cursor:pointer;width:96;height:32" data-theme="d" data-inline="true" data-ajax="false"></td>
		</tr>
</table>
 
<div align="center">
		<br>
		<a href="../" title="・ホームにもどる" data-ajax="false"><img border="0" src="image/title.png" width="480" align="absmiddle"></a>
</div>

<p></p>

<div align="center">
		<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" id="AutoNumber1">

				<tr>
						<td align="center">
    <b>
    <font color="#FFFFFF">
    <a href="index.cgi?cmd=thumb2&order=1&sort=13;0&key1=&key1_sel=2&start=1" data-ajax="false">
	<img border="0" src="image/ichiran.png" title="一覧からさがす？！" width="128" height="64"></a> 
    </b>
    </td>
						<td><div style="width:100%;padding:5px;filter:drop-shadow(0 0 4px #000000)"><b>
								<font color="#FFFFFF" style="font-size: 24px">一覧からさがします</font></b></div></td>
				</tr>
				<tr>
						<td align="center">
    <b>
    <font color="#FFFFFF">
    <a href="moji.htm" data-ajax="false">
	<img border="0" src="image/moji.png" title="文字からさがす？！" width="128" height="64"></a> 
    </b>
    </td>
						<td><div style="width:100%;padding:5px;filter:drop-shadow(0 0 4px #000000)"><b>
								<font color="#FFFFFF" style="font-size: 24px">一番くわしくさがします</font></b></div></td>
				</tr>
				<tr>
						<td align="center">
						<b>
						<a href="nakama.htm" data-ajax="false">
						<img border="0" src="image/nakama.png" title="仲間からさがす？！" width="128" height="64"></a></b></td>
						<td><div style="width:100%;padding:5px;filter:drop-shadow(0 0 4px #000000)"><b>
								<font color="#FFFFFF" style="font-size: 24px">仲間からさがします</font></b></div></td>
				</tr>
				<tr>
						<td align="center">
						<b>
						<a href="iro.htm" data-ajax="false">
						<img border="0" src="image/iro.png" title="色からさがす？！" width="128" height="64"></a></b></td>
						<td><div style="width:100%;padding:5px;filter:drop-shadow(0 0 4px #000000)"><b>
								<font color="#FFFFFF" style="font-size: 24px">色からさがします</font></b></div></td>
				</tr>
				<tr>
						<td align="center">
						<b>
						<a href="basho.htm" data-ajax="false">
						<img border="0" src="image/basho.png" title="場所からさがす？！" width="128" height="64"></a></b></td>
						<td><div style="width:100%;padding:5px;filter:drop-shadow(0 0 4px #000000)"><b>
								<font color="#FFFFFF" style="font-size: 24px">住んでいる所からさがします</font></b></div></td>
				</tr>
				<tr>
						<td align="center">
						<b>
						<a href="ookisa.htm" data-ajax="false">
						<img border="0" src="image/ookisa.png" title="大きさからさがす？！" width="128" height="64"></a></b></td>
						<td><div style="width:100%;padding:5px;filter:drop-shadow(0 0 4px #000000)"><b>
								<font color="#FFFFFF" style="font-size: 24px">大きさからさがします</font></b></div></td>
				</tr>
				<tr>
						<td align="center">
						<b>
						<a href="katachi.htm" data-ajax="false">
						<img border="0" src="image/katachi.png" title="形からさがす？！" width="128" height="64"></a></b></td>
						<td><div style="width:100%;padding:5px;filter:drop-shadow(0 0 4px #000000)"><b>
								<font color="#FFFFFF" style="font-size: 24px">形からさがします</font></b></div></td>
				</tr>
				<tr>
						<td align="center">
						<b>
						<a href="jyunban.htm" data-ajax="false">
						<img border="0" src="image/jyunban.png" title="順番からさがす？！" width="128" height="64"></a></b></td>
						<td><div style="width:100%;padding:5px;filter:drop-shadow(0 0 4px #000000)"><b>
								<font color="#FFFFFF" style="font-size: 24px">順番からさがします</font></b></div></td>
				</tr>
				<tr>
				<tr>
						<td align="center">
						<b>
						<a href="gallery.htm" data-ajax="false">
						<img border="0" src="image/gallery.png" title="ギャラリーからさがす？！" width="128" height="64"></a></b></td>
						<td><div style="width:100%;padding:5px;filter:drop-shadow(0 0 4px #000000)"><b>
								<font color="#FFFFFF" style="font-size: 24px">ギャラリーからさがします</font></b></div></td>
				</tr>
				<tr>
						<td align="center">
						<b>
						<a href="../form/" data-ajax="false" target="_parent">
						<img border="0" src="image/form.png" title="メールフォームへ" width="" height=""></a></b></td>
						<td><div style="width:100%;padding:5px;filter:drop-shadow(0 0 4px #000000)"><b>
								<font color="#FFFFFF" style="font-size: 24px">メールを送信します</font></b></div></td>
				</tr>
				<tr>
						<td align="center">
						<b>
						<a href="https://youtu.be/eJqBeaYbpBo" data-ajax="false" target="new">
						<img border="0" src="image/youtube.png" title="動画再生" width="" height=""></a></b></td>
						<td><div style="width:100%;padding:5px;filter:drop-shadow(0 0 4px #000000)"><b>
								<font color="#FFFFFF" style="font-size: 24px">説明動画を再生します</font></b></div></td>
				</tr>
				<tr>
						<td align="center">
						<b>
						<a href="https://micro.iwakuni-kagaku.jp/" data-ajax="false" target="_blank">
						<img border="0" src="image/micro.png" title="岩国市立ミクロ生物館へ" width="" height=""></a></b></td>
						<td><div style="width:100%;padding:5px;filter:drop-shadow(0 0 4px #000000)"><b>
								<font color="#FFFFFF" style="font-size: 24px">協力してくれているところ</font></b></div></td>
				</tr>
				</table>
		</div>
<div align="center">　</div>
<div align="center">

<div align="left" data-role="collapsible" data-theme="d" data-content-theme="a" style="width:90%">
    					<h3>小・中学生のためのプランクトン図鑑について</h3>

						<li class="target">「小・中学生のためのプランクトン図鑑」は，小学校・中学校での利用を考えて作成しています。</li>
						<li class="target">プランクトンについて，興味を持ち進んで調べられるよう，写真や動画を多く使っています。</li>
						<li class="target">子どもたちが簡単に操作できるよう，クリックだけでプランクトンを探すことができます。</li>

    					<b>小･中学生のみなさんへ</b>
						<li class="target">見つけたプランクトンをくわしく調べるときに使ってね。</li>
						<li class="target">自分が一番見つけやすい方法のボタンを押して，プランクトンを見つけてね。</li>
						<li class="target">わからないことがあったら，学校の先生に聞いてね。</li>
						
    					<b>先生方へ</b>
						<li class="target">小･中学校で使用する場合は，写真や動画は自由にお使いください。ただし加工や再配布は禁止しています。</li>
						<li class="target">プランクトンの定義は曖昧な部分がありますので，身近に見られる小さな生き物を中心に掲載しています。</li>
						<li class="target">主に和名のある種を中心に掲載しています。分類を厳しくすると難しくなりすぎますので，簡単な分類や名前にしています。</li>
						<li class="target">検索システムの都合上，学名にはイタリックを使用していません。</li>

						<b>さんこうにした本</b>
						<li class="target"><a target="_blank" href="http://www.digitalsolution.co.jp/nature/science/plankton/" style="">やさしい日本の淡水プランクトン</a><a target="_blank" href="http://www.digitalsolution.co.jp/nature/cgi/sstc/bookoffer/moshikomi.html" style="">（滋賀の理科教材研究委員会編：合同出版）</a></li>
						<li class="target">日本淡水プランクトン図鑑（保育社）</li>
						<li class="target">日本海洋プランクトン図鑑（保育社）</li>

    					<b>作成者</b>
						<li class="target">溝内正剛</li>
						<li class="target">片山隆志</li>

				</div>
	<div align="left" data-role="collapsible" data-theme="d" data-content-theme="a" style="width:90%">
   						<h3>こうしんしたよ</h3>
   						<li class="target">（2026/06/11）ギャラリーからさがす！？コーナーに新しいギャラリーを追加しました。規約をお読みいただきご利用ください。</li>
    					<li class="target">（2026/05/02）ギャラリーからさがす！？コーナーを新設しました。全て教え子のるかちゃんの作品です。ありがとうございます！規約をお読みいただきご利用ください。</li>
   						<li class="target">（2026/04/25）岩国市ミクロ生物館のリンクが切れていました。新しいURLを張りなおしました。</li>
   						<li class="target">（2024/08/06）長年名前の分からなかったセンモウチュウですが、琵琶湖博物館の先生に教えていただきました。おそらくウロスチラです。</li>
   						<li class="target">（2024/07/28）タイトル変更とファビコン用のアイコンを掲載しました。</li>
   						<li class="target">（2024/05/29）教え子のひろと君からいただいたホウネンエビを掲載しました。</li>
   						<li class="target">（2023/08/01）要望の多かったカブトエビを掲載しました。</li>
   						<li class="target">（2023/07/31）適当に分類していましたプランクトンの大きさを，使用する顕微鏡に合わせて分類し直しました。</li>
   						<li class="target">（2023/07/31）faviconとタイトルを変更しました。</li>
   						<li class="target">（2023/06/27）カイエビを新規登録しました。</li>
   						<li class="target">（2023/05/16）一覧コーナーを増やしました。</li>
   						<li class="target">（2023/05/15）教え子のるかちゃんからミジンコの動画をいただきました。</li>
   						<li class="target">（2021/06/23）松原文子様からいただいたホウネンエビに白い個体がいたので，再アップしました。</li>
						<li class="target">（2021/06/17）松原文子様よりホウネンエビのサンプルをいただきました。</li>
						<li class="target">（2021/05/21）佐藤駿丞様よりミジンコの動画をいただきました。</li>
						<li class="target">（2021/05/02）画面の小さいスマホでも見やすいように，文字を大きくしレイアウトも変更しました。</li>
						<li class="target">（2021/04/21）Flashでカウンターを作成していたため動作不能になっていました。PHPで作成し直しました。</li>
						<li class="target">（2020/04/01）<b><a href="https://www.kyoiku-shuppan.co.jp/textbook/shou/rika/" data-ajax="false" target="_blank">教育出版６年生理科教科書</a></b>の<b><a href="https://www.kyoiku-shuppan.co.jp/m-link/rika/6.html#006" data-ajax="false" target="_blank">まなびリンク</a></b>に「小・中学生のためのプランクトン図鑑」が掲載されました。</li>
						<li class="target">（2018/08/30）<b><a href="http://www.museum.tokushima-ec.ed.jp/" data-ajax="false" target="_blank">徳島県立博物館</a></b>で微生物に関する研修会をしていただきました。撮影した写真や動画はプランクトン図鑑に掲載しました。</li>
						<li class="target">（2017/06/06）プランクトン図鑑の説明動画をアップロードしました。</li>
						<li class="target">（2015/06/20）新しいプランクトンを数種類増やしました。</li>
						<li class="target">（2014/06/29）プランクと図鑑を初めて自分で授業に使ってみました。改良点が見えてきました。</li>
						<li class="target">（2014/04/29）検索部分のプログラムを書き換えました。</li>
						<li class="target">（2014/04/05）<b><a href="http://www.nagoyatv.com/onachu/" data-ajax="false" target="_blank">名古屋テレビ放送</a></b>で，「小・中学生のためのプランクトン図鑑」が紹介されました！</li>
						<li class="target">（2014/02/24）連絡用にメールフォームを作成しました。</li>
						<li class="target">（2014/02/22）写真を大幅に増やしました。新しいプランクトンも掲載しました。</li>
						<li class="target">（2013/08/27）<b><a href="http://www.shiokaze-kouen.net/micro/" data-ajax="false" target="_blank">岩国市立ミクロ生物館</a></b>様から，ご協力いただくことになりました。</li>
						<li class="target">（2013/06/11）Androidタブレットに対応しました。これで，Androidスマホ&タブレット，iPhone&iPod&iPad，PC，Macどの機種からでも同じように再生できるようになりました。</li>
						<li class="target">（2013/06/09）Chrome，Safari対応でしたが，Interenet Explorer，Firefox，Operaにも対応させました。</li>
						<li class="target">（2013/06/01）画像や動画の比率を，4:3から大型テレビ用の16:9のワイド画面に少しずつ変更しています。</li>
						<li class="target">（2013/05/28）イメージキャラを作成しました。左がミジンコくんで，右がミジンコちゃんです。</li>
						<li class="target">（2013/05/26）タブレット，スマートフォン向けに作り直しました。横持ちスタイルでごらんください。</li>
						<li class="target">（2011/11/11）スマートフォン向けに作り直しています。</li>
						<li class="target">（2007/03/31）図鑑を作りました。</li>
	</div>

</div>

<br>

<div align="center">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" id="AutoNumber1">
<tr>
<td align="center" width="33%">
<img src="image/bismina9l.png" title="ミジンコくん" border="0" style="cursor:help;" width="200">
</td>
<td align="center" width="%">
<img src="image/favicon.png" title="ファビコン" border="0" style="cursor:help;" width="128">
</td>
<td align="center" width="33%">
<img src="image/bismina9r.png" title="ミジンコちゃん" border="0" style="cursor:help;"  width="200">
</td></tr></table>
</div>

</div>
</div>


</body>
</html>