// JavaScript Document

// トグル動作の表示領域を作る！
// toggle ver1.0


$(document).ready(function(){
						   
	// リンクじゃないのでアイコンを手に変更しよう！
	$(".Area-txt").css({cursor:'pointer'})
	
	// トグルの実際の動作
	$(".Area-txt").click(function(){
		// 隠れてるか、隠れてないか。
		if($("#info").is(":hidden")){
			$("#info").slideDown("slow");
		}else{
			$("#info").slideUp("slow");
		}
	});
	
	
	// リンクじゃないのでアイコンを手に変更しよう！
	$(".gyomu").css({cursor:'pointer'})
	
	// トグルの実際の動作
	$(".gyomu").click(function(){
		// 隠れてるか、隠れてないか。
		if($("#gyomu").is(":hidden")){
			$("#gyomu").slideDown("slow");
		}else{
			$("#gyomu").slideUp("slow");
		}
	});
	
	// リンクじゃないのでアイコンを手に変更しよう！
	$(".syaryou").css({cursor:'pointer'})
	
	// トグルの実際の動作
	$(".syaryou").click(function(){
		// 隠れてるか、隠れてないか。
		if($("#syaryou").is(":hidden")){
			$("#syaryou").slideDown("slow");
		}else{
			$("#syaryou").slideUp("slow");
		}
	});
	
	// リンクじゃないのでアイコンを手に変更しよう！
	$(".access").css({cursor:'pointer'})
	
	// トグルの実際の動作
	$(".access").click(function(){
		// 隠れてるか、隠れてないか。
		if($("#access").is(":hidden")){
			$("#access").slideDown("slow");
		}else{
			$("#access").slideUp("slow");
		}
	});
	
	// 右側情報表示枠のトグル動作。
	$(".etc h5").css({cursor:'pointer'})
	$('.etc > h5').click(function(){

		$(this).next().slideToggle('slow');
	});	

});