test3 の変更点

追加された行はこの色です。
削除された行はこの色です。
test3 へ行く。
#html{{
<ul id="dropmenu">
  <li><a href="http://www.0o0d.com/main/">ア</a>

  </li>
  <li><a href="http://www.0o0d.com/qhm/">カ</a>
<!--    <ul>  ----->
<!--      <li><a href="#">サブメニュー</a></li>  ----->
<!--      <li><a href="#">サブメニュー</a></li>  ----->
<!--      <li><a href="#">サブメニュー</a></li>  ----->
<!--      <li><a href="#">サブメニュー</a></li>  ----->
<!--    </ul>  ----->
  </li>
  <li><a href="#">サ</a>
    <ul>
      <li><a href="http://www.0o0d.com/main/index.php?アップローダー">アップローダー</a>
        <ul>
          <li><a href="http://www.0o0d.com/uploader/uploader.cgi">アップローダーＡ</a></li>
          <li><a href="http://www.0o0d.com/uploader2/uploader.cgi">アップローダーＢ</a></li>
          <li><a href="http://www.0o0d.com/uploader3/uploader.cgi">アップローダーＣ</a></li>
          <li><a href="http://www.0o0d.com/uploader4/uploader.cgi">アップローダーＤ</a></li>
          <li><a href="http://www.0o0d.com/uploader5/uploader.cgi">アップローダーＥ</a></li>
          <li><a href="http://www.0o0d.com/uploader6/uploader.cgi">アップローダーＦ</a></li>
          <li><a href="http://www.0o0d.com/upload/upload.cgi">アップローダーＧ</a></li>
        </ul>
      </li>
<!--      <li><a href="#">サブメニュー</a></li>  ----->
<!--      <li><a href="#">サブメニュー</a></li>  ----->
    </ul>
  </li>
  <li><a href="#">タ</a>
    <ul>
      <li><a href="http://www.0o0d.com/main/index.php?ＰＣ">ＰＣ</a></li>
      <li><a href="http://www.0o0d.com/jinbutsu/">歴史・人名</a></li>
      <li><a href="http://www.0o0d.com/world/">世界</a></li>
      <li><a href="http://www.0o0d.com/main/index.php?会計・経理・総務">会計・経理・総務</a></li>
      <li><a href="http://www.0o0d.com/horei/">法律・規則</a></li>
      <li><a href="http://www.0o0d.com/recipe/index.php">レシピ</a></li>
      <li><a href="#">チョコボ王国</a></li>
      <li><a href="#">文庫ePub</a></li>
      <li><a href="#">メモ帳</a></li>
      <li><a href="#">ＮＡＶＩ</a></li>
      <li><a href="#">ＳＩＴＥＭＡＰ</a></li>
      <li><a href="#">コラム</a>
        <ul>
          <li><a href="#">col</a></li>
          <li><a href="#">col2</a></li>
          <li><a href="#">col3</a></li>
        </ul>
      </li>
      <li><a href="#">新聞</a></li>
      <li><a href="#">ブログ</a>
        <ul>
          <li><a href="#">cafe</a></li>
          <li><a href="#">覚書</a>
            <ul>
            <li><a href="#">覚書admin</a></li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </li>
  <li><a href="http://www.0o0d.com/qhm/index.php?encode_hint=%E3%81%B7&cmd=search&word=マニュアル&type=AND">ナ</a>
    <ul>
      <li><a href="http://www.0o0d.com/qhm/index.php?コンテンツの作り方">コンテンツの作り方</a>
        <ul>
          <li><a href="#">基本</a>
            <ul>
              <li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/他のサイトにリンク">他のサイトにリンク</a></li>
              <li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/テキスト修飾">テキスト修飾</a></li>
              <li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/HTMLで直接記述">HTMLで直接記述</a></li>
              <li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/画像の埋め込み">画像の埋め込み</a></li>
              <li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/Flashの埋め込み">Flashの埋め込み</a></li>
            </ul>
          </li>
          <li><a href="#">コンテンツ設置</a>
            <ul>
              <li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/コードハイライト機能">コードハイライト</a></li>
              <li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/掲示板の設置">掲示板の設置</a></li>
              <li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/1行コメントの設置">1行コメントの設置</a></li>
              <li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/アップローダ設置">アップローダ設置</a></li>
              <li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/カレンダー設置">カレンダー設置</a></li>
              <li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/カウンタの設置">カウンタの設置</a></li>
              <li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/オンライン人数">オンライン人数</a></li>
              <li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/他ページ読み込み">他ページ読み込み</a></li>
              <li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/スマイリーアイコンの使用">スマイリーアイコン</a></li>
              <li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/その他">その他</a></li>
            </ul>
          </li>
        </ul>
      </li>
      <li><a href="#">プラグインA-L</a>
        <ul>
          <li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/a">プラグイン/a</a></li>
          <li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/b">プラグイン/b</a></li>
          <li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/c">プラグイン/c</a></li>
          <li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/d">プラグイン/d</a></li>
          <li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/e">プラグイン/e</a></li>
          <li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/f">プラグイン/f</a></li>
          <li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/h">プラグイン/h</a></li>
          <li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/i">プラグイン/i</a></li>
          <li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/l">プラグイン/l</a></li>
        </ul>
      </li>
      <li><a href="#">プラグインM-V</a>
        <ul>
          <li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/m">プラグイン/m</a></li>
          <li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/n">プラグイン/n</a></li>
          <li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/o">プラグイン/o</a></li>
          <li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/p">プラグイン/p</a></li>
          <li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/r">プラグイン/r</a></li>
          <li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/s">プラグイン/s</a></li>
          <li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/t">プラグイン/t</a></li>
          <li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/u">プラグイン/u</a></li>
          <li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/v">プラグイン/v</a></li>
        </ul>
      </li>
    </ul>
  </li>
</ul>
}}

#html(<style type="text/css">	<!--	#dropmenu {	  list-style-type: none;	  width: 700px;	  margin: 10px auto 500px;	  padding: 0;	}	#dropmenu li {	  position: relative;	  width: 20%;	  float: left;	  margin: 0;	  padding: 0;	  text-align: center;	}	#dropmenu li a {	  display: block;	  margin: 0;	  padding: 12px 0;	  background: silver;	  color: #fff;	  font-size: 12px;	  font-weight: bold;	  line-height: 1;	  text-decoration: none;	}	#dropmenu li ul {	  list-style: none;	  position: absolute;	  z-index: 100;	  top: 100%;	  left: 0;	  width: 100%;	  margin: 0;	  padding: 0;	}	#dropmenu li ul li {	  overflow: hidden;	  width: 100%;	  height: 0;	  color: #fff;	  transition: .2s;	}	#dropmenu li ul li a {	  padding: 12px 12px;	  background: silver;	  text-align: left;	  font-size: 12px;	  font-weight: normal;	}	#dropmenu > li:hover > a {  background: silver }	#dropmenu > li:hover li:hover > a {  background: silver }	#dropmenu > li:hover > ul > li {	  overflow: visible;	  height: 36px;	}	#dropmenu li ul li ul {	  top: 0;	  left: 100%;	}	#dropmenu li:last-child ul li ul {	  left: -100%;	  width: 100%;	}	#dropmenu li ul li ul:before {	  position: absolute;	  content: "";	  top: 13px;	  left: -20px;	  width: 0;	  height: 0;	  border: 5px solid transparent;	  border-left-color: #454e08;	}	#dropmenu li:last-child ul li ul:before {	  position: absolute;	  content: "";	  top: 13px;	  left: 200%;	  margin-left: -20px;	  border: 5px solid transparent;	  border-right-color: #454e08;	}	#dropmenu li ul li:hover > ul > li {	  overflow: visible;	  height: 36px;	}	#dropmenu li ul li ul li a {  background: silver }	#dropmenu li:hover ul li ul li a:hover {  background: silver }	-->	</style>	)