$(function() {
	
	// メイン画像切り替え
	$(".header_photo_frame").hover(
		function() {
			$(this).stop().animate({
				"width"     :"320px"
			}, 300, "easeInOutCubic");
			
			$("img", this).stop().animate({
				"marginLeft"     :"0px"
			}, 300, "easeInOutCubic");
		},
		function() {
			$(this).stop().animate({
				"width"     :"150px"
			}, 300, "easeInOutCubic");
			$("img", this).stop().animate({
				"marginLeft"     :"-25%"
			}, 300, "easeInOutCubic");
		}
	);	
});