@charset "shift_jis";

/*----------------------
font 12px = 100%
※Bodyに75%設定時の時のみ
------------------------*/

/*fontsize list*/
.font10 { font-size: 0.83em; line-height: 135%; }
.font12 { font-size:  1.0em; line-height: 135%; }
.font14 { font-size: 1.17em; line-height: 135%; }
.font16 { font-size: 1.33em; line-height: 135%; }
.font18 { font-size:  1.5em; line-height: 135%; }
.font20 { font-size: 1.67em; line-height: 135%; }
.font22 { font-size: 1.83em; line-height: 135%; }
.font24 { font-size:  2.0em; line-height: 135%; }
.font26 { font-size: 2.17em; line-height: 135%; }
.font28 { font-size: 2.33em; line-height: 135%; }
.font30 { font-size:  2.5em; line-height: 135%; }

.font10b { font-size: 0.83em; font-weight: bold; line-height: 135%; }
.font12b { font-size:  1.0em; font-weight: bold; line-height: 135%; }
.font14b { font-size: 1.17em; font-weight: bold; line-height: 135%; }
.font16b { font-size: 1.33em; font-weight: bold; line-height: 135%; }
.font18b { font-size:  1.5em; font-weight: bold; line-height: 135%; }
.font20b { font-size: 1.67em; font-weight: bold; line-height: 135%; }
.font22b { font-size: 1.83em; font-weight: bold; line-height: 135%; }
.font24b { font-size:  2.0em; font-weight: bold; line-height: 135%; }
.font26b { font-size: 2.17em; font-weight: bold; line-height: 135%; }
.font28b { font-size: 2.17em; font-weight: bold; line-height: 135%; }
.font30b { font-size:  2.5em; font-weight: bold; line-height: 135%; }

/* font:redVer, */
.font10red { color: #ff0000; font-size: 0.83em; line-height: 135%; }
.font12red { color: #ff0000; font-size:  1.0em; line-height: 135%; }
.font14red { color: #ff0000; font-size: 1.17em; line-height: 135%; }
.font16red { color: #ff0000; font-size: 1.33em; line-height: 135%; }
.font18red { color: #ff0000; font-size:  1.5em; line-height: 135%; }
.font20red { color: #ff0000; font-size: 1.67em; line-height: 135%; }
.font22red { color: #ff0000; font-size: 1.83em; line-height: 135%; }
.font24red { color: #ff0000; font-size:  2.0em; line-height: 135%; }
.font26red { color: #ff0000; font-size: 2.17em; line-height: 135%; }
.font28red { color: #ff0000; font-size: 2.33em; line-height: 135%; }
.font30red { color: #ff0000; font-size:  2.5em; line-height: 135%; }

.font10redb { color: #ff0000; font-size: 0.83em; font-weight: bold; line-height: 135%; }
.font12redb { color: #ff0000; font-size:  1.0em; font-weight: bold; line-height: 135%; }
.font14redb { color: #ff0000; font-size: 1.17em; font-weight: bold; line-height: 135%; }
.font16redb { color: #ff0000; font-size: 1.33em; font-weight: bold; line-height: 135%; }
.font18redb { color: #ff0000; font-size:  1.5em; font-weight: bold; line-height: 135%; }
.font20redb { color: #ff0000; font-size: 1.67em; font-weight: bold; line-height: 135%; }
.font22redb { color: #ff0000; font-size: 1.83em; font-weight: bold; line-height: 135%; }
.font24redb { color: #ff0000; font-size:  2.0em; font-weight: bold; line-height: 135%; }
.font26redb { color: #ff0000; font-size: 2.17em; font-weight: bold; line-height: 135%; }
.font28redb { color: #ff0000; font-size: 2.17em; font-weight: bold; line-height: 135%; }
.font30redb { color: #ff0000; font-size:  2.5em; font-weight: bold; line-height: 135%; }

/* font:blueVer, */
.font10blue { color: #0000ff; font-size: 0.83em; line-height: 135%; }
.font12blue { color: #0000ff; font-size:  1.0em; line-height: 135%; }
.font14blue { color: #0000ff; font-size: 1.17em; line-height: 135%; }

.font10blueb { color: #0000ff; font-size: 0.83em; font-weight: bold; line-height: 135%; }
.font12blueb { color: #0000ff; font-size:  1.0em; font-weight: bold; line-height: 135%; }
.font14blueb { color: #0000ff; font-size: 1.17em; font-weight: bold; line-height: 135%; }

/* font:whiteVer, */
.font12white { color: #ffffff; font-size:  1.0em; line-height: 135%; }
.font14white { color: #ffffff; font-size: 1.17em; line-height: 135%; }
.font16white { color: #ffffff; font-size: 1.33em; line-height: 135%; }
.font18white { color: #ffffff; font-size: 1.5em; line-height: 135%; }

.font12whiteb { color: #ffffff; font-size:  1.0em; font-weight: bold; line-height: 135%; }
.font14whiteb { color: #ffffff; font-size: 1.17em; font-weight: bold; line-height: 135%; }
.font16whiteb { color: #ffffff; font-size: 1.33em; font-weight: bold; line-height: 135%; }
.font18whiteb { color: #ffffff; font-size: 1.5em; font-weight: bold; line-height: 135%; }


/*font position*/
.left   { text-align: left; }
.center { text-align: center; }
.right  { text-align: right; }
.top    { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }

/*color chart*/
.black   { color: #000000; }
.white   { color: #ffffff; }
.green   { color: #008000; }
.red     { color: #ff0000; }
.orange  { color: #ff6600; }
.blue    { color: #0000ff; }
.gray    { color: #808080; }
.dimgray { color: #696969; }

.blackb   { color: #000000; font-weight: bold; }
.whiteb   { color: #ffffff; font-weight: bold; }
.greenb   { color: #008000; font-weight: bold; }
.redb     { color: #ff0000; font-weight: bold; }
.orangeb  { color: #ff6600; font-weight: bold; }
.blueb    { color: #0000ff; font-weight: bold; }
.grayb    { color: #808080; font-weight: bold; }
.dimgrayb { color: #696969; font-weight: bold; }