/*

ファイル名：/css/common/text_small.css
概要：このcssファイルは文字サイズ「小」用テキストcssファイルです。


サイト名：BrushUP学び
URL：http://www.brush-up.jp/
コピーライト：(c) Paseli Co.,Ltd. All Rights Reserved.

*/


/*
各サイズとも、バリエーション以外のカラーを使用する場合は
「txt-○-free」に別cssファイルにてcolorを設定して下さい
*/

/*--- txt-xsカラーバリエーション ---*/

.txt-xs {
	font-size:0.55em;
	line-height:1.45em;
	color:#000;
}

.txt-xs-gra333 {
	font-size:0.55em;
	line-height:1.45em;
	color:#333;
}

.txt-xs-gra999 {
	font-size:0.55em;
	line-height:1.45em;
	color:#999;
}

.txt-xs-red {
	font-size:0.55em;
	line-height:1.45em;
	color:#C00;
}

.txt-xs-blu {
	font-size:0.55em;
	line-height:1.45em;
	color:#03C;
}

.txt-xs-yel {
	font-size:0.55em;
	line-height:1.45em;
	color:#FC0;
}

.txt-xs-wh {
	font-size:0.55em;
	line-height:1.45em;
	color:#FFF;
}

.txt-xs-pin {
	font-size:0.55em;
	line-height:1.45em;
	color:#F06;
}

.txt-xs-ora {
	font-size:0.55em;
	line-height:1.45em;
	color:#F60;
}

.txt-xs-bro {
	font-size:0.55em;
	line-height:1.45em;
	color:#630;
}

.txt-xs-grn {
	font-size:0.55em;
	line-height:1.45em;
	color:#060;
}

.txt-xs-free {
	font-size:0.55em;
	line-height:1.45em;
}



/*--- txt-sカラーバリエーション ---*/

.txt-s {
	font-size:0.6em;
	line-height:1.45em;
	color:#000;
}

.txt-s-gra333 {


	font-size:0.6em;
	line-height:1.45em;
	color:#333;
}

.txt-s-gra999 {
	font-size:0.6em;
	line-height:1.45em;
	color:#999;
}

.txt-s-red {
	font-size:0.6em;
	line-height:1.45em;
	color:#C00;
}

.txt-s-blu {
	font-size:0.6em;
	line-height:1.45em;
	color:#03C;
}

.txt-s-yel {
	font-size:0.6em;
	line-height:1.45em;
	color:#FC0;
}

.txt-s-wh {
	font-size:0.6em;
	line-height:1.45em;
	color:#FFF;
}

.txt-s-pin {
	font-size:0.6em;
	line-height:1.45em;
	color:#F06;
}

.txt-s-ora {
	font-size:0.6em;
	line-height:1.45em;
	color:#F60;
}

.txt-s-bro {
	font-size:0.6em;
	line-height:1.45em;
	color:#630;
}

.txt-s-grn {
	font-size:0.6em;
	line-height:1.45em;
	color:#060;
}

.txt-s-free {
	font-size:0.6em;
	line-height:1.45em;
}


/*--- txt-mカラーバリエーション ---*/

.txt-m {
	font-size:0.7em;
	line-height:1.45em;
	color:#000;
}

.txt-m-gra333 {
	font-size:0.7em;
	line-height:1.45em;
	color:#333;
}

.txt-m-gra999 {
	font-size:0.7em;
	line-height:1.45em;
	color:#999;
}

.txt-m-red {
	font-size:0.7em;
	line-height:1.45em;
	color:#C00;
}

.txt-m-blu {
	font-size:0.7em;
	line-height:1.45em;
	color:#03C;
}

.txt-m-yel {
	font-size:0.7em;
	line-height:1.45em;
	color:#FC0;
}

.txt-m-wh {
	font-size:0.7em;
	line-height:1.45em;
	color:#FFF;
}

.txt-m-pin {
	font-size:0.7em;
	line-height:1.45em;
	color:#F06;
}

.txt-m-ora {
	font-size:0.7em;
	line-height:1.45em;
	color:#F60;
}

.txt-m-bro {
	font-size:0.7em;
	line-height:1.45em;
	color:#630;
}

.txt-m-grn {
	font-size:0.7em;
	line-height:1.45em;
	color:#060;
}

.txt-m-free {
	font-size:0.7em;
	line-height:1.45em;
}


/*--- txt-lカラーバリエーション ---*/

.txt-l {
	font-size:0.8em;
	line-height:1.45em;
	color:#000;
}

.txt-l-gra333 {
	font-size:0.8em;
	line-height:1.45em;
	color:#333;
}

.txt-l-gra999 {
	font-size:0.8em;
	line-height:1.45em;
	color:#999;
}

.txt-l-red {
	font-size:0.8em;
	line-height:1.45em;
	color:#C00;
}

.txt-l-blu {
	font-size:0.8em;
	line-height:1.45em;
	color:#03C;
}

.txt-l-yel {
	font-size:0.8em;
	line-height:1.45em;
	color:#FC0;
}

.txt-l-wh {
	font-size:0.8em;
	line-height:1.45em;
	color:#FFF;
}

.txt-l-pin {
	font-size:0.8em;
	line-height:1.45em;
	color:#F06;
}

.txt-l-ora {
	font-size:0.8em;
	line-height:1.45em;
	color:#F60;
}

.txt-l-bro {
	font-size:0.8em;
	line-height:1.45em;
	color:#630;
}

.txt-l-grn {
	font-size:0.8em;
	line-height:1.45em;
	color:#060;
}

.txt-l-free {
	font-size:0.8em;
	line-height:1.45em;
}


/*--- txt-xlカラーバリエーション ---*/

.txt-xl {
	font-size:0.9em;
	line-height:1.45em;
	color:#000;
}

.txt-xl-gra333 {
	font-size:0.9em;
	line-height:1.45em;
	color:#333;
}

.txt-xl-gra999 {
	font-size:0.9em;
	line-height:1.45em;
	color:#999;
}



.txt-xl-red {
	font-size:0.9em;
	line-height:1.45em;
	color:#C00;
}

.txt-xl-blu {
	font-size:0.9em;
	line-height:1.45em;
	color:#03C;
}

.txt-xl-yel {
	font-size:0.9em;
	line-height:1.45em;
	color:#FC0;
}

.txt-xl-wh {
	font-size:0.9em;
	line-height:1.45em;
	color:#FFF;
}

.txt-xl-pin {
	font-size:0.9em;
	line-height:1.45em;
	color:#F06;
}

.txt-xl-ora {
	font-size:0.9em;
	line-height:1.45em;
	color:#F60;
}

.txt-xl-bro {
	font-size:0.9em;
	line-height:1.45em;
	color:#630;
}

.txt-xl-grn {
	font-size:0.9em;
	line-height:1.45em;
	color:#060;
}

.txt-xl-free {
	font-size:0.9em;
	line-height:1.45em;
}

/*--- txt-xxlカラーバリエーション ---*/

.txt-xxl {
	font-size:1.0em;
	line-height:1.45em;
	color:#000;
}

.txt-xxl-gra333 {
	font-size:1.0em;
	line-height:1.45em;
	color:#333;
}

.txt-xxl-gra999 {
	font-size:1.0em;
	line-height:1.45em;
	color:#999;
}

.txt-xxl-red {
	font-size:1.0em;
	line-height:1.45em;
	color:#C00;
}

.txt-xxl-blu {
	font-size:1.0em;
	line-height:1.45em;
	color:#03C;
}

.txt-xxl-yel {
	font-size:1.0em;
	line-height:1.45em;
	color:#FC0;
}

.txt-xxl-wh {
	font-size:1.0em;
	line-height:1.45em;
	color:#FFF;
}

.txt-xxl-pin {
	font-size:1.0em;
	line-height:1.45em;
	color:#F06;
}

.txt-xxl-ora {
	font-size:1.0em;
	line-height:1.45em;
	color:#F60;
}

.txt-xxl-bro {
	font-size:1.0em;
	line-height:1.45em;
	color:#630;

}

.txt-xxl-grn {
	font-size:1.0em;
	line-height:1.45em;
	color:#060;
}

.txt-xxl-free {
	font-size:1.0em;
	line-height:1.45em;
}


/*--- txt-xxxlカラーバリエーション ---*/

.txt-xxxl {
	font-size:1.1em;
	line-height:1.45em;
	color:#000;
}

.txt-xxxl-gra333 {
	font-size:1.1em;
	line-height:1.45em;
	color:#333;
}

.txt-xxxl-gra999 {
	font-size:1.1em;
	line-height:1.45em;
	color:#999;
}

.txt-xxxl-red {
	font-size:1.1em;
	line-height:1.45em;
	color:#C00;
}

.txt-xxxl-blu {
	font-size:1.1em;
	line-height:1.45em;
	color:#03C;
}

.txt-xxxl-yel {
	font-size:1.1em;
	line-height:1.45em;
	color:#FC0;
}

.txt-xxxl-wh {
	font-size:1.1em;
	line-height:1.45em;
	color:#FFF;
}

.txt-xxxl-pin {
	font-size:1.1em;
	line-height:1.45em;
	color:#F06;
}

.txt-xxxl-ora {
	font-size:1.1em;
	line-height:1.45em;
	color:#F60;
}

.txt-xxxl-bro {
	font-size:1.1em;
	line-height:1.45em;
	color:#630;
}

.txt-xxxl-grn {
	font-size:1.1em;
	line-height:1.45em;
	color:#060;
}

.txt-xxxl-free {
	font-size:1.1em;
	line-height:1.45em;
}

/*--- txt-xxxxlカラーバリエーション ---*/

.txt-xxxxl {
	font-size:1.3em;
	line-height:1.45em;
	color:#000;
}

.txt-xxxxl-gra333 {
	font-size:1.3em;
	line-height:1.45em;
	color:#333;
}

.txt-xxxxl-gra999 {
	font-size:1.3em;
	line-height:1.45em;
	color:#999;
}

.txt-xxxxl-red {
	font-size:1.3em;
	line-height:1.45em;

	color:#C00;
}

.txt-xxxxl-blu {
	font-size:1.3em;
	line-height:1.45em;
	color:#03C;
}

.txt-xxxxl-yel {
	font-size:1.3em;
	line-height:1.45em;
	color:#FC0;
}

.txt-xxxxl-wh {
	font-size:1.3em;
	line-height:1.45em;
	color:#FFF;
}

.txt-xxxxl-pin {
	font-size:1.3em;
	line-height:1.45em;
	color:#F06;
}

.txt-xxxxl-ora {
	font-size:1.3em;
	line-height:1.45em;
	color:#F60;
}

.txt-xxxxl-bro {
	font-size:1.3em;
	line-height:1.45em;
	color:#630;
}

.txt-xxxxl-grn {
	font-size:1.3em;
	line-height:1.45em;
	color:#060;
}

.txt-xxxxl-free {
	font-size:1.3em;
	line-height:1.45em;
}

/*--- テキスト切り替え部分 ---*/

li#textsample_s a {
	background:url(/images/top_renew/tx_change.gif) -71px -25px no-repeat;
}
li#textsample_m a {
	background:url(/images/top_renew/tx_change.gif) -97px top no-repeat;
}
li#textsample_l a {
	background:url(/images/top_renew/tx_change.gif) -123px top no-repeat;
}