<!-- ナビゲーションのアニメーションとページクラスによる固定ボタン -->
$(function(){

var index   = $('#mainNavi .news a,#mainNavi .concept a,#mainNavi .member a,#mainNavi .service a,#mainNavi .gallery a, #mainNavi .blog a, #mainNavi .contact a');
var news    = $('#mainNavi .concept a,#mainNavi .member a,#mainNavi .service a,#mainNavi .gallery a, #mainNavi .blog a, #mainNavi .contact a');
var concept = $('#mainNavi .news a,#mainNavi .member a,#mainNavi .service a,#mainNavi .gallery a, #mainNavi .blog a, #mainNavi .contact a');
var member  = $('#mainNavi .news a,#mainNavi .concept a,#mainNavi .service a,#mainNavi .gallery a, #mainNavi .blog a, #mainNavi .contact a');
var service = $('#mainNavi .news a,#mainNavi .concept a,#mainNavi .member a,#mainNavi .gallery a,#mainNavi .blog a, #mainNavi .contact a');
var gallery = $('#mainNavi .news a,#mainNavi .concept a,#mainNavi .member a,#mainNavi .service a,#mainNavi .blog a, #mainNavi .contact a');
var staffblog    = $('#mainNavi .news a,#mainNavi .concept a,#mainNavi .member a,#mainNavi .service a,#mainNavi .gallery a,#mainNavi .contact a');
var contact = $('#mainNavi .news a,#mainNavi .concept a,#mainNavi .member a,#mainNavi .service a,#mainNavi .gallery a,#mainNavi .blog a');


var overSP = 500;
var returnSP = 200;

if ($("body").hasClass("index") || $("body").hasClass("company") || $("body").hasClass("sitemap")) {	
$(index).css({backgroundPosition: "0px -60px"})
.hover(
function(){
$(this).stop().animate({"background-position":"0px 0px"},overSP);
},
function() {
$(this).stop().animate({"background-position":"0px -60px"},returnSP);
});

}else if ($("body").hasClass("news")) {
$(news).css( {backgroundPosition: "0px -60px"} )
.hover(
function(){
$(this).stop().animate({"background-position":"0px 0px"},overSP);
},
function() {
$(this).stop().animate({"background-position":"0px -60px"},returnSP);
});

}else if ($("body").hasClass("concept")) {
$(concept).css( {backgroundPosition: "0px -60px"} )
.hover(
function(){
$(this).stop().animate({"background-position":"0px 0px"},overSP);
},
function() {
$(this).stop().animate({"background-position":"0px -60px"},returnSP);
});

}else if ($("body").hasClass("member")) {
$(member).css( {backgroundPosition: "0px -60px"} )
.hover(
function(){
$(this).stop().animate({"background-position":"0px 0px"},overSP);
},
function() {
$(this).stop().animate({"background-position":"0px -60px"},returnSP);
});

}else if ($("body").hasClass("service")) {
$(service).css( {backgroundPosition: "0px -60px"} )
.hover(
function(){
$(this).stop().animate({"background-position":"0px 0px"},overSP);
},
function() {
$(this).stop().animate({"background-position":"0px -60px"},returnSP);
});

}else if ($("body").hasClass("gallery")) {
$(gallery).css( {backgroundPosition: "0px -60px"} )
.hover(
function(){
$(this).stop().animate({"background-position":"0px 0px"},overSP);
},
function() {
$(this).stop().animate({"background-position":"0px -60px"},returnSP);
});

}else if ($("body").hasClass("staffblog")) {
$(staffblog).css( {backgroundPosition: "0px -60px"} )
.hover(
function(){
$(this).stop().animate({"background-position":"0px 0px"},overSP);
},
function() {
$(this).stop().animate({"background-position":"0px -60px"},returnSP);
});

}else if ($("body").hasClass("contact")) {
$(contact).css( {backgroundPosition: "0px -60px"} )
.hover(
function(){
$(this).stop().animate({"background-position":"0px 0px"},overSP);
},
function() {
$(this).stop().animate({"background-position":"0px -60px"},returnSP);
});
}


});
// JavaScript Document