@charset "utf-8";

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

/* 
	JavaScriptが使えない環境向けに指定しておくとよい
	px指定すると可変しない為、相対的な単位を指定する
*/

.fsize10{font-size:10px; }
.fsize11{font-size:11px; }
.fsize12{font-size:12px; }
.fsize13{font-size:13px; }
.fsize14{font-size:14px; }
.fsize15{font-size:15px; }
.fsize16{font-size:16px; }
.fsize17{font-size:17px; }
.fsize18{font-size:18px; }
.fsize19{font-size:19px; }
.fsize20{font-size:20px; }
.fsize21{font-size:21px; }
.fsize22{font-size:22px; }
.fsize23{font-size:23px; }
.fsize24{font-size:24px; }
.fsize25{font-size:25px; }
.fsize26{font-size:26px; }
.fsize27{font-size:27px; }
.fsize28{font-size:28px; }
.fsize29{font-size:29px; }
.fsize30{font-size:30px; }
.fsize31{font-size:31px; }
.fsize32{font-size:32px; }
.fsize33{font-size:33px; }
.fsize34{font-size:34px; }
.fsize35{font-size:35px; }
.fsize36{font-size:36px; }
.fsize37{font-size:37px; }
.fsize38{font-size:38px; }
.fsize39{font-size:39px; }
.fsize40{font-size:40px; }

.line-h110{line-height:110%;}
.line-h120{line-height:120%;}
.line-h130{line-height:130%;}
.line-h140{line-height:140%;}
.line-h150{line-height:150%;}

.font-g{ /*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/}
@media print, screen and (min-width: 1001px) {
#header { font-size:100%; }
#main { font-size:140%; }
#sub { font-size:120%x; }
.fsize10{font-size:76.9%; }
.fsize11{font-size:84.6%; }
.fsize12{font-size:92.3%; }
.fsize13{font-size:100%; }
.fsize14{font-size:107.7%; }
.fsize15{font-size:115.3%; }
.fsize16{font-size:123%; }
.fsize17{font-size:130.7%; }
.fsize18{font-size:138.4%; }
.fsize19{font-size:146.1%; }
.fsize20{font-size:153.8%; }
.fsize21{font-size:161.5%; }
.fsize22{font-size:169.2%; }
.fsize23{font-size:176.9%; }
.fsize24{font-size:184.6%; }
.fsize25{font-size:192.3%; }
.fsize26{font-size:200%; }
.fsize27{font-size:207.7%; }
.fsize28{font-size:215.3%; }
.fsize29{font-size:223.1%; }
.fsize30{font-size:230.7%; }
.fsize31{font-size:238.4%; }
.fsize32{font-size:246.1%; }
.fsize33{font-size:253.8%; }
.fsize34{font-size:261.5%; }
.fsize35{font-size:269.2%; }
.fsize36{font-size:276.9%; }
.fsize37{font-size:284.6%; }
.fsize38{font-size:292.3%; }
.fsize39{font-size:300%; }
.fsize40{font-size:307.7%; }



/* フォントサイズ切り替えボタンのスタイル。自由にカスタマイズしてください。 */
/*#font-size div.small,*/
#font-size div.medium{
	width:auto;
	height:18px;
	float:right;
	font-size: 14px;
	line-height:140%;
	color:#fff;
	background:#72b39e;
	text-align: right;
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	text-decoration:none;
	padding:0 3px;
	margin:7px 4px 0 10px;
	cursor:pointer;
}
#font-size div.large {
	width:24px;
	height:24px;
	float:right;
	font-size: 19px;
	line-height:130%;
	color:#191919;
	background:#fff;
	text-align:center;
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	text-decoration:none;
	padding:0 2px;
	margin:4px 0 0 0;
	cursor:pointer;
}
#font-size div.active { color:#fff; background-color:#c00; }
#font-size div.small span,
#font-size div.medium span,
#font-size div.large span { /* display:none; テキストを削除して画像ボタン化することも可能　*/ }
}


.l-spacing0{letter-spacing:0;}
.l-spacing1{letter-spacing:1px;}
.l-spacing2{letter-spacing:2px;}
.l-spacing3{letter-spacing:3px;}
.l-spacing4{letter-spacing:4px;}
.l-spacing5{letter-spacing:5px;}
.l-spacing-1{letter-spacing:-1px;}
.l-spacing-2{letter-spacing:-2px;}
.l-spacing-3{letter-spacing:-3px;}
.l-spacing-4{letter-spacing:-4px;}
.l-spacing-5{letter-spacing:-5px;}