@charset "utf-8";

/*
YUI 3.14.1 (build 63049cb)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

/*font:13px/1.231　だったのを更新*/

body{font:16px 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック';*font-size:small;*font:x-small}select,input,button,textarea{font:99% 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック'}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}#yui3-css-stamp.cssfonts{display:none}

/* ---------------------------------------------------------
   font-size

10px ---> 77%   10/13*100
11px ---> 85%
12px ---> 93%
13px ---> 100%
14px ---> 108%
15px ---> 116%
16px ---> 123.1%
17px ---> 131%
18px ---> 138.5%
19px ---> 146.5%
20px ---> 153.9%
21px ---> 161.6%
22px ---> 167%
23px ---> 174%
24px ---> 182%
25px ---> 189%
26px ---> 197%
   ---------------------------------------------------------*/
.fs10 {font-size: 77%;}

.fs11 {font-size: 85%;}
.fs12 {font-size: 93%;}
.fs13 {font-size: 100%;}
.fs14 {font-size: 108%;}
.fs15 {font-size: 116%;}

.fs16 {font-size: 123.1%;}
.fs17 {font-size: 131%;}
.fs18 {font-size: 138.5%;}
.fs19 {font-size: 146.5%;}
.fs20 {font-size: 153.9%;}

.fs21 {font-size: 161.6%;}
.fs22 {font-size: 167%;}
.fs23 {font-size: 174%;}
.fs24 {font-size: 182%;}
.fs25 {font-size: 189%;}

.fs26 {font-size: 197%;}
.fs27 {font-size: 207%;}
.fs28 {font-size: 215%;}
.fs29 {font-size: 223%;}
.fs30 {font-size: 230%;}

.fs31 {font-size: 238.5%;}
.fs32 {font-size: 246.2%;}
.fs33 {font-size: 253.8%;}
.fs34 {font-size: 261.5%;}
.fs35 {font-size: 269.2%;}

.fs36 {font-size: 276.9%;}
.fs37 {font-size: 284.6%;}
.fs38 {font-size: 292.3%;}
.fs39 {font-size: 300%;}
.fs40 {font-size: 307.7%;}

.fs41 {font-size: 315.3%;}
.fs42 {font-size: 323.1%;}
.fs43 {font-size: 330.8%;}
.fs44 {font-size: 338.5%;}
.fs45 {font-size: 346.2%;}

.fs46 {font-size: 353.8%;}
.fs47 {font-size: 361.5%;}
.fs48 {font-size: 369.2%;}
.fs49 {font-size: 376.9%;}
.fs50 {font-size: 384.6%;}

/* ---------------------------------------------------------
   font-size (px)
   ---------------------------------------------------------*/

.fpx10 {font-size: 10px;}

.fpx11 {font-size: 11px;}
.fpx12 {font-size: 12px;}
.fpx13 {font-size: 13px;}
.fpx14 {font-size: 14px;}
.fpx15 {font-size: 15px;}

.fpx16 {font-size: 16px;}
.fpx17 {font-size: 17px;}
.fpx18 {font-size: 18px;}
.fpx19 {font-size: 19px;}
.fpx20 {font-size: 20px;}

.fpx21 {font-size: 21px;}
.fpx22 {font-size: 22px;}
.fpx23 {font-size: 23px;}
.fpx24 {font-size: 24px;}
.fpx25 {font-size: 25px;}

.fpx26 {font-size: 26px;}
.fpx27 {font-size: 27px;}
.fpx28 {font-size: 28px;}
.fpx29 {font-size: 29px;}
.fpx30 {font-size: 30px;}


/* ---------------------------------------------------------
   font-weight
   ---------------------------------------------------------*/
.fw600 {font-weight: 600;}
.fw700 {font-weight: 700;}
.fw800 {font-weight: 800;}
.fwb {font-weight: bold;}

/* ---------------------------------------------------------
   color
   ---------------------------------------------------------*/
.co_yellow {color: #ffff00;}
.co_pink {color: #fb58bb;}
.co_blue {color: #00deff;}
.co_black {color: #000;}

/* ---------------------------------------------------------
   margin
   ---------------------------------------------------------*/
.m5 {margin: 5px;}
.m10 {margin: 10px;}
.m15 {margin: 15px;}
.m20 {margin: 20px;}
.m25 {margin: 25px;}
.m30 {margin: 30px;}

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}

.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}

.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}

/* ---------------------------------------------------------
   padding
   ---------------------------------------------------------*/
.p5 {padding: 5px;}
.p10 {padding: 10px;}
.p15 {padding: 15px;}
.p20 {padding: 20px;}
.p25 {padding: 25px;}
.p30 {padding: 30px;}

.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}

.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pr25 {padding-right: 25px;}
.pr30 {padding-right: 30px;}

.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}
.pb30 {padding-bottom: 30px;}

.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl25 {padding-left: 25px;}
.pl30 {padding-left: 30px;}

/* ---------------------------------------------------------
   clearfix
   ---------------------------------------------------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.clear {	clear: both;}

/* ---------------------------------------------------------
   column
   ---------------------------------------------------------*/
.col_1 {width: 88px;}
.col_2 {width: 191px;}
.col_3 {width: 294px;}
.col_4 {width: 397px;}
.col_5 {width: 500px;}
.col_6 {width: 603px;}
.col_7 {width: 706px;}
.col_8 {width: 809px;}
.col_9 {width: 912px;}
.col_10 {width: 1015px;}