jQuery(document).ready(function($){
 /*$(document).ready(function(){*/
 	var name = "info";
	var domain = "ddf.ne.jp";
	
	$("address").html('<a href=\"mai' + 'lto:' +name + '@' + domain + '\"><img src="http://www.ddf.ne.jp/common/images/h_ddf_mail.gif" alt="E-mail" width="102" height="11" border="0" /></a>');
	
		$(".maillinkText").html('<a href=\"mai' + 'lto:' +name + '@' + domain + '\">'+name+'@'+domain+'</a>');




/* ------------------- works List -------------------*/

	$("ul#worksNavi>.corporate").mouseover(function(){
		$(".corporate").css({ "background-color" : "#FE0002"});
		$(".corporate span img").css({ "visibility" : "hidden"});
	});
	$("ul#worksNavi>.corporate").mouseout(function(){
		$(".corporate").css({ "background-color" : "#DDDDDD"});
		$("li.corporate").css({ "background-color" : "#FFFFFF"});
		$(".corporate span img").css({ "visibility" : "visible"});
	});

	$("ul#worksNavi>.campaign").mouseover(function(){
		$(".campaign").css({ "background-color" : "#FF9700"});
		$(".campaign span img").css({ "visibility" : "hidden"});
	});
	$("ul#worksNavi>.campaign").mouseout(function(){
		$(".campaign").css({ "background-color" : "#DDDDDD"});
		$("li.campaign").css({ "background-color" : "#FFFFFF"});
		$(".campaign span img").css({ "visibility" : "visible"});
		
	});

	$("ul#worksNavi>.banner").mouseover(function(){
		$(".banner").css({ "background-color" : "#FFCB33"});
		$(".banner span img").css({ "visibility" : "hidden"});
	});
	$("ul#worksNavi>.banner").mouseout(function(){
		$(".banner").css({ "background-color" : "#DDDDDD"});										
		$("li.banner").css({ "background-color" : "#FFFFFF"});
		$(".banner span img").css({ "visibility" : "visible"});
	});

	$("ul#worksNavi>.flash").mouseover(function(){
		$(".flash").css({ "background-color" : "#98CC00"});
		$(".flash span img").css({ "visibility" : "hidden"});
	});
	$("ul#worksNavi>.flash").mouseout(function(){
		$(".flash").css({ "background-color" : "#DDDDDD"});										
		$("li.flash").css({ "background-color" : "#FFFFFF"});
		$(".flash span img").css({ "visibility" : "visible"});
	});

	$("ul#worksNavi>.html").mouseover(function(){
		$(".html").css({ "background-color" : "#349AFE"});
		$(".html span img").css({ "visibility" : "hidden"});
	});
	$("ul#worksNavi>.html").mouseout(function(){
		$(".html").css({ "background-color" : "#DDDDDD"});										
		$("li.html").css({ "background-color" : "#FFFFFF"});
		$(".html span img").css({ "visibility" : "visible"});
	});

	$("ul#worksNavi>.mobile").mouseover(function(){
		$(".mobile").css({ "background-color" : "#0000EA"});
		$(".mobile span img").css({ "visibility" : "hidden"});
	});
	$("ul#worksNavi>.mobile").mouseout(function(){
		$(".mobile").css({ "background-color" : "#DDDDDD"});										
		$("li.mobile").css({ "background-color" : "#FFFFFF"});
		$(".mobile span img").css({ "visibility" : "visible"});
	});

	$("ul#worksNavi>.cms").mouseover(function(){
		$(".cms").css({ "background-color" : "#9A0034"});
		$(".cms span img").css({ "visibility" : "hidden"});
	});
	$("ul#worksNavi>.cms").mouseout(function(){
		$(".cms").css({ "background-color" : "#DDDDDD"});										
		$("li.cms").css({ "background-color" : "#FFFFFF"});
		$(".cms span img").css({ "visibility" : "visible"});
	});

	$("ul#worksNavi>.special").mouseover(function(){
		$(".special").css({ "background-color" : "#DEB72B"});
		$(".special span img").css({ "visibility" : "hidden"});
	});
	$("ul#worksNavi>.special").mouseout(function(){
		$(".special").css({ "background-color" : "#DDDDDD"});										
		$("li.special").css({ "background-color" : "#FFFFFF"});
		$(".special span img").css({ "visibility" : "visible"});
	});

	$("ul#worksNavi>.others").mouseover(function(){
		$(".others").css({ "background-color" : "#888888"});
		$(".others span img").css({ "visibility" : "hidden"});
	});
	$("ul#worksNavi>.others").mouseout(function(){
		$(".others").css({ "background-color" : "#DDDDDD"});										
		$("li.others").css({ "background-color" : "#FFFFFF"});
		$(".others span img").css({ "visibility" : "visible"});
	});
	
	/* ----------------- works List End -----------------*/

	$("div.title").mouseover(function(){
			$(this).css({ 'background-color' : '#000000','color' : '#000000'});	
	});

	$("div.title").mouseout(function(){
			$(this).css({ 'background-color' : '#FFFFFF','color' : '#3d3636'});	
	});

	$("#rec-title").mouseover(function(){
			$("#rec-icon").hide();
 			 return false;
		});
	$("#rec-title").mouseout(function(){
			$("#rec-icon").show();
		});
	
});