$(document).ready(
	function() {
		// 初期設定
		$(".flow-detail").css("display", "none");		//class = "flow-detail"内を、いったんすべて非表示
		$("#flow1").css("display", "block");			//id = "flow-detail1"だけを表示
		$("#flow1-navi img").css("display", "none");	//id = "flow-navi1"内の画像だけを非表示

		// オンマウス効果
		$(".flow-navi img") .hover(
			function(){$(this).fadeTo(200, 0);},		//オンマウス時に半透明にする：fadeTo (時間,透明度)
			function(){$(this).fadeTo(200, 1);}		//元に戻す
			);

		// クリック時の効果
		$(".flow-intro a, .flow-navi a").click(
			function(){
				//クリックされたリンクからrel情報（表示するdivのID）を取得し、変数displayBlockに入れる
				var displayBlock = this.rel;
				//class = "flow-detail"内を、いったんすべて非表示
				$(".flow-detail").css("display", "none");
				//選ばれたdivだけを表示
				$(displayBlock).css("display", "block");
				//メニュー項目をいったんすべて表示
				$(".flow-navi img").css("display", "block");
				//選ばれた項目の画像だけを非表示
				$(""+displayBlock+"-navi img").css("display", "none");
				//アンカーで画面が動かないよう、リンクの無効化
				return false;
				}
			);
		}
	);