try{

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//ページトップへスクロール
function scroller(i){
	scroller_up(i,1000);

}
function scroller_up(i,y){
	y = y + (i - y) * 0.1;
	window.scroll(0,y);
	
	if(((i - y) <= 0.6) && ((i - y) >= -0.6)){
		y = i;
	}
	else{
		setTimeout("scroller_up("+i+","+y+")",1);
	}
}

function scroller_e(i){
	y = 1;
	kyoukai = i * 0.6;
	while(y <= kyoukai){
		window.scroll(0,y);
		y = y + (y * 0.08);
	}
	while( y != i){
		window.scroll(0,y);
		y = y + (i - y) * 0.08;
		if(((i - y) <= 0.6) && ((i - y) >= -0.6)){
			y = i;
		}
	}
}

}catch(err){
	document.setAttribute("error",err);
}
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//ここから下にJQUERY用の記述「ドロップダウン」


$(function(){
			  
/*

「#bepalnavi」直下の「ul」直下の「li」のなかに「ul」があるときに
ドロップダウンメニュのスクリプトが実行されるようにしました。

※CSSのほうも、毎回「#bepalnavi ul li.bnav04 ul」のように追加しなくいてもいいようにしています

※#bepalnaviのマウスオーバー時のCSSの設定も
#bepalnavi li.bnav04 a:hover,
#bepalnavi li.bnav04 a:active,
#bepalnavi li.bnav04 a:focus,
#bepalnavi li.bnav04 a.hover {
background:transparent url(../../img/common/gnavi.gif) no-repeat scroll -485px -30px;
}
のように書けばシンプルに一括で設定できますので管理しやすいかと思います。

*/


//第二階層があるときだけ実行「ドロップダウンメニュのスクリプト」を実行する
$.each($("#bepalnavi > ul > li"),function(){	
	if($(this).children("ul")[0] == undefined) return ;
	dropDownShow("." + $(this).attr("class"));
});


//ドロップダウンメニュのスクリプト
function dropDownShow(klass){
	
	$(klass).children("ul").css("visibility","visible").hide();
	$(klass).mouseover(function(){
		$(this).children("a").addClass("hover");
		$(this).children("ul").show();
	});
	$(klass).mouseout(function(){
		$(this).children("a").removeClass("hover");
		$(this).children("ul").hide();
	});
}

});