/* =======================================

	Tab Javascript

========================================== */

$(function(){
	// タブクリック時
	$('.tabnavi a').click(function(){
		// タブ部分
		$('.tabnavi a').removeClass('active'); // 全部のclassを一旦外して
		$(this).addClass('active'); // クリックしたものにだけclass="active"を追加
		
		// 内容部分
		$('.tabbody').hide(); // 全部の内容を一旦隠して
		$($(this).attr('href')).show(); // クリックしたaタグのhrefと同じIDの内容だけ表示
		
		return false;
	});
	
	// 初期表示 (.tabbodyはCSSでdisplay:noneに設定してある)
	$('.tabnavi a:first').addClass('active');
	$('.tabbody:first').show();
});