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