$(function(){
	//カテゴリーナビ開閉
	var WorkList = "#rightArea";
	var Category = {
		ID : "#category",
		Toggle : ".toggle",
		Close : ".close",
		Open : ".open"
	}

	$(Category.Close).click(function(){
		$(Category.Open).css({ "display": "block" });
		$(Category.ID).animate({ "left": "-14.5em" }, 300);
		$(Category.Toggle).animate({ "left": "-14.5em" }, 300);
		$(WorkList).animate({ "marginLeft": "2.5em" }, 300);
		$(this).css({ "display": "none" });
		return false;
	});
	
	$(Category.Open).click(function(){
		$(Category.Close).css({ "display": "block" });
		$(Category.ID).animate({ "left": "0" }, 300);
		$(Category.Toggle).animate({ "left": "0" }, 300);
		$(WorkList).animate({ "marginLeft": "17em" }, 300);
		$(this).css({ "display": "none" });
		return false;
	});
		
});