@charset "UTF-8";

/* reset
---------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, dl, dt, dd, ol, ul, li, form, label, legend, table, tbody, tr, th, td, article, embed, footer, header, hgroup, nav, section, time {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-weight: normal;
}

/* HTML5 display-role reset for older browsers */
article, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img {
  vertical-align: bottom;
  max-width: 100%;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* useful
---------------------------------------------------------- */
/*--------------------
clearfix
--------------------*/
.cl:after {
  clear: both;
  content: '';
  display: block;
}

/*--------------------
clear
--------------------*/
.clear {
  clear: both;
}

/*--------------------
font
--------------------*/
.fwB {font-weight: bold !important;}
.fsS {font-size: 90% !important;}
.fsM {font-size: 120% !important;}
.fsL {font-size: 150% !important;}
.fRed {color: #B10513;}
.fWhite {color: #fff;}
.fLightRed {color: #E5312B;}
.fGreen {color: #007F45;}
.fUnderLine {text-decoration: underline;}
.fs10 {font-size: 10px !important;}
.fs11 {font-size: 11px !important;}
.fs12 {font-size: 12px !important;}
.fs13 {font-size: 13px !important;}
.fs14 {font-size: 14px !important;}
.fs15 {font-size: 15px !important;}
.fs16 {font-size: 16px !important;}
.fs17 {font-size: 17px !important;}
.fs18 {font-size: 18px !important;}
.fs19 {font-size: 19px !important;}
.fs20 {font-size: 20px !important;}
.fs21 {font-size: 21px !important;}
.fs22 {font-size: 22px !important;}
.fs23 {font-size: 23px !important;}
.fs24 {font-size: 24px !important;}
.fs25 {font-size: 25px !important;}
.fs26 {font-size: 26px !important;}
.fs27 {font-size: 27px !important;}
.fs28 {font-size: 28px !important;}
.fs29 {font-size: 29px !important;}
.fs30 {font-size: 30px !important;}

/*--------------------
serif
--------------------*/
.mintyo {
  font-family: YuMincho, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "游明朝","HGS明朝B", "HGS明朝E","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: normal;
}

/*--------------------
margin,padding
--------------------*/
.mC {margin-left: auto; margin-right: auto;}

/* margin-top */
.mt0 {margin-top: 0 !important;}
.mt05 {margin-top: 0.5em !important;}
.mt10 {margin-top: 1.0em !important;}
.mt15 {margin-top: 1.5em !important;}
.mt20 {margin-top: 2.0em !important;}
.mt25 {margin-top: 2.5em !important;}
.mt30 {margin-top: 3.0em !important;}
.mt35 {margin-top: 3.5em !important;}
.mt40 {margin-top: 4.0em !important;}
.mt45 {margin-top: 4.5em !important;}
.mt50 {margin-top: 5.0em !important;}

/* margin-right */
.mr0 {margin-right: 0 !important;}
.mr05 {margin-right: 0.5em !important;}
.mr10 {margin-right: 1.0em !important;}
.mr15 {margin-right: 1.5em !important;}
.mr20 {margin-right: 2.0em !important;}
.mr25 {margin-right: 2.5em !important;}
.mr30 {margin-right: 3.0em !important;}
.mr35 {margin-right: 3.5em !important;}
.mr40 {margin-right: 4.0em !important;}
.mr45 {margin-right: 4.5em !important;}
.mr50 {margin-right: 5.0em !important;}

/* margin-bottom */
.mb0 {margin-bottom: 0 !important;}
.mb05 {margin-bottom: 0.5em !important;}
.mb10 {margin-bottom: 1.0em !important;}
.mb15 {margin-bottom: 1.5em !important;}
.mb20 {margin-bottom: 2.0em !important;}
.mb25 {margin-bottom: 2.5em !important;}
.mb30 {margin-bottom: 3.0em !important;}
.mb35 {margin-bottom: 3.5em !important;}
.mb40 {margin-bottom: 4.0em !important;}
.mb45 {margin-bottom: 4.5em !important;}
.mb50 {margin-bottom: 5.0em !important;}

/* margin-left */
.ml0 {margin-left: 0 !important;}
.ml05 {margin-left: 0.5em !important;}
.ml10 {margin-left: 1.0em !important;}
.ml15 {margin-left: 1.5em !important;}
.ml20 {margin-left: 2.0em !important;}
.ml25 {margin-left: 2.5em !important;}
.ml30 {margin-left: 3.0em !important;}
.ml35 {margin-left: 3.5em !important;}
.ml40 {margin-left: 4.0em !important;}
.ml45 {margin-left: 4.5em !important;}
.ml50 {margin-left: 5.0em !important;}

/* padding-top */
.pt0 {padding-top: 0 !important;}
.pt05 {padding-top: 0.5em !important;}
.pt10 {padding-top: 1.0em !important;}
.pt15 {padding-top: 1.5em !important;}
.pt20 {padding-top: 2.0em !important;}
.pt25 {padding-top: 2.5em !important;}
.pt30 {padding-top: 3.0em !important;}
.pt35 {padding-top: 3.5em !important;}
.pt40 {padding-top: 4.0em !important;}
.pt45 {padding-top: 4.5em !important;}
.pt50 {padding-top: 5.0em !important;}

/* padding-right */
.pr0 {padding-right: 0 !important;}
.pr05 {padding-right: 0.5em !important;}
.pr10 {padding-right: 1.0em !important;}
.pr15 {padding-right: 1.5em !important;}
.pr20 {padding-right: 2.0em !important;}
.pr25 {padding-right: 2.5em !important;}
.pr30 {padding-right: 3.0em !important;}
.pr35 {padding-right: 3.5em !important;}
.pr40 {padding-right: 4.0em !important;}
.pr45 {padding-right: 4.5em !important;}
.pr50 {padding-right: 5.0em !important;}

/* padding-bottom */
.pb0 {padding-bottom: 0 !important;}
.pb05 {padding-bottom: 0.5em !important;}
.pb10 {padding-bottom: 1.0em !important;}
.pb15 {padding-bottom: 1.5em !important;}
.pb20 {padding-bottom: 2.0em !important;}
.pb25 {padding-bottom: 2.5em !important;}
.pb30 {padding-bottom: 3.0em !important;}
.pb35 {padding-bottom: 3.5em !important;}
.pb40 {padding-bottom: 4.0em !important;}
.pb45 {padding-bottom: 4.5em !important;}
.pb50 {padding-bottom: 5.0em !important;}

/* padding-left */
.pl0 {padding-left: 0 !important;}
.pl05 {padding-left: 0.5em !important;}
.pl10 {padding-left: 1.0em !important;}
.pl15 {padding-left: 1.5em !important;}
.pl20 {padding-left: 2.0em !important;}
.pl25 {padding-left: 2.5em !important;}
.pl30 {padding-left: 3.0em !important;}
.pl35 {padding-left: 3.5em !important;}
.pl40 {padding-left: 4.0em !important;}
.pl45 {padding-left: 4.5em !important;}
.pl50 {padding-left: 5.0em !important;}

/*--------------------
width
--------------------*/
.w5 {width: 5% !important;}
.w10 {width: 10% !important;}
.w15 {width: 15% !important;}
.w20 {width: 20% !important;}
.w25 {width: 25% !important;}
.w30 {width: 30% !important;}
.w35 {width: 35% !important;}
.w40 {width: 40% !important;}
.w45 {width: 45% !important;}
.w50 {width: 50% !important;}
.w55 {width: 55% !important;}
.w60 {width: 60% !important;}
.w65 {width: 65% !important;}
.w70 {width: 70% !important;}
.w75 {width: 75% !important;}
.w80 {width: 80% !important;}
.w85 {width: 85% !important;}
.w90 {width: 90% !important;}
.w95 {width: 95% !important;}
.w100 {width: 100% !important;}

/*--------------------
indent
--------------------*/
.indent {
  text-indent: -1em;
  padding: 0 0 0 1em;
}
.indentNum {
  text-indent: -2em;
  padding: 0 0 0 2em;
}
.inS {
  padding-left: 2%;
  padding-right: 2%;
}

/*--------------------
align
--------------------*/
.taC {text-align: center !important;}
.taR {text-align: right !important;}
.taL {text-align: left !important;}
.vaM {vertical-align: middle !important;}

/*--------------------
float
--------------------*/
.fL {float: left;}
.fR {float: right;}
.imgL {float: left; margin-right: 1.5em !important;}
.imgR {float: right; margin-left: 1.5em !important;}
.noF {overflow: auto; zoom: 1;}

/*--------------------
display
--------------------*/
.inB {
  display: inline-block;
}
.disB {
  display: block;
}
.disTbl {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.disTblCell {
  display: table-cell;
  vertical-align: middle;
}
