var openedMenu = null;

var submenuTimer;

//画像メニューにポインタがきた時

function menuOvr(id){

	// 開いているメニューと違うメニューであれば隠す。

	if (openedMenu && openedMenu != id){

		CloseMenu(id);

	}

	// サブウィンドウの表示

	OpenMenu(id);

}

//レイヤメニューの表示

function OpenMenu(id){ 

	if ( document.getElementById ){

		document.getElementById( id ).style.visibility = 'visible';

	}else if ( document.all ){

		document.all( id ).style.visibility = 'visible';

	}else if ( document.layers ){

		document.layers[ id ].visibility = 'show';

	}

	clearTimeout(submenuTimer);

	openedMenu = id;

}

//レイヤメニューの削除

function CloseMenu(){ 

	if ( document.getElementById ){

		document.getElementById( openedMenu ).style.visibility = 'hidden';

	}else if ( document.all ){

		document.all( openedMenu ).style.visibility = 'hidden';

	}else if ( document.layers ){

		document.layers[ openedMenu ].visibility = 'hide';

	}

	openedMenu = null;

}



//マウスを乗せるとテキスト表示

function outputLAYER(layName,html){



  if(document.getElementById){             //N6,Moz,IE5,IE6用

    document.getElementById(layName).innerHTML=html



  } else if(document.all){                            //IE4用

    document.all(layName).innerHTML=html



  } else if(document.layers) {                        //NN4用

     with(document.layers[layName].document){

       open()

       write(html)

       close()

    }

  }

}



function showInfo(data1,data2){

  //--このHTMLテンプレートを書き換えればデザインが変わります。

  var msg1 ='<dl class="rollovertitle"><dt>'+data1+'</dt>\n'  //←注:行末の\nが無いとMacIE5でテーブルが崩れます。

      msg1+='<dd>'+data2+'</dd></dl>\n'

  outputLAYER('ShowRollOver',msg1)

}



function hideInfo(){

  var msg1 =''

  outputLAYER('ShowRollOver',msg1)

}







function btn(sel) {

	//表示をリセット

	document.getElementById("content1").style.visibility = "hidden";

	document.getElementById("content2").style.visibility = "hidden";

	

	//クリックされたボタンに対応したブロックを表示

	document.getElementById(sel).style.visibility = "visible";

}