@charset "utf-8";

/* CSS Document base.css */





/* font

=========================================*/

.color01 { color:#E57A15 !important; }

.color02 { color:#FFFFFF !important; }

.hideText {

  text-indent: 100%;

  white-space: nowrap;

  overflow: hidden;

  display: block;

}

.f10 { font-size: 10px !important; }

.f12 { font-size: 12px !important; }

.f13 { font-size: 13px !important; }

.f15 { font-size: 15px !important; }

.f16 { font-size: 16px !important; }

.f18 { font-size: 18px !important; }

.f24 { font-size: 24px !important; }

.bold,

strong { font-weight: bold; }

.lh12 { line-height:1.2 !important; }

.lh14 { line-height:1.4; }

.lh17 { line-height:1.7; }

.f-min {

  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

  font-weight:bold;

}



/* img

=========================================*/

img { vertical-align:top; }



@media only screen and (max-width: 767px) {

  img {

    width: 100%;

    height: auto;

  }

}



/* xx. Align

=========================================*/

.aR { text-align: right !important; }

.aC { text-align: center !important; }

.aL { text-align: left !important; }

.vT { vertical-align: top !important; }

.vM { vertical-align: middle !important; }

.vB { vertical-align: bottom !important; }

.fR { float: right !important; }

.fL { float: left !important; }



/* xx. Margin, Padding

=========================================*/

.lastChild { margin-right: 0; }

.mt0 { margin-top: 0px !important; }

.mt5 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt18 { margin-top: 18px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mt50 { margin-top: 50px !important; }

.mt60 { margin-top: 60px }

.mb0 { margin-bottom: 0 !important; }

.mb5 { margin-bottom: 5px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb60 { margin-bottom: 60px !important; }

.mb80 { margin-bottom: 80px !important; }

.ml5 { margin-left: 5px !important; }

.mr0 { margin-right: 0!important; }

.mr10 { margin-right: 10px !important; }

.pr0 { padding-right: 0px !important; }

.pl8 { padding-left: 8px !important; }

.pl20 { padding-left: 20px !important; }



/* xx. Width

=========================================*/

.w50 { width: 50px !important; }

.w70 { width: 70px !important; }

.w90 { width: 90px !important; }

.w100 { width: 100px !important; }

.w150 { width: 150px !important; }

.w200 { width: 200px !important; }

.w240 { width: 240px !important; }

.w250 { width: 250px !important; }

.w300 { width: 300px !important; }

.w350 { width: 350px !important; }

.w400 { width: 400px !important; }

.w450 { width: 450px !important; }

.w500 { width: 500px !important; }

.w510 { width: 510px !important; }

.w550 { width: 550px !important; }

.w600 { width: 600px !important; }

.w740 { width: 740px !important; }

.h50 { height: 50px!important; }

.w10p { width: 10% !important; }

.w12p { width: 12% !important; }

.w13p { width: 13% !important; }

.w15p { width: 15% !important; }

.w20p { width: 20% !important; }

.w22p { width: 22% !important; }

.w25p { width: 25% !important; }

.w28p { width: 28% !important; }

.w30p { width: 30% !important; }

.w40p { width: 40% !important; }

.w45p { width: 45% !important; }

.w50p { width: 50% !important; }

.w60p { width: 60% !important; }

.w70p { width: 70% !important; }

.w80p { width: 80% !important; }

.w100p { width: 100% !important; }



/* clear fix

=========================================*/

.clearfix:after {

 content: "";

 clear: both;

 display: block;

}