$(function() {

        $('.gate01 h3 a').hover(function() {
            $(this).children('.front').stop().animate({ "top" : '200px'}, 700);   
        }, function() {
            $(this).children('.front').stop().animate({ "top" : '0'}, 400);       
        });
        
		$('.gate02 h3 a').hover(function() {
			$(this).children('.front').stop().animate({ "top" : '200px'}, 700);   
        }, function() {
            $(this).children('.front').stop().animate({ "top" : '0'}, 400);       
        });
        
        $('.gate03 h3 a').hover(function() {
			$(this).children('.front').stop().animate({ "top" : '200px'}, 700);   
        }, function() {
            $(this).children('.front').stop().animate({ "top" : '0'}, 400);       
        });

        
});