$(document).ready(function(){
	
	// 初期設定
		
		// #tab_area直下の全li要素の中から最初のli要素に.selectを追加
		$("#tab_area > li:first").addClass("select");
		// #tab_area直下の全li要素にマウスオーバーしたらリンク要素に偽装
		$("#tab_area > li").hover(function(){
			$(this).css("cursor","pointer");
		},function(){
			$(this).css("cursor","default");
		});
		
		// #index_inner03直下の全div要素を非表示
		$("#index_inner03 > div").hide();
		// #index_inner03直下の全div要素の中から最初のdiv要素を表示
		$("#index_inner03 > div:first").show();
	
	// タブ切替処理
	$("#tab_area > li").click(function () {
		// #tab_area直下の全li要素のclass属性を削除
		$("#tab_area > li").removeClass("select");
		// クリックしたli要素に.selectを追加
		$(this).addClass("select");
		// #index_inner03直下の全div要素を非表示
		$("#index_inner03 > div").hide();
		// クリックしたタブのインデックス番号と同じdiv要素をフェード表示
		$("#index_inner03 > div").eq($("#tab_area > li").index(this)).fadeIn();
	});
	
});

