jQuery.noConflict();
jQuery(document).ready(function($){
	// 最後のLI要素の子要素にあたるA要素のclassにはlast-childを振る
	$('#headnavi li:last-child > a').addClass('last-child');

	// #headnavi子要素のULは全てドロップダウンメニューなのでその親要素を取得しておく
	var dropheadnaviParent = $('ul','#headnavi').parent();

	// 全てのdropheadnaviParentで同じ関数を実行する
	dropheadnaviParent.each(function(){

		// 親の直下の子要素がドロップダウンメニューになるので取得する
		var dropheadnavi = $('>ul',this);

		// dropheadnaviを隠した上で、直前の要素（ここではアンカー要素）のclassにdropheadnaviPrevを振る
		dropheadnavi.hide().prev().addClass('dropheadnaviPrev');

		// thisはdropheadnaviParent[i]を指す
		// dropheadnaviParent[i]にhoverメソッドを利用して関数をbindする
		$(this).hover(function(){

			// mouseoverでdropheadnaviを表示する
			dropheadnavi.show().prev().addClass('active');
		},function(){

			// mouseoutでdropheadnaviを非表示にする
			dropheadnavi.hide().prev().removeClass('active');
		});
	});
});