$(document).ready(function(){

	$('a#rubyON').click(function(){
		$("span.ry").css("display","inline");
		$("span.ry").after("<span class=\"kakomi01\">&nbsp;）&nbsp;</span>");
		$("span.ry").before("<span class=\"kakomi02\">&nbsp;（&nbsp;</span>");
		$("a#rubyON").css("display","none");
		$("a#rubyOFF").css("display","inline");
		return false;
	});

	$('a#rubyOFF').click(function(){
		$("span.ry").css("display","none");
		$("span.kakomi01").remove();
		$("span.kakomi02").remove();
		$("a#rubyOFF").css("display","none");
		$("a#rubyON").css("display","inline");
		return false;
	});

});