$(document).ready(function() {

	//Default Action
	$(".tab_content").hide(); //全パネルを非表示
	$("table.tabs td.default").addClass("active").show(); //初期アクティブタブ
	$("div#tab1").show(); //初期アクティブパネル
	
	//On Click Event
	$("table.tabs td").click(function() {
		$("table.tabs td").removeClass("active"); //アクティブクラスを除去
		$(this).addClass("active"); //クリックされたタブにアクティブクラスを付与
		$(".tab_content").hide(); //パネルを非表示に
		var activeTab = $(this).find("a").attr("rel"); //アクティブなタブのrelアトリビュートにマッチするパネルのidを取得してセット
		$(activeTab).fadeIn(); //アクティブなパネルをフェイドイン
		return false;
	});

});