$(document).ready(function() {
	$("#jFlow").jFlow({
		slides: "#SlideMenu", //スライド部分のid
		controller: ".jFlowControl", //コントローラーのクラス
		slideWrapper : "#jFlowSlide", //各スライドID
		selectedWrapper: "jFlowSelected",  //選択中のスライド
		width: "100%", //幅
		height: "580px",//高さ
		prev: ".jFlowPrev", //前へのクラス
		next: ".jFlowNext"  //次へのクラス
	});
});

//menu-toggle start
$(document).ready(function(){
	$(".toggle_container").hide();
	//$(".toggle_container:first").show(); //Show first tab content
	//$("h4.trigger:first").addClass("opend"); //Activate first tab
	$("h4.trigger").toggle(function(){
		$(this).addClass("active");
		}, function () {
		$(this).removeClass("active");
	});
	$("h4.trigger").click(function(){
		$(this).next(".toggle_container").animate(
	{height: "toggle", opacity: "toggle"}, "3000")
	});
});
//menu-toggle over
//QandA toggle start
$(document).ready(function(){
  $(".target").hide();
  $("h4.Q").hover(function () {
	$(this).css({ color:"rgb(4,52,91)", cursor:"pointer" });
		}, function () {
  		var cssObj = {
			color: "rgb(4,52,91)"
  		}
  	$(this).css(cssObj);
  });

  $("h4.Q").click(function(){
    $(this).next().animate(
	{height: "toggle", opacity: "toggle"}, "1500")
  });
});
//QandA toggle over

//staff-interview toggle start
$(document).ready(function(){
  $("h4.toggle").hover(function () {
	$(this).css({ color:"rgb(255,160,61)", cursor:"pointer" });
		}, function () {
  		var cssObj = {
			color: "rgb(127,195,28)"
  		}
  	$(this).css(cssObj);
  });

  $("h4.toggle").click(function(){
    $(this).next().animate(
	{height: "toggle", opacity: "toggle"}, "1500")
  });
});
//staff-interview toggle over

//tab start
$(document).ready(function() {
	//When page loads...
	$(".tab_content").hide(); //Hide all content
	//$("ul.tabs li:first").addClass("active").show(); //Activate first tab
	$(".tab_content:first").show(); //Show first tab content
	//On Click Event
	$("ul.tabs li").click(function() {
		$("ul.tabs li").removeClass("active"); //Remove any "active" class
		$(this).addClass("active"); //Add "active" class to selected tab
		$(".tab_content").hide(); //Hide all tab content

		var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
		$(activeTab).fadeIn(); //Fade in the active ID content
		return false;
	});

});
//tab over