$(document).ready(function(){
    $("#over01").hover(function () {
        $(this).append($("<dd>動物・風景・建物・雑貨などをテーマに撮った写真を紹介しています。<br /><span class='gray'>※ mezza9.info が別ウィンドで開きます。</span></dd>"));
      }, 
      function () {
        $(this).find("dd:last").remove();
      }
    );

    $("#over02").hover(function () {
        $(this).append($("<dd>懐かしいキャラや思いつきをイラストレータで描いてます。<br /><span class='gray'>※ mezza9.info が別ウィンドで開きます。</span></dd>"));
      }, 
      function () {
        $(this).find("dd:last").remove();
      }
    );

    $("#over03").hover(function () {
        $(this).append($("<dd>昔から趣味で作ったWEBサイトを紹介しています。<br /><span class='gray'>※ mezza9.info が別ウィンドで開きます。</span></dd>"));
      }, 
      function () {
        $(this).find("dd:last").remove();
      }
    );

    $("#over04").hover(function () {
        $(this).append($("<dd>チェコやハンガリーなど中欧旅行の写真を紹介しています。<br /><span class='gray'>※ mezza9.info が別ウィンドで開きます。</span></dd>"));
      }, 
      function () {
        $(this).find("dd:last").remove();
      }
    );

    $("#over05").hover(function () {
        $(this).append($("<dd>インターネットで見つけた便利ツール、フラッシュ、WEBデザインなどのサイトや<br />ITニュース情報を紹介しています。スマートフォン用のニュース案内もやってます。<br /><span class='gray'>※ mezza9.net が別ウィンドで開きます。</span></dd>"));
      }, 
      function () {
        $(this).find("dd:last").remove();
      }
    );

    $("#over06").hover(function () {
        $(this).append($("<dd>ブログやサイトに簡単に貼り付けできるグーグルマップです。<br /><span class='gray'>※ map.mezza9.biz が別ウィンドで開きます。</span></dd>"));
      }, 
      function () {
        $(this).find("dd:last").remove();
      }
    );

    $("#over07").hover(function () {
        $(this).append($("<dd>自薦、他薦サイトを登録、検索できるディレクトリ型サイト集です。<br /><span class='gray'>※ navi.mezza9.biz が別ウィンドで開きます。</span></dd>"));
      }, 
      function () {
        $(this).find("dd:last").remove();
      }
    );

    $("#over08").hover(function () {
        $(this).append($("<dd>ustreamを複数同時に再生させる簡単なマルチUSTサイトです。<br /><span class='gray'>※ mezza9.net が別ウィンドで開きます。</span></dd>"));
      }, 
      function () {
        $(this).find("dd:last").remove();
      }
    );

    $("#over09").hover(function () {
        $(this).append($("<dd>amazonのCD検索です。他にもBook、家電、インテリアなども案内してます。<br /><span class='gray'>※ navi.mezza9.biz が別ウィンドで開きます。</span></dd>"));
      }, 
      function () {
        $(this).find("dd:last").remove();
      }
    );

    $("#over10").hover(function () {
        $(this).append($("<dd>不定期に個人的なことやITニュースなどをつぶやいています。<br />よかったらフォローして下さい。<br /><span class='gray'>※ Twitter がポップアップで開きます。</span></dd>"));
      }, 
      function () {
        $(this).find("dd:last").remove();
      }
    );

    $("#over11").hover(function () {
        $(this).append($("<dd>シンプルなホームページを作成して、小さなお店や企業、個人で何かを<br />始めようとする方を応援するサービスMake1のサイトです。<br /><span class='gray'>※ Make1 が別ウィンドで開きます。</span></dd>"));
      }, 
      function () {
        $(this).find("dd:last").remove();
      }
    );

    $("#over12").hover(function () {
        $(this).append($("<dd>月額105円の安くて使いやすいレンタルサーバーFANサーバーです。<br /><span class='gray'>※ FANサーバー が別ウィンドで開きます。</span></dd>"));
      }, 
      function () {
        $(this).find("dd:last").remove();
      }
    );

    $("#over13").hover(function () {
        $(this).append($("<dd>滅多にやらないmezza9のライブ配信です。<br /><span class='gray'>※ Ustream が別ウィンドで開きます。</span></dd>"));
      }, 
      function () {
        $(this).find("dd:last").remove();
      }
    );

    $("#over14").hover(function () {
        $(this).append($("<dd>各mezza9サイト共通の掲示板になっています。<br /><span class='gray'>※ 掲示板 がポップアップで開きます。</span></dd>"));
      }, 
      function () {
        $(this).find("dd:last").remove();
      }
    );

    $("#over15").hover(function () {
        $(this).append($("<dd>お問い合わせはこちらからご連絡ください。<br /><span class='gray'>※ メールフォーム がポップアップで開きます。</span></dd>"));
      }, 
      function () {
        $(this).find("dd:last").remove();
      }
    );

    $("#over16").hover(function () {
        $(this).append($("<dd>mezza9のアクセスランキングです。<br />参加は当サイトにリンクすれば自動で取得、表示します。<br /><span class='gray'>※ ランキング がポップアップで開きます。</span></dd>"));
      }, 
      function () {
        $(this).find("dd:last").remove();
      }
    );

    $("#over17").hover(function () {
        $(this).append($("<dd>好きな画像やイラストからスマートフォンの待ち受け画像が作成できます。<br /><span class='gray'>※ スマートフォン 待ち受け Make1 が別ウィンドで開きます。</span></dd>"));
      }, 
      function () {
        $(this).find("dd:last").remove();
      }
    );

    $("#over1").hover(function () {
        $(this).append($("<dt>Yahoo!、日経、２ちゃんねる、NHK、googleのニュースをRSSで1時間毎に更新しています。</dt>"));
      }, 
      function () {
        $(this).find("dt:last").remove();
      }
    );

    $("#over2").hover(function () {
        $(this).append($("<dt>Yahoo!検索ランキングにある急上昇キーワードの話題のキーワードです。</dt>"));
      }, 
      function () {
        $(this).find("dt:last").remove();
      }
    );

    $("#over3").hover(function () {
        $(this).append($("<dt>ライブ情報や新曲リリース、イベント情報をRSSで1時間毎に更新しています。</dt>"));
      }, 
      function () {
        $(this).find("dt:last").remove();
      }
    );

    $("#over4").hover(function () {
        $(this).append($("<dt>映画関係の情報やゴシップネタなどを案内しています。</dt>"));
      }, 
      function () {
        $(this).find("dt:last").remove();
      }
    );

    $("#over5").hover(function () {
        $(this).append($("<dt>【メールフォーム】　クリックすると、画面が開きます。<br />上部をドラックで移動、右下をドラックで画面サイズを変更できます。</dt>"));
      }, 
      function () {
        $(this).find("dt:last").remove();
      }
    );

    $("#over6").hover(function () {
        $(this).append($("<dt>【掲示板】　クリックすると、画面が開きます。<br />上部をドラックで移動、右下をドラックで画面サイズを変更できます。</dt>"));
      }, 
      function () {
        $(this).find("dt:last").remove();
      }
    );

    $("#over7").hover(function () {
        $(this).append($("<dt>【サイトマップ】　クリックすると、画面が開きます。<br />上部をドラックで移動、右下をドラックで画面サイズを変更できます。</dt>"));
      }, 
      function () {
        $(this).find("dt:last").remove();
      }
    );

    $("#over8").hover(function () {
        $(this).append($("<dt>クリックすると、画面が開き、もう一度クリックで閉じます。<br />各カテゴリでNEWSの表示が切り替わります。</dt>"));
      }, 
      function () {
        $(this).find("dt:last").remove();
      }
    );

    $("#over9").hover(function () {
        $(this).append($("<dt>クリックすると、QRコードが大きくなります。<br />mezza9のモバイルサイトです。</dt>"));
      }, 
      function () {
        $(this).find("dt:last").remove();
      }
    );
  });

