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


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