// 変数の定義

var windowflag  =  0;

$(function(){

/*********************************************************************

  フェードの処理

*********************************************************************/

$(".fade").load(function(){
	$(this).fadeTo(0, 0.0);
});

$(".fadeie").load(function(){
	$(this).fadeTo(0, 0.0);
});

$(".fade").hover(
				 
function(){
	$(this).fadeTo(150, 1.0);
},
function(){
	$(this).fadeTo(150, 0.0);
}

);

$(".fadeie").hover(
				 
function(){
	$(this).fadeTo(150, 0.7);
},
function(){
	$(this).fadeTo(150, 0.0);
}

);

/*********************************************************************

  アニメーション処理

*********************************************************************/

$(window).load(function(){
	
	$("#logo01").fadeTo(0,0.0,function(){
	$("#menu01").fadeTo(0,0.0);
	$("#menu02").fadeTo(0,0.0);
	$("#menu03").fadeTo(0,0.0);
	$("#menu04").fadeTo(0,0.0);
	$("#menu05").fadeTo(0,0.0);
	$("#blog01").fadeTo(0,0.0);
	$("#text01").fadeTo(0,0.0);
	$("#text02").fadeTo(0,0.0);
	$("#window").fadeTo(0,0.0);
	$("#logo01").fadeTo(1000,1.0,"linear");
	});

	$("#menu01").animate({ width : 100 },500,"linear",function(){
	$("#menu01").animate({ opacity : 1.0 },250,"linear",function(){
	$("#menu02").animate({ opacity : 1.0 },250,"linear",function(){
	$("#menu03").animate({ opacity : 1.0 },250,"linear",function(){
	$("#menu04").animate({ opacity : 1.0 },250,"linear",function(){
	$("#menu05").animate({ opacity : 1.0 },250,"linear",function(){
	$("#blog").animate({ top : 420 },1000,"easeOutQuad");
	$("#blog01").animate({ opacity : 1.0 },1000,"easeOutQuad",function(){
	$("#text01").animate({ left : 160,opacity : 1.0 },1500,"easeOutQuad",function(){
	$("#text02").animate({ left : 395,opacity : 1.0 },1500,"easeOutQuad",function(){
	$("#window").animate({ top : 300,opacity : 1.0 },1000,"easeOutQuad",function(){
	$("#window").animate({ opacity : 1.0 },8000,"linear",function(){
	$("#window").animate({ top : 320,opacity : 0.0 },1000,"linear",function(){
		windowflag=1;
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	});
	
	$("#logo_page01").fadeTo(0,0.0,function(){
	$("#menu_page01").fadeTo(0,0.0);
	$("#menu_page02").fadeTo(0,0.0);
	$("#menu_page03").fadeTo(0,0.0);
	$("#menu_page04").fadeTo(0,0.0);
	$("#menu_page05").fadeTo(0,0.0);
	$("#formbox").fadeTo(0,0.0);
	$("#company").fadeTo(0,0.0);
	$("#company_link").fadeTo(0,0.0);
	$("#link_btn").fadeTo(0,0.0);
	$("#link_btn01").fadeTo(0,0.0);
	$("#link_btn02").fadeTo(0,0.0);
	$("#link_btn03").fadeTo(0,0.0);
	$("#link_btn04").fadeTo(0,0.0);
	$("#link_btn05").fadeTo(0,0.0);
	$("#link_btn06").fadeTo(0,0.0);
	$("#logo_page01").animate({ opacity : 1.0 },800,"linear");
	});

	$("#menu_page01").animate({ opacity : 0.0 },300,"linear",function(){
	$("#menu_page01").animate({ opacity : 1.0 },400,"linear");
	$("#menu_page02").animate({ opacity : 1.0 },500,"linear");
	$("#menu_page03").animate({ opacity : 1.0 },600,"linear");
	$("#menu_page04").animate({ opacity : 1.0 },700,"linear");
	$("#menu_page05").animate({ opacity : 1.0 },800,"linear",function(){
	$("#link_btn").animate({ opacity : 1.0 },800,"linear");
	$("#link_btn01").animate({ opacity : 1.0 },800,"linear");
	$("#link_btn02").animate({ opacity : 1.0 },800,"linear");
	$("#link_btn03").animate({ opacity : 1.0 },800,"linear");
	$("#link_btn04").animate({ opacity : 1.0 },800,"linear");
	$("#link_btn05").animate({ opacity : 1.0 },800,"linear");
	$("#link_btn06").animate({ opacity : 1.0 },800,"linear");
	});
	});
	
	$("#works_base").animate({ opacity : 1.0 },500,"linear");
	
	$("#works01").animate({ left : 250 },0,"linear",function(){
	$("#works01").animate({ opacity : 1.0},500);
	});
	
	$("#works02").animate({ top : 150 },0,"linear",function(){
	$("#works02").animate({ opacity : 1.0},500);
	});

	$("#works03").animate({ top : 360 },0,"linear",function(){
	$("#works03").animate({ opacity : 1.0},500);
	});

	$("#works04").animate({ top : 360 },0,"linear",function(){
	$("#works04").animate({ opacity : 1.0},500);
	});

	$("#works05").animate({ left : 650 },0,"linear",function(){
	$("#works05").animate({ opacity : 1.0},500);
	});

	
	$("#contact_base").animate({ opacity : 1.0 },500,"linear");
	$("#formbox").animate({ opacity : 0.0 },500,"linear",function(){
	$("#formbox").animate({ left : 190,	opacity : 1.0},1000,"easeOutQuad");
	});
	
	$("#company_base").animate({ opacity : 1.0 },500,"linear");
	$("#company").animate({ opacity : 0.0 },500,"linear",function(){
	$("#company").animate({ left : 390,	opacity : 1.0},1000,"easeOutQuad");
	$("#company_link").animate({ left : 650,	opacity : 1.0},800,"easeOutQuad");
	});
	
	$("#reform_base").animate({ opacity : 1.0 },500,"linear");
	
	$("#reform01").animate({ top : 150 },0,"linear",function(){
	$("#reform01").animate({ opacity : 1.0},500);
	});
	
	$("#reform02").animate({ left : 600 },0,"linear",function(){
	$("#reform02").animate({ opacity : 1.0},500);
	});
	
	$("#reform03").animate({ left : 240 },0,"linear",function(){
	$("#reform03").animate({ opacity : 1.0},500);
	});
	
	$("#reform04").animate({ left : 470 },0,"linear",function(){
	$("#reform04").animate({ opacity : 1.0},500);
	});
	
	$("#reform05").animate({ top : 320 },0,"linear",function(){
	$("#reform05").animate({ opacity : 1.0},500);
	});
	
	$("#reform06").animate({ top : 380 },0,"linear",function(){
	$("#reform06").animate({ opacity : 1.0},500);
	});
	
	
});

// マウスオーバーの処理


	$("#window").hover(function(){
		
		if(windowflag==1){
	
			$("#window").stop();
			$("#window").animate({ top : 300,opacity : 1.0 },600);
			
		}
		
		},
		function(){
			
		if(windowflag==1){
	
			$("#window").stop();
			$("#window").animate({ top : 320,opacity : 0.0 },300);
		
		}
	
		}
	
	);










});