//onMouseOver時に、下位階層のメニューを表示。グローバルメニューのクラス名を変更。
function showMenu(obj) {

	var myMenu = obj.getElementsByTagName("div").item(0);
	
	switch(true) {
		case obj.className == "menu_01_n" : obj.className = "menu_01_g"; break;
		case obj.className == "menu_02_n" : obj.className = "menu_02_g"; break;
		case obj.className == "menu_03_n" : obj.className = "menu_03_g"; break;
		case obj.className == "menu_04_n" : obj.className = "menu_04_g"; break;
		case obj.className == "menu_05_n" : obj.className = "menu_05_g"; break;
		case obj.className == "menu_06_n" : obj.className = "menu_06_g"; break;
		case obj.className == "menu_07_n" : obj.className = "menu_07_g"; break;
		case obj.className == "menu_08_n" : obj.className = "menu_08_g"; break;
		default : break;
	}
	
	if(myMenu){
		myMenu.style.display = "block";
	}
}

//onMouseOut時に、下位階層のメニューを非表示。グローバルメニューのクラス名を変更。
function hideMenu(obj) {

	var myMenu = obj.getElementsByTagName("div").item(0);
	
	switch(true) {
		case obj.className == "menu_01_g" : obj.className = "menu_01_n"; break;
		case obj.className == "menu_02_g" : obj.className = "menu_02_n"; break;
		case obj.className == "menu_03_g" : obj.className = "menu_03_n"; break;
		case obj.className == "menu_04_g" : obj.className = "menu_04_n"; break;
		case obj.className == "menu_05_g" : obj.className = "menu_05_n"; break;
		case obj.className == "menu_06_g" : obj.className = "menu_06_n"; break;
		case obj.className == "menu_07_g" : obj.className = "menu_07_n"; break;
		case obj.className == "menu_08_g" : obj.className = "menu_08_n"; break;
		default : break;
	}
	
	if(myMenu){
		myMenu.style.display = "none";
	}
}