$(document).ready(function(){
	$(".navi01").hover(function() {
             $("body").stop().animate({ backgroundColor: "#ff0000" }, 800);
             $(".logoB img").stop().animate({ opacity : "0" }, 800);
            },function() {
             $("body").stop().animate({ backgroundColor: "#ffffff" }, 800);
             $(".logoB img").stop().animate({ opacity : "1" }, 800);
             });
	$(".navi02").hover(function() {
             $("body").stop().animate({ backgroundColor: "#FCE0C4" }, 800);
             $(".logoB img").stop().animate({ opacity : "0" }, 800);
             },function() {
             $("body").stop().animate({ backgroundColor: "#ffffff" }, 800);
             $(".logoB img").stop().animate({ opacity : "1" }, 800);
             });
	$(".navi03").hover(function() {
             $("body").stop().animate({ backgroundColor: "#999999" }, 800);
             $(".logoB img").stop().animate({ opacity : "0" }, 800);
             },function() {
             $("body").stop().animate({ backgroundColor: "#ffffff" }, 800);
             $(".logoB img").stop().animate({ opacity : "1" }, 800);
             });
	$(".navi04").hover(function() {
             $("body").stop().animate({ backgroundColor: "#00696E" }, 800);
             $(".logoB img").stop().animate({ opacity : "0" }, 800);
             },function() {
             $("body").stop().animate({ backgroundColor: "#ffffff" }, 800);
             $(".logoB img").stop().animate({ opacity : "1" }, 800);
             });
	$(".navi05").hover(function() {
             $("body").stop().animate({ backgroundColor: "#9E005D" }, 800);
             $(".logoB img").stop().animate({ opacity : "0" }, 800);
             },function() {
             $("body").stop().animate({ backgroundColor: "#ffffff" }, 800);
             $(".logoB img").stop().animate({ opacity : "1" }, 800);
             });
	$(".navi06").hover(function() {
             $("body").stop().animate({ backgroundColor: "#C69C6D" }, 800);
             $(".logoB img").stop().animate({ opacity : "0" }, 800);
             },function() {
             $("body").stop().animate({ backgroundColor: "#ffffff" }, 800);
             $(".logoB img").stop().animate({ opacity : "1" }, 800);
             });
	$(".navi07").hover(function() {
             $("body").stop().animate({ backgroundColor: "#E9E977" }, 800);
             $(".logoB img").stop().animate({ opacity : "0" }, 800);
             },function() {
             $("body").stop().animate({ backgroundColor: "#ffffff" }, 800);
             $(".logoB img").stop().animate({ opacity : "1" }, 800);
             });
	$(".navi08").hover(function() {
             $("body").stop().animate({ backgroundColor: "#BDCCD4" }, 800);
             $(".logoB img").stop().animate({ opacity : "0" }, 800);
             },function() {
             $("body").stop().animate({ backgroundColor: "#ffffff" }, 800);
             $(".logoB img").stop().animate({ opacity : "1" }, 800);
             });
	$(".navi09").hover(function() {
             $("body").stop().animate({ backgroundColor: "#85D1FF" }, 800);
             $(".logoB img").stop().animate({ opacity : "0" }, 800);
             },function() {
             $("body").stop().animate({ backgroundColor: "#ffffff" }, 800);
             $(".logoB img").stop().animate({ opacity : "1" }, 800);
             });
	$(".navi10").hover(function() {
             $("body").stop().animate({ backgroundColor: "#007AFF" }, 800);
             $(".logoB img").stop().animate({ opacity : "0" }, 800);
             },function() {
             $("body").stop().animate({ backgroundColor: "#ffffff" }, 800);
             $(".logoB img").stop().animate({ opacity : "1" }, 800);
             });
	$(".navi11").hover(function() {
             $("body").stop().animate({ backgroundColor: "#FFB048" }, 800);
             $(".logoB img").stop().animate({ opacity : "0" }, 800);
             },function() {
             $("body").stop().animate({ backgroundColor: "#ffffff" }, 800);
             $(".logoB img").stop().animate({ opacity : "1" }, 800);
             });
	$(".navi12").hover(function() {
             $("body").stop().animate({ backgroundColor: "#FFA1C7" }, 800);
             $(".logoB img").stop().animate({ opacity : "0" }, 800);
             },function() {
             $("body").stop().animate({ backgroundColor: "#ffffff" }, 800);
             $(".logoB img").stop().animate({ opacity : "1" }, 800);
             });
	$(".navi13").hover(function() {
             $("body").stop().animate({ backgroundColor: "#8DDBBD" }, 800);
             $(".logoB img").stop().animate({ opacity : "0" }, 800);
             },function() {
             $("body").stop().animate({ backgroundColor: "#ffffff" }, 800);
             $(".logoB img").stop().animate({ opacity : "1" }, 800);
             });
	$(".navi14").hover(function() {
             $("body").stop().animate({ backgroundColor: "#000000" }, 800);
             $(".logoB img").stop().animate({ opacity : "0" }, 800);
             },function() {
             $("body").stop().animate({ backgroundColor: "#ffffff" }, 800);
             $(".logoB img").stop().animate({ opacity : "1" }, 800);
             });
	$(".navi15").hover(function() {
             $("body").stop().animate({ backgroundColor: "#8883D8" }, 800);
             $(".logoB img").stop().animate({ opacity : "0" }, 800);
             },function() {
             $("body").stop().animate({ backgroundColor: "#ffffff" }, 800);
             $(".logoB img").stop().animate({ opacity : "1" }, 800);
             });
});