$(function(){

 $("#profile_btn").toggle(function(){
	$("#left_area").animate({ opacity:0},200,"easeInCubic");
	$("#right_area").animate({ width: 580,left:20},1000,"easeOutCubic");
	$("#profile_btn img").attr({src:"images/profile_btn_o.gif",alt:"戻る"});
 },function(){
	$("#left_area").animate({ opacity:1.0},800,"easeInCubic");
	$("#right_area").animate({ width: 172,left:457},1000,"easeOutCubic");
	$("#profile_btn img").attr({src:"images/profile_btn.gif",alt:"プロフィール"});
 });
 
 $("#lower:first").css({ opacity:0});
 
 
 $("#effect_btn").toggle(function(){
	$(this).animate({opacity:0},{duration:600,complete:function(){$(this).css({left:-418,top:13});$("#effect_btn img").attr({src:"images/effect_btn_o.gif",alt:"戻る"})}});
	$("#upper:first").animate({ width: 593,left:-438},{duration:1000,easing:"easeOutCubic",complete:function(){$(this).animate({ opacity:0.9},600);}});
	$("#lower:first").animate({ width: 593,left:-438},{duration:800,easing:"easeOutCubic",complete:function(){$("#effect_btn").animate({opacity:1.0});$(this).animate({ opacity:1.0},600);}})
},function(){
	$(this).animate({opacity:0},{duration:200,complete:function(){$(this).css({left:17,top:313});$("#effect_btn img").attr({src:"images/effect_btn.gif",alt:"効能はこちら"})}});
	$("#upper:first").animate({ width: 156,left:0},{duration:600,easing:"easeOutCubic",complete:function(){$(this).animate({ opacity:1.0},1000);}});
	$("#lower:first").animate({ width: 156,left:0},{duration:1000,easing:"easeOutCubic",complete:function(){$("#effect_btn").animate({opacity:1.0});$(this).animate({ opacity:0},600);}});
 });
 
 $("#effect_btn1002").toggle(function(){
	$(this).animate({opacity:0},{duration:600,complete:function(){$(this).css({left:-418,top:13});$("#effect_btn1002 img").attr({src:"images/effect_btn_o.gif",alt:"戻る"})}});
	$("#upper:first").animate({ width: 593,left:-438},{duration:1000,easing:"easeOutCubic",complete:function(){$(this).animate({ opacity:0.9},600);}});
	$("#lower:first").animate({ width: 593,left:-438},{duration:800,easing:"easeOutCubic",complete:function(){$("#effect_btn1002").animate({opacity:1.0});$(this).animate({ opacity:1.0},600);}})
},function(){
	$(this).animate({opacity:0},{duration:200,complete:function(){$(this).css({left:17,top:272});$("#effect_btn1002 img").attr({src:"images/effect_btn.gif",alt:"効能はこちら"})}});
	$("#upper:first").animate({ width: 156,left:0},{duration:600,easing:"easeOutCubic",complete:function(){$(this).animate({ opacity:1.0},1000);}});
	$("#lower:first").animate({ width: 156,left:0},{duration:1000,easing:"easeOutCubic",complete:function(){$("#effect_btn1002").animate({opacity:1.0});$(this).animate({ opacity:0},600);}});
 }); 
 
 $("#effect_btn1005").toggle(function(){
	$(this).animate({opacity:0},{duration:600,complete:function(){$(this).css({left:-418,top:13});$("#effect_btn1005 img").attr({src:"images/effect_btn_o.gif",alt:"戻る"})}});
	$("#upper:first").animate({ width: 593,left:-438},{duration:1000,easing:"easeOutCubic",complete:function(){$(this).animate({ opacity:0.9},600);}});
	$("#lower:first").animate({ width: 593,left:-438},{duration:800,easing:"easeOutCubic",complete:function(){$("#effect_btn1005").animate({opacity:1.0});$(this).animate({ opacity:1.0},600);}})
},function(){
	$(this).animate({opacity:0},{duration:200,complete:function(){$(this).css({left:17,top:230});$("#effect_btn1005 img").attr({src:"images/effect_btn.gif",alt:"効能はこちら"})}});
	$("#upper:first").animate({ width: 156,left:0},{duration:600,easing:"easeOutCubic",complete:function(){$(this).animate({ opacity:1.0},1000);}});
	$("#lower:first").animate({ width: 156,left:0},{duration:1000,easing:"easeOutCubic",complete:function(){$("#effect_btn1005").animate({opacity:1.0});$(this).animate({ opacity:0},600);}});
 }); 


});