// JavaScript Document

// メインメニュー

$(function(){
	$('.menu_img01 a')
		.css( {backgroundPosition: "0px 0px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0px -40px)"}, {duration:200})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0px 0px)"}, {duration:200, complete:function(){
				$(this).css({backgroundPosition: "0px 0px"})
			}})
		})
	$('.menu_img02 a')
		.css( {backgroundPosition: "-159px 0px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-159px -40px)"}, {duration:200})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(-159px 0px)"}, {duration:200, complete:function(){
				$(this).css({backgroundPosition: "-159px 0px"})
			}})
		})
	$('.menu_img03 a')
		.css( {backgroundPosition: "-318px 0px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-318px -40px)"}, {duration:200})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(-318px 0px)"}, {duration:200, complete:function(){
				$(this).css({backgroundPosition: "-318px 0px"})
			}})
		})
	$('.menu_img04 a')
		.css( {backgroundPosition: "-477px 0px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-477px -40px)"}, {duration:200})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(-477px 0px)"}, {duration:200, complete:function(){
				$(this).css({backgroundPosition: "-477px 0px"})
			}})
		})
});



// サイドメニュー