$(function() {
    $("#indexBanner a").hover(function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#e0dcd4",color: "#fff" }, 500); // マウスオーバー時の文字色とアニメーションの速さ
    }, function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#fff", color: "#3cf" }, 500); // マウスオーバー後の文字色とアニメーションの速さ
    
    });
});
$(function() {
    $("#indexNews dl").hover(function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#e5e2dd",color: "#fff" }, 500); // マウスオーバー時の文字色とアニメーションの速さ
    }, function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#fff", color: "#3cf" }, 500); // マウスオーバー後の文字色とアニメーションの速さ
    
    });
});
$(function() {
    $("#indexBlog div").hover(function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#ebe9e5",color: "#fff" }, 500); // マウスオーバー時の文字色とアニメーションの速さ
    }, function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#fff", color: "#3cf" }, 500); // マウスオーバー後の文字色とアニメーションの速さ
    
    });
});
$(function() {
    $("#indexBlog div p span.readmore").hover(function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#6a5d55",color: "#fff" }, 500); // マウスオーバー時の文字色とアニメーションの速さ
    }, function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#bfb6a9", color: "#fff" }, 500); // マウスオーバー後の文字色とアニメーションの速さ
    
    });
});
$(function() {
    $("#slider1 li").hover(function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#e0dcd3",color: "#fff" }, 500); // マウスオーバー時の文字色とアニメーションの速さ
    }, function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#fff", color: "#fff" }, 500); // マウスオーバー後の文字色とアニメーションの速さ
    
    });
});
$(function() {
    $("#slider2 li").hover(function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#e0dcd3",color: "#fff" }, 500); // マウスオーバー時の文字色とアニメーションの速さ
    }, function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#fff", color: "#fff" }, 500); // マウスオーバー後の文字色とアニメーションの速さ
    
    });
});
$(function() {
    $("#indexStaff p span.readmore").hover(function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#6a5d55",color: "#fff" }, 500); // マウスオーバー時の文字色とアニメーションの速さ
    }, function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#bfb6a9", color: "#fff" }, 500); // マウスオーバー後の文字色とアニメーションの速さ
    
    });
});
$(function() {
    $("#subNavigation li.page_item a").hover(function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#f6f4f2",color: "#555" }, 500); // マウスオーバー時の文字色とアニメーションの速さ
    }, function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#fff", color: "#555" }, 500); // マウスオーバー後の文字色とアニメーションの速さ
    
    });
});
$(function() {
    $("#subNavigation li#sidebartop").hover(function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#fff",color: "#555" }, 500); // マウスオーバー時の文字色とアニメーションの速さ
    }, function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#fff", color: "#555" }, 500); // マウスオーバー後の文字色とアニメーションの速さ
    
    });
});
$(function() {
    $("#contentsIndexList li").hover(function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#f0eee9",color: "#555" }, 500); // マウスオーバー時の文字色とアニメーションの速さ
    }, function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#fff", color: "#555" }, 500); // マウスオーバー後の文字色とアニメーションの速さ
    
    });
});
$(function() {
    $("ul.faqlist li").hover(function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#f0eee9",color: "#555" }, 500); // マウスオーバー時の文字色とアニメーションの速さ
    }, function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#fff", color: "#555" }, 500); // マウスオーバー後の文字色とアニメーションの速さ
    
    });
});
$(function() {
    $("ul.faqinnerlist li").hover(function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#f0eee9",color: "#555" }, 500); // マウスオーバー時の文字色とアニメーションの速さ
    }, function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#fff", color: "#555" }, 500); // マウスオーバー後の文字色とアニメーションの速さ
    
    });
});
$(function() {
    $("ul.publicworksList li").hover(function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#fff",color: "#555" }, 500); // マウスオーバー時の文字色とアニメーションの速さ
    }, function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#f5f5f5", color: "#555" }, 500); // マウスオーバー後の文字色とアニメーションの速さ
    
    });
});
$(function() {
    $("#contentsSubIndex div.entry-summary").hover(function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#f5f5f5",color: "#fff" }, 500); // マウスオーバー時の文字色とアニメーションの速さ
    }, function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#fff", color: "#555" }, 500); // マウスオーバー後の文字色とアニメーションの速さ
    
    });
});
$(function() {
    $("#staffList li").hover(function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#f0eee9",color: "#555" }, 500); // マウスオーバー時の文字色とアニメーションの速さ
    }, function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#fff", color: "#555" }, 500); // マウスオーバー後の文字色とアニメーションの速さ
    
    });
});

$(function() {
    $(".worksIndexList1").hover(function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#f0eee9",color: "#555" }, 500); // マウスオーバー時の文字色とアニメーションの速さ
    }, function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#fff", color: "#555" }, 500); // マウスオーバー後の文字色とアニメーションの速さ
    
    });
});

$(function() {
    $(".worksIndexList2 div").hover(function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#f0eee9",color: "#555" }, 500); // マウスオーバー時の文字色とアニメーションの速さ
    }, function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#fff", color: "#555" }, 500); // マウスオーバー後の文字色とアニメーションの速さ
    
    });
});





$(function() {
    $("#publicworksSide li a").hover(function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#f5f5f5",color: "#000" }, 500); // マウスオーバー時の文字色とアニメーションの速さ
    }, function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#fff", color: "#555" }, 500); // マウスオーバー後の文字色とアニメーションの速さ
    
    });
});
$(function() {
    $("div#publicworksSide h6 a").hover(function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#f5f5f5",color: "#000" }, 500); // マウスオーバー時の文字色とアニメーションの速さ
    }, function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#fff", color: "#555" }, 500); // マウスオーバー後の文字色とアニメーションの速さ
    
    });
});
$(function() {
    $("div.publicworksCategoryList").hover(function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#f5f5f5",color: "#000" }, 500); // マウスオーバー時の文字色とアニメーションの速さ
    }, function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#fff", color: "#555" }, 500); // マウスオーバー後の文字色とアニメーションの速さ
    
    });
});
$(function() {
    $("#concept div").hover(function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#f0eeea",color: "#000" }, 500); // マウスオーバー時の文字色とアニメーションの速さ
    }, function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#e0dcd4", color: "#555" }, 500); // マウスオーバー後の文字色とアニメーションの速さ
    
    });
});
$(function() {
    $(".eventList").hover(function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#fef9e6",color: "#555" }, 500); // マウスオーバー時の文字色とアニメーションの速さ
    }, function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#fff", color: "#555" }, 500); // マウスオーバー後の文字色とアニメーションの速さ
    
    });
});

$(function() {
    $("#news_singleList dl").hover(function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#f0eee9",color: "#555" }, 500); // マウスオーバー時の文字色とアニメーションの速さ
    }, function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#fff", color: "#555" }, 500); // マウスオーバー後の文字色とアニメーションの速さ
    
    });
});

$(function() {
    $("#conceptside ul.conceptList li a").hover(function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#eceae5",color: "#333" }, 500); // マウスオーバー時の文字色とアニメーションの速さ
    }, function() {
        $el = $(this);
        $el.stop().animate({ backgroundColor:"#dad5cc", color: "#333" }, 500); // マウスオーバー後の文字色とアニメーションの速さ
    
    });
});