//マウスオーバー
$(function(){
	var underLayer ='<div id="underLayer" style="display:none;position:fixed;left:0;top:0;height:100%;width:100%;"></div>';
	$("body").append(underLayer);
    $('.bt img,input.bt').rollover();
	$(".list2").click(function(){
		$(".daihyo").show();
		$("#underLayer").show();
	});
	$(".list3").click(function(){
		$(".zigyo").show();
		$("#underLayer").show();
	});
	$(".list5").click(function(){
		$(".shainshoukai").show();
		$("#underLayer").show();
	});
	$(".list6").click(function(){
		$(".oboyoko").show();
		$("#underLayer").show();
	});
	
	$("#underLayer").click(function(){
		$(".daihyo").hide();
		$(".zigyo").hide();
		$(".shainshoukai").hide();
		$(".oboyoko").hide();
		$("#underLayer").hide();
	});
	
});

jQuery.fn.rollover = function(suffix) {
suffix = suffix || '_on';
	var check = new RegExp(suffix + '\\.\\w+$');
		return this.each(function() {
		var img = jQuery(this);
		var src = img.attr('src');
		if (check.test(src)) return;
		var _on = src.replace(/\.\w+/, suffix + '$&');
		jQuery('<img>').attr('src', _on);
			img.hover(
				function() { img.attr('src', _on); },
				function() { img.attr('src', src); }
			);
		});
};


//トップの処理