@charset "utf-8";

@media all {


/* ------------------------------------------------------------
A-1. CSSリセット
------------------------------------------------------------ */

html,body,a,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
h1,h2,h3,h4,h5,h6,pre,em,strong,address,caption,cite,code,dfn,table,th,td,textarea,input { font-size: 100%; font-style: normal; font-weight: normal; }
article,aside,dialog,figure,figcaption,footer,header,hgroup,nav,section { display: block; }
ul,nav ol,aside ol  { list-style: none; }
object,embed        { vertical-align: top; outline: 0; }
img                 { line-height: 1; vertical-align: top; text-decoration: none; -ms-interpolation-mode: bicubic; }
input,button,select { vertical-align: middle; }
button              { cursor: pointer; }
table               { border-collapse: collapse; border-spacing: 0; }
caption,th          { text-align: left; }
abbr,acronym        { border: none; font-variant: normal; }
strong,em           { font-weight: bold; }

/* section：初期設定 */
section             { position: relative; }
section header      { position: relative; }
section footer      { position: relative; }





/* ------------------------------------------------------------
A-2. col[n],column（コラム）
------------------------------------------------------------ */

.col2,.col3,.col4,.col5,.col6,.col7,.col8 { width: 100%; margin-left: 0 !important; list-style: none !important; zoom: 1; }
.col2:after,.col3:after,.col4:after,.col5:after,.col6:after,.col7:after,.col8:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.column                  { float: left; }
.column.last,
.column:last-child       { float: right !important; }
.column.first,
.column.last,
.column:first-child,
.column:last-child       { margin-left: 0 !important; }

.col2 .column            { width: 49%; }
.col3 .column            {
	width: 30%;
	margin-left: 5%;
}
.col4 .column            { width: 22%; margin-left: 2%; }
.col5 .column            { width: 18.4%; margin-left: 2%; }
.col6 .column            { width: 15%;   margin-left: 2%; }
.col7 .column            { width: 12.5%; margin-left: 2%; }
.col8 .column            { width: 10.9%; margin-left: 2%; }

.col3 .column.double     { width: 66%; }
.col4 .column.double     { width: 49%; }
.col5 .column.double     { width: 38%; }
.col6 .column.double     { width: 32%; }
.col7 .column.double     { width: 27%; }
.col8 .column.double     { width: 23%; }





/* ------------------------------------------------------------
A-3. cmn_（配置、インライン、その他）
------------------------------------------------------------ */

/* 配置 */
.cmn_center              { text-align: center !important; }
.cmn_left                { text-align: left !important; }
.cmn_right               { text-align: right !important; }


/* まわりこみ */
.cmn_float_l             { float: left; }
.cmn_float_r             { float: right; }


/* まわりこみクリア */
.cmn_clear               { clear: both; }
.cmn_clear_l             { clear: left; }
.cmn_clear_r             { clear: right; }
.cmn_clearfix            { zoom: 1; }
.cmn_clearfix:after      { content: "."; display: block; clear: both; height: 0; visibility: hidden; }


/* 絶対位置 */
.cmn_abs                 { position: absolute; }
.cmn_abs_tr              { position: absolute; top:    0; right: 0; }
.cmn_abs_br              { position: absolute; bottom: 0; right: 0; }
.cmn_abs_bl              { position: absolute; bottom: 0; left: 0; }
.cmn_abs_tl              { position: absolute; top:    0; left: 0; }
.cmn_abs_tc              { position: absolute; top:    0; left: 50%; }
.cmn_abs_bc              { position: absolute; bottom: 0; left: 50%; }
.cmn_rel                 { position: relative; }


/* 改行禁止 */
.cmn_nowrap              { white-space: nowrap; }
.cmn_ellipsis            { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


/* 非表示 */
.cmn_hide                { display: none !important; }





/* ------------------------------------------------------------
A-4. cmn_（マージン、パディング、幅、テキストインデント、罫線）
------------------------------------------------------------ */

/* マージン */
.cmn_mauto               { margin-right: auto !important; margin-left: auto !important; }
.cmn_m0                  { margin: 0px !important; }
.cmn_m5                  { margin: 5px !important; }
.cmn_m10                 { margin: 10px !important; }
.cmn_m15                 { margin: 15px !important; }
.cmn_m20                 { margin: 20px !important; }
.cmn_m25                 { margin: 25px !important; }
.cmn_m30                 { margin: 30px !important; }
.cmn_m40                 { margin: 40px !important; }
.cmn_m50                 { margin: 50px !important; }
.cmn_m100                { margin: 100px !important; }
.cmn_m150                { margin: 150px !important; }
.cmn_m200                { margin: 200px !important; }
.cmn_mt0                 { margin-top: 0px !important; }
.cmn_mt4                 { margin-top: 4px !important; }
.cmn_mt5                 { margin-top: 5px !important; }
.cmn_mt10                { margin-top: 10px !important; }
.cmn_mt15                { margin-top: 15px !important; }
.cmn_mt20                { margin-top: 20px !important; }
.cmn_mt25                { margin-top: 25px !important; }
.cmn_mt30                { margin-top: 30px !important; }
.cmn_mt40                { margin-top: 40px !important; }
.cmn_mt50                { margin-top: 50px !important; }
.cmn_mt100               { margin-top: 100px !important; }
.cmn_mt150               { margin-top: 150px !important; }
.cmn_mt200               { margin-top: 200px !important; }
.cmn_mt-5                { margin-top: -5px !important; }
.cmn_mt-10               { margin-top: -10px !important; }
.cmn_mt-15               { margin-top: -15px !important; }
.cmn_mt-20               { margin-top: -20px !important; }
.cmn_mt-25               { margin-top: -25px !important; }
.cmn_mt-30               { margin-top: -30px !important; }
.cmn_mr0                 { margin-right: 0px !important; }
.cmn_mr5                 { margin-right: 5px !important; }
.cmn_mr10                { margin-right: 10px !important; }
.cmn_mr15                { margin-right: 15px !important; }
.cmn_mr20                { margin-right: 20px !important; }
.cmn_mr25                { margin-right: 25px !important; }
.cmn_mr30                { margin-right: 30px !important; }
.cmn_mr40                { margin-right: 40px !important; }
.cmn_mr50                { margin-right: 50px !important; }
.cmn_mr100               { margin-right: 100px !important; }
.cmn_mr150               { margin-right: 150px !important; }
.cmn_mr200               { margin-right: 200px !important; }
.cmn_mr-5                { margin-right: -5px !important; }
.cmn_mr-10               { margin-right: -10px !important; }
.cmn_mr-15               { margin-right: -15px !important; }
.cmn_mr-20               { margin-right: -20px !important; }
.cmn_mr-25               { margin-right: -25px !important; }
.cmn_mr-30               { margin-right: -30px !important; }
.cmn_mb0                 { margin-bottom: 0px !important; }
.cmn_mb5                 { margin-bottom: 5px !important; }
.cmn_mb10                { margin-bottom: 10px !important; }
.cmn_mb15                { margin-bottom: 15px !important; }
.cmn_mb20                { margin-bottom: 20px !important; }
.cmn_mb25                { margin-bottom: 25px !important; }
.cmn_mb30                { margin-bottom: 30px !important; }
.cmn_mb40                { margin-bottom: 40px !important; }
.cmn_mb50                { margin-bottom: 50px !important; }
.cmn_mb100               { margin-bottom: 100px !important; }
.cmn_mb150               { margin-bottom: 150px !important; }
.cmn_mb200               { margin-bottom: 200px !important; }
.cmn_mb-5                { margin-bottom: -5px !important; }
.cmn_mb-10               { margin-bottom: -10px !important; }
.cmn_mb-15               { margin-bottom: -15px !important; }
.cmn_mb-20               { margin-bottom: -20px !important; }
.cmn_mb-25               { margin-bottom: -25px !important; }
.cmn_mb-30               { margin-bottom: -30px !important; }
.cmn_ml0                 { margin-left: 0px !important; }
.cmn_ml5                 { margin-left: 5px !important; }
.cmn_ml10                { margin-left: 10px !important; }
.cmn_ml15                { margin-left: 15px !important; }
.cmn_ml20                { margin-left: 20px !important; }
.cmn_ml25                { margin-left: 25px !important; }
.cmn_ml30                { margin-left: 30px !important; }
.cmn_ml40                { margin-left: 40px !important; }
.cmn_ml50                { margin-left: 50px !important; }
.cmn_ml100               { margin-left: 100px !important; }
.cmn_ml150               { margin-left: 150px !important; }
.cmn_ml200               { margin-left: 200px !important; }
.cmn_ml-5                { margin-left: -5px !important; }
.cmn_ml-10               { margin-left: -10px !important; }
.cmn_ml-15               { margin-left: -15px !important; }
.cmn_ml-20               { margin-left: -20px !important; }
.cmn_ml-25               { margin-left: -25px !important; }
.cmn_ml-30               { margin-left: -30px !important; }


/* パディング */
.cmn_p0                  { padding: 0px !important; }
.cmn_p5                  { padding: 5px !important; }
.cmn_p10                 { padding: 10px !important; }
.cmn_p15                 { padding: 15px !important; }
.cmn_p20                 { padding: 20px !important; }
.cmn_p25                 { padding: 25px !important; }
.cmn_p30                 { padding: 30px !important; }
.cmn_p40                 { padding: 40px !important; }
.cmn_p50                 { padding: 50px !important; }
.cmn_p100                { padding: 100px !important; }
.cmn_pt0                 { padding-top: 0px !important; }
.cmn_pt5                 { padding-top: 5px !important; }
.cmn_pt10                { padding-top: 10px !important; }
.cmn_pt15                { padding-top: 15px !important; }
.cmn_pt20                { padding-top: 20px !important; }
.cmn_pt25                { padding-top: 25px !important; }
.cmn_pt30                { padding-top: 30px !important; }
.cmn_pt40                { padding-top: 40px !important; }
.cmn_pt50                { padding-top: 50px !important; }
.cmn_pt100               { padding-top: 100px !important; }
.cmn_pr0                 { padding-right: 0px !important; }
.cmn_pr5                 { padding-right: 5px !important; }
.cmn_pr10                { padding-right: 10px !important; }
.cmn_pr15                { padding-right: 15px !important; }
.cmn_pr20                { padding-right: 20px !important; }
.cmn_pr25                { padding-right: 25px !important; }
.cmn_pr30                { padding-right: 30px !important; }
.cmn_pr40                { padding-right: 40px !important; }
.cmn_pr50                { padding-right: 50px !important; }
.cmn_pr100               { padding-right: 100px !important; }
.cmn_pb0                 { padding-bottom: 0px !important; }
.cmn_pb5                 { padding-bottom: 5px !important; }
.cmn_pb10                { padding-bottom: 10px !important; }
.cmn_pb15                { padding-bottom: 15px !important; }
.cmn_pb20                { padding-bottom: 20px !important; }
.cmn_pb25                { padding-bottom: 25px !important; }
.cmn_pb30                { padding-bottom: 30px !important; }
.cmn_pb40                { padding-bottom: 40px !important; }
.cmn_pb50                { padding-bottom: 50px !important; }
.cmn_pb100               { padding-bottom: 100px !important; }
.cmn_pl0                 { padding-left: 0px !important; }
.cmn_pl5                 { padding-left: 5px !important; }
.cmn_pl10                { padding-left: 10px !important; }
.cmn_pl15                { padding-left: 15px !important; }
.cmn_pl20                { padding-left: 20px !important; }
.cmn_pl25                { padding-left: 25px !important; }
.cmn_pl30                { padding-left: 30px !important; }
.cmn_pl40                { padding-left: 40px !important; }
.cmn_pl50                { padding-left: 50px !important; }
.cmn_pl100               { padding-left: 100px !important; }


/* 幅 */
.cmn_w5p                 { width:  5% !important; }
.cmn_w10p                { width: 10% !important; }
.cmn_w15p                { width: 15% !important; }
.cmn_w20p                { width: 20% !important; }
.cmn_w25p                { width: 25% !important; }
.cmn_w30p                { width: 30% !important; }
.cmn_w33p                { width: 33% !important; }
.cmn_w40p                { width: 40% !important; }
.cmn_w50p                { width: 50% !important; }
.cmn_w60p                { width: 60% !important; }
.cmn_w70p                { width: 70% !important; }
.cmn_w75p                { width: 75% !important; }
.cmn_w80p                { width: 80% !important; }
.cmn_w90p                { width: 90% !important; }
.cmn_w100p               { width: 100% !important; }


/* テキストインデント */ 
.cmn_indent1             { padding-left: 1em !important; text-indent: -1em !important; }
.cmn_indent2             { padding-left: 2em !important; text-indent: -2em !important; }
.cmn_indent3             { padding-left: 3em !important; text-indent: -3em !important; }
.cmn_indent4             { padding-left: 4em !important; text-indent: -4em !important; }


/* 文字サイズ */
.fs8  { font-size:  64% !important; }  /*  8px */
.fs9  { font-size:  74% !important; }  /*  9px */
.fs10 { font-size:  82% !important; }  /* 10px */
.fs11 { font-size:  90% !important; }  /* 11px */
.fs12 { font-size: 100% !important; }  /* 12px */
.fs13 { font-size: 106% !important; }  /* 13px */
.fs14 { font-size: 113% !important; }  /* 14px */
.fs16 { font-size: 130% !important; }  /* 16px */
.fs18 { font-size: 146% !important; }  /* 18px */
.fs20 { font-size: 161% !important; }  /* 20px */
.fs24 { font-size: 193% !important; }  /* 24px */
.fs28 { font-size: 225% !important; }  /* 28px */
.fs32 { font-size: 258% !important; }  /* 32px */

/* 行間 */
.lh10 { line-height: 1.0 !important; }
.lh12 { line-height: 1.2 !important; }
.lh14 { line-height: 1.4 !important; }
.lh16 { line-height: 1.6 !important; }
.lh18 { line-height: 1.8 !important; }
.lh20 { line-height: 2.0 !important; }
.lh24 { line-height: 2.4 !important; }
.lh28 { line-height: 2.8 !important; }
.lh32 { line-height: 3.2 !important; }




}