//  http://css-eblog.com/csstechnique/post-10.html

ina =""; inz ="./../";
//ina+="<div>";
ina+="<table border=0 align=center><tr><td>";
ina+="  <dl id='menu'>";
ina+="    <dt>";
ina+="  		<a href='"+inz+"../index.html'>くらげのトップ</a>";
ina+="  		  <ul class='view'>";
ina+="          <li><a href='http://www2n.biglobe.ne.jp/~kurage/map-w.html'>サイトマップ</a></li>";
ina+="          <li><a href='"+inz+"hp_g.html'>ホームページ作り</a></li>";
ina+="  		  </ul>";
ina+="  	</dt>";
ina+="  	<dt>";
ina+="  	  <a href='"+inz+"kiso/kiso0.html'>ＨＰ作り基礎編</a>";
ina+="    		<ul>";
ina+="      		<li><a href='"+inz+"kiso/kiso0.html'>ＨＰのしくみ</a></li>";
ina+="  		  	<li><a href='"+inz+"kiso/flow.html'>HP作成フロー</a></li>";
ina+="      		<li><a href='"+inz+"kiso/kiso1.html'>ＨＰ作りの準備</a></li>";
ina+="      		<li><a href='"+inz+"kiso/kiso2.html'>ＨＰを作ってみる</a></li>";
ina+="      		<li><a href='"+inz+"kiso/trans.html'>HPを公開する</a></li>";
ina+="  	    	<li>";
ina+="      			<a href='"+inz+"kiso/kiso4.html'>実用サンプル >></a>";
ina+="      		  <ul>";
ina+="      		  	<li>";
ina+="  	    	  		<a href='"+inz+"kiso/kiso2.html#jitu'>実用サンプル解説</a>";
ina+="  	    	  	</li>";
ina+="  		  		</ul>";
ina+="      		<li><a href='"+inz+"kiso/btag.html'>最少基本タグ</a></li>";
ina+="      		<li><a href='"+inz+"kiso/net.html'>インターネット回線</a></li>";
ina+="  		  </ul>";
ina+="  	</dt>";
ina+="  	<dt>";
ina+="  		<a href='"+inz+"syoho/syoho1.html'>ＨＰ作りの初歩</a>";
ina+="    		<ul>";
ina+="  		  	<li><a href='"+inz+"syoho/syoho3.html'>画像を貼付ける</a></li>";
ina+="  		  	<li><a href='"+inz+"syoho/syoho5.html'>LINKを貼る</a></li>";
ina+="  		  	<li><a href='"+inz+"syoho/syoho4.html'>&lt;table&gt;タグを使う</a></li>";
ina+="      		<li><a href='"+inz+"kiso/btag.html'>基本的なタグ</a></li>";
ina+="  	    	<li>";
ina+="      			<a href='"+inz+"syoho/page/index.html'>最少タグでHP >></a>";
ina+="      		  <ul>";
ina+="      		  	<li><a href='"+inz+"syoho/kihon1.html'>　解 説 １</a></li>";
ina+="      		  	<li><a href='"+inz+"syoho/kihon2.html'>　解 説 ２</a></li>";
ina+="      		  	<li><a href='"+inz+"syoho/kihon3.html'>　解 説 ３</a></li>";
ina+="  		  		</ul>";
ina+="  		  	</li>";
ina+="  		  	<li><a href='"+inz+"syoho/syoho6.html'>ソースTXTを表示</a></li>";
ina+="  	    	<li>";
ina+="      			<a href='"+inz+"zero/zero01.html'>ゼロから作る >></a>";
ina+="      		  <ul>";
ina+="      		  	<li><a href='"+inz+"zero/zero01.html'>ゼロから作る 1</a></li>";
ina+="      		  	<li><a href='"+inz+"zero/zero02.html'>ゼロから作る 2</a></li>";
ina+="      		  	<li><a href='"+inz+"zero/zero03.html'>ゼロから作る 3</a></li>";
ina+="      		  	<li><a href='"+inz+"zero/zero04.html'>ゼロから作る 4</a></li>";
ina+="  		  		</ul>";
ina+="  		  	</li>";
ina+="  		  </ul>";
ina+="  	</dt>";
ina+="  	<dt>";
ina+="  		<a href='"+inz+"tegaru/us_sft.html'>手軽に作る</a>";
ina+="    		<ul>";
ina+="      		<li><a href='"+inz+"tegaru/compos.html'>Composerを使う</a></li>";
ina+="  	    	<li>";
ina+="      			<a href='"+inz+"tegaru/us_wd.html'>ワードで作る >></a>";
ina+="      		  <ul>";
ina+="  	    	    <li><a href='"+inz+"tegaru/us_wd1.html'>サンプル１</a></li>";
ina+="  	    	    <li><a href='"+inz+"tegaru/dotN.html'>フォルダ名対策</a></li>";
ina+="  	    	  </ul></li>";
ina+="  	    	<li>";
ina+="      			<a href='"+inz+"tegaru/us_xls.html'>エクセルで作る >></a>";
ina+="      		  <ul>";
ina+="  	    	    <li><a href='"+inz+"tegaru/abc.htm'>サンプル１</a></li>";
ina+="  	    	    <li><a href='"+inz+"tegaru/excel.html'>サンプル２</a></li>";
ina+="  	    	    <li><a href='"+inz+"tegaru/us_xls.html#hakkou'>ピボットテーブル</a></li>";
ina+="  	    	  </ul></li>";
ina+="  	    	<li>";
ina+="      			<a href='"+inz+"tegaru/us_ppt.html'>PowerPointで >></a>";
ina+="      		  <ul>";
ina+="  	    	  	<li><a href='"+inz+"tegaru/us_ppt.html#hakkou'>アニメも出来る</a></li>";
ina+="  	    	  	<li><a href='"+inz+"tegaru/ppt01.htm'>サンプル１</a></li>";
ina+="  	    	  </ul></li>";
ina+="  		  	<li><a href='"+inz+"tegaru/dotN.html'>フォルダ名対策</a></li>";
ina+="  		  </ul>";
ina+="  	</dt>";
ina+="  	<dt>";
ina+="  		<a href='"+inz+"susumu/xml.html'>HTMLを超える</a>";
ina+="    		<ul>";
ina+="      		<li><a href='"+inz+"style/style1.html'>CSSの基礎 >></a>";
ina+="      		  <ul>";
ina+="  	    	  	<li><a href='"+inz+"style/style2.html'>CSSの記述</a></li>";
ina+="  	    	  	<li><a href='"+inz+"style/style02.html'>CSS適用例 >></a>";
ina+="      		      <ul>";
ina+="  	    	  	    <li><a href='"+inz+"style/style01.html'>CSS 適用前</a></li>";
ina+="  	    	      </ul></li>";
ina+="  	    	  </ul></li>";
ina+="  	    	<li>";
ina+="      			<a href='"+inz+"susumu/xml.html#JavaS'>JavaScript >></a>";
ina+="      		  <ul>";
ina+="  	    	  	<li><a href='"+inz+"susumu/jst.html'>JavaScript</a></li>";
ina+="  	    	  </ul></li>";
ina+="      		<li><a href='"+inz+"susumu/xml.html#JavaA'>Java Applet</a></li>";
ina+="  	    	<li>";
ina+="      			<a href='"+inz+"susumu/xml.html#CGI'>CGIを使う >></a>";
ina+="      		  <ul>";
ina+="  	    	  	<li><a href='"+inz+"susumu/cgiset.html'>CGIを設置する</a></li>";
ina+="  	    	  	<li><a href='"+inz+"susumu/cgiRun.html'>CGIをテスト</a></li>";
ina+="  	    	  </ul></li>";
ina+="  	    	<li>";
ina+="      			<a href='"+inz+"flash/flash.html'>flashアニメ >></a>";
ina+="      		  <ul>";
ina+="  	    	  	<li><a href='"+inz+"flash/para/para.html'>パラパラアニメ</a></li>";
ina+="  	    	  	<li><a href='"+inz+"flash/evnt/evnt.html'>イベントアニメ</a></li>";
ina+="  	    	  	<li><a href='"+inz+"flash/scrpt/scrpt.html'>スクリプトアニメ</a></li>";
ina+="  	    	  	<li><a href='"+inz+"flash/X_act/X_act.html'>複合動作アニメ</a></li>";
ina+="  	    	  </ul></li>";
ina+="  	    	<li>";
ina+="      			<a href='"+inz+"tech/tech.html'>作成テクニック >></a>";
ina+="      		  <ul>";
ina+="  	    	  	<li><a href='"+inz+"tech/edit.html'>エディタを変更</a></li>";
ina+="  	    	  	<li><a href='"+inz+"tech/menu-j/menu-j.html'>メニュー作成</a></li>";
ina+="  	    	  </ul></li>";
//ina+="      		<li><a href='"+inz+"etc/keitai.html'>携帯電話用ＨＰ</a></li>";
ina+="  		  </ul>";
ina+="  	</dt>";
ina+="  	<dt>";
ina+="  		<a href='"+inz+"etc/HP_lnk.html'>参考サイト他</a>";
ina+="    		<ul>";
ina+="      		<li><a href='"+inz+"etc/keitai.html'>携帯用HP</a></li>";
//ina+="      		<li><a href='"+inz+"etc/HP_lnk.html'>参考サイト</a></li>";
ina+="  		  </ul>";
ina+="  	</dt>";
ina+="  </dl>";
ina+="</td></tr></table>";
// ina+="</div>";
    
      function replaceEle(){
	      if(document.getElementById){
	        var obj = document.getElementById("menu");
	  	    obj.innerHTML = obj.innerHTML.replace(/<dt>/gi, '<dt onmouseover="popupMenu(this);" onmouseout="hiddenMenu(this);">');
	  	    obj.innerHTML = obj.innerHTML.replace(/<li>/gi, '<li onmouseover="popupMenu(this);" onmouseout="hiddenMenu(this);">');
        }
      }

      function popupMenu( obj ){
        var menu = obj.getElementsByTagName("ul").item(0);
        if(menu){
          menu.style.display = "block";
        }
        if(obj.tagName.match(/li/i)){
          obj.style.backgroundColor = "#581"; // "#449"
        }
      }
	
      function hiddenMenu( obj ){
        var menu = obj.getElementsByTagName("ul").item(0);
          if(menu){
            menu.style.display = "none";
          }
          if(obj.tagName.match(/li/i)){
            obj.style.backgroundColor = "#7a3"; // "#77a"
          }
        }
