$(function() {
	var num = 1;
	$('#nav li')
	//マウスオーバー画像を配置
	.each(function(){
		$(this).css('background', 'url(img/02/nav0'+num+'.gif) no-repeat 0px -60px')
		num++;
	})
	.find('img').hover(
		function(){  
			$(this).stop().animate({'opacity' : '0'}, 500);  
		},
		function(){
			$(this).stop().animate({'opacity' : '1'}, 1000);
		}
	); 
});

$(function() {
	var num = 1;
	$('#nav1 li')
	//マウスオーバー画像を配置
	.each(function(){
		$(this).css('background', 'url(img/01/nav0'+num+'.gif) no-repeat 0px -55px')
		num++;
	})
	.find('img').hover(
		function(){  
			$(this).stop().animate({'opacity' : '0'}, 300);  
		},
		function(){
			$(this).stop().animate({'opacity' : '1'}, 600);
		}
	); 
});


$(function() {
	var num = 1;
	$('#nav2 .menu01')
	//マウスオーバー画像を配置
	.each(function(){
		$(this).css('background', 'url(img/03/nav0'+num+'.gif) no-repeat 0px -55px')
		num++;
	})
	.find('img').hover(
		function(){  
			$(this).stop().animate({'opacity' : '0'}, 300);  
		},
		function(){
			$(this).stop().animate({'opacity' : '1'}, 600);
		}
	); 
});
$(function() {
	var num = 1;
	$('#nav2 .menu02')
	//マウスオーバー画像を配置
	.each(function(){
		$(this).css('background', 'url(img/03/nav05.gif) no-repeat 0px -55px')
		num++;
	})
	.find('img').hover(
		function(){  
			$(this).stop().animate({'opacity' : '0'}, 300);  
		},
		function(){
			$(this).stop().animate({'opacity' : '1'}, 600);
		}
	); 
});