@charset "UTF-8";
/*
-----------+-----------+-----------
希望サイズ  記述サイズ  記述クラス
        8px         62%        px8
        9px         69%        px9
       10px         77%        px10
       11px         85%        px11
       12px         92%        px12
       13px        100%        px13
       14px        108%        px14
       15px        115%        px15
-----------+-----------+-----------
       16px        123%        px16
       17px        131%        px17
       18px        138%        px18
       19px        146%        px19
       20px        154%        px20
-----------+-----------+-----------
       21px        161%        px21
       22px        167%        px22
       23px        174%        px23
       24px        185%        px24
       25px        189%        px25
       26px        197%        px26
*/
.px11 { font-size: 85%; }
.px12 { font-size: 92%; }
.px13 { font-size: 100%; }
.px14 { font-size: 108%; }
.px15 { font-size: 115%; }
.px16 { font-size: 123%; }
.px17 { font-size: 131%; }
.px18 { font-size: 138%; }
.px19 { font-size: 146%; }
.px20 { font-size: 154%; }

.px26 { font-size: 197%; }

/*
.clearfix:after { 
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
*/
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.b { font-weight: 700; }
.n { font-weight: 400; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

.note { color: Crimson; }
.c-brown { color: #996600; } 
.c-orange { color: #EA6F1C; }
.c-green { color: #58C409; }
.c-red { color: Crimson; }


.right { text-align: right; }
.left { text-align: left; }
.fleft { float: left; }
.fright { float: right; }
/*
label { cursor: pointer; }
select option { margin: 0; padding : 0 5px; }
button { background: none; border: none; cursor: pointer; vertical-align: -5px;}
*/