jQuery(function(){

	/*======================================================
		switcher
	======================================================*/
	$('#css_switch').styleSwitch();

	/*======================================================
		global navi animate
	======================================================*/
	$("#gnav li a").append( '<span></span>' );
	
	$("#gnav li.gna a").hover(function() {
		$("span",	this).stop().animate({'top':'0px'},200,"easeOutQuad"); 
	}, function() {
		$("span",	this).stop().animate({'top':'-44px'},200,"easeOutQuad");
	});
	
	/*======================================================
		snav
	======================================================*/
	$("#subnav dt").hover(function() {
		$("a",this).stop().animate({'left':'15px'},200,"easeOutQuad"); 
	}, function() {
		$("a",this).stop().animate({'left':'0px'},200,"easeOutQuad");
	});
	
	$("#subnav dd.sna").hover(function() {
		$(this).stop().animate({'left':'10px'},200,"easeOutQuad");
		$("a",this).stop().animate({'left':'15px'},200,"easeOutQuad"); 
	}, function() {
		$("a",this).stop().animate({'left':'0px'},200,"easeOutQuad");
	});
	
	/*======================================================
		smooth scrool
		*name,idにanchor_とつける例<a href="#anchor_top">
	======================================================*/
	var vy = 500;
	
	$('a[href^=#anchor]').click(function(){
		var yPos = $($(this).attr('href')).offset().top;
		$('html,body').animate({scrollTop:yPos}, vy, 'swing');
		return false;
	});
	
});