//DOMがロードされて操作・解析が可能になったタイミングでfanctionを実行
  $(document).ready(function(){
		//#top-nav liをhoverしたとき
		$("#top-nav li").hover(
			//#top-nav liの中にあるulをfadeInさせる			   
			function(){ $("ul", this).fadeIn("fast"); },
			function() { } 
		);
	//	
	if (document.all) {
		//#top-nav liが上に乗ったときにクラスpuru適用
			$("#top-nav li").hoverClass ("puru");
		}
  });
  //Draggable要素が上に乗ったときに適用
	$.fn.hoverClass = function(c) {
		//各要素に対して.hoverメソッドを実行、値を返す
		return this.each(function(){
			$(this).hover( 
				//指定した要素(this)に、cssを追加する。
				function() { $(this).addClass(c);  },
				//指定した要素(this)の、cssを削除
				function() { $(this).removeClass(c); }
			);
		});
	};