$(function() {
	var num = 1;
	$('.btn li.btn1')
	//サンプル＆ダウンロード　マウスオーバー画像を配置
	.each(function(){
		$(this).css('background', 'url(http://noviablanca.com/com_images/banner_smpl_dl1.gif) no-repeat 0px -57px')
		num++;
	})
	.find('img').hover(
		function(){  
			$(this).stop().animate({'opacity' : '0'}, 500);  
		},
		function(){
			$(this).stop().animate({'opacity' : '1'}, 1000);
		}
	); 
});

$(function() {
	var num = 1;
	$('.btn li.btn2')
	//その他のテンプレート　マウスオーバー画像を配置
	.each(function(){
		$(this).css('background', 'url(http://noviablanca.com/com_images/banner_other_templates1.gif) no-repeat 0px -57px')
		num++;
	})
	.find('img').hover(
		function(){  
			$(this).stop().animate({'opacity' : '0'}, 500);  
		},
		function(){
			$(this).stop().animate({'opacity' : '1'}, 1000);
		}
	); 
});

$(function() {
	var num = 1;
	$('.btn li.btn3')
	//テンプレート詳細　マウスオーバー画像を配置
	.each(function(){
		$(this).css('background', 'url(http://noviablanca.com/com_images/banner_template1.gif) no-repeat 0px -57px')
		num++;
	})
	.find('img').hover(
		function(){  
			$(this).stop().animate({'opacity' : '0'}, 500);  
		},
		function(){
			$(this).stop().animate({'opacity' : '1'}, 1000);
		}
	); 
});

$(function() {
	var num = 1;
	$('.btn li.btn4')
	//ファイルダウンロード　マウスオーバー画像を配置
	.each(function(){
		$(this).css('background', 'url(http://noviablanca.com/com_images/banner_download1.gif) no-repeat 0px -57px')
		num++;
	})
	.find('img').hover(
		function(){  
			$(this).stop().animate({'opacity' : '0'}, 500);  
		},
		function(){
			$(this).stop().animate({'opacity' : '1'}, 1000);
		}
	); 
});

$(function() {
	var num = 1;
	$('.btn li.btn5')
	//サイトへジャンプ　マウスオーバー画像を配置
	.each(function(){
		$(this).css('background', 'url(http://noviablanca.com/com_images/banner_to_website1.gif) no-repeat 0px -57px')
		num++;
	})
	.find('img').hover(
		function(){  
			$(this).stop().animate({'opacity' : '0'}, 500);  
		},
		function(){
			$(this).stop().animate({'opacity' : '1'}, 1000);
		}
	); 
});