@charset "utf-8";

/* 基準値を10pxとしておくと以下の要素のサイズ調整が簡単！ */
body { font-size:14px; }

/* 
	JavaScriptが使えない環境向けに指定しておくとよい
	px指定すると可変しない為、相対的な単位を指定する
*/
#header { font-size:100%; }
#main { font-size:140%; }
#sub { font-size:120%x; }


/* フォントサイズ切り替えボタンのスタイル。自由にカスタマイズしてください。 */
#font-size div.small,
#font-size div.medium,
#font-size div.large { font-size:12px; display:inline-block; /display:inline; /zoom:1; padding:6px 8px; border:1px solid #ccc; cursor:pointer; margin-left:3px; color:#fff; background-color:#ccc; }
#font-size div.active { color:#ccc; background-color:#fff; }
#font-size div.small span,
#font-size div.medium span,
#font-size div.large span { /* display:none; テキストを削除して画像ボタン化することも可能　*/ }