$(document).ready(function(){
	//変数にクッキー名を入れる
	var history = $.cookie('fontSize');
	
	//適用する箇所を指定。今回は部分的に#test内のpに
	var elm = $('div#wrapper');
	
	//変数が空ならfontMを、空でなければクッキーに保存しておいたものを適用
	(!history)? elm.addClass('font_s'):elm.removeClass().addClass(history);
	
	//クリックしたら実行
	$('dl#fontsize dd').click(function(){
	
		//クリックした要素のID名を変数にセット
		var setFontSize = this.id;
		
		//クッキーに変数を保存
		$.cookie('fontSize', setFontSize, { expires: 30, path: '/'});
		
		//一度classを除去して、変数をclassとして追加
		elm.removeClass().addClass(setFontSize);
	});

});