@charset "utf-8";

/*
============================ Base CSS ============================

			デフォルト設定
				1.マージン・インデント
				2.幅
				3.位置クラス
				4.アクセシビリティ
				5.不具合回避

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

/* 1.マージン・インデント
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.mb0 {
  margin-bottom: 0 !important;
}
.mb1 {
  margin-bottom: 1px !important;
}
.mb2 {
  margin-bottom: 2px !important;
}
.mb3 {
  margin-bottom: 3px !important;
}
.mb4 {
  margin-bottom: 4px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb6 {
  margin-bottom: 6px !important;
}
.mb7 {
  margin-bottom: 7px !important;
}
.mb8 {
  margin-bottom: 8px !important;
}
.mb9 {
  margin-bottom: 9px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb12 {
  margin-bottom: 12px !important;
}
.mb14 {
  margin-bottom: 14px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb19 {
  margin-bottom: 19px !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;
}
.mb45 {
  margin-bottom: 45px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb80 {
  margin-bottom: 80px !important;
}
.mb100 {
  margin-bottom: 100px !important;
}

.ml0 {
  margin-left: 0 !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml12 {
  margin-left: 12px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml50 {
  margin-left: 50px !important;
}
.ml60 {
  margin-left: 60px !important;
}
.ml180 {
  margin-left: 180px !important;
}

.mr5 {
  margin-right: 5px !important;
}
.mr2 {
  margin-right: 2px !important;
}
.mr6 {
  margin-right: 6px !important;
}
.mr7 {
  margin-right: 7px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr13 {
  margin-right: 13px !important;
}
.mr14 {
  margin-right: 14px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr17 {
  margin-right: 17px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr22 {
  margin-right: 22px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.mr60 {
  margin-right: 60px !important;
}

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

.p10 {
  padding: 5px 10px 10px !important;
}

.pb0 {
  padding-bottom: 0 !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb60 {
  padding-bottom: 60px !important;
}
.pb80 {
  padding-bottom: 80px !important;
}

.pr5 {
  padding-right: 5px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.pl50 {
  padding-left: 50px !important;
}

.pt0 {
  padding-top: 0 !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pt70 {
  padding-top: 70px !important;
}
.pt80 {
  padding-top: 80px !important;
}
.pt90 {
  padding-top: 90px !important;
}
.pt100 {
  padding-top: 100px !important;
}
.pt155 {
  padding-top: 155px !important;
}

@media only screen and (max-width: 768px) {
  .mb10 {
    margin-bottom: 5px !important;
  }
  .mb20 {
    margin-bottom: 10px !important;
  }
  .mb30 {
    margin-bottom: 15px !important;
  }
  .mb40 {
    margin-bottom: 20px !important;
  }
  .mb50 {
    margin-bottom: 25px !important;
  }
  .mb60 {
    margin-bottom: 40px !important;
  }
  .mb80 {
    margin-bottom: 40px !important;
  }
  .mb100 {
    margin-bottom: 50px !important;
  }

  .ml10 {
    margin-left: 5px !important;
  }
  .ml20 {
    margin-left: 10px !important;
  }
  .ml30 {
    margin-left: 15px !important;
  }
  .ml40 {
    margin-left: 20px !important;
  }
  .ml50 {
    margin-left: 25px !important;
  }
  .ml60 {
    margin-left: 30px !important;
  }

  .mr10 {
    margin-right: 5px !important;
  }
  .mr20 {
    margin-right: 10px !important;
  }
  .mr30 {
    margin-right: 15px !important;
  }
  .mr40 {
    margin-right: 20px !important;
  }
  .mr50 {
    margin-right: 25px !important;
  }
  .mr60 {
    margin-right: 30px !important;
  }

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

  .pb10 {
    padding-bottom: 5px !important;
  }
  .pb20 {
    padding-bottom: 10px !important;
  }
  .pb30 {
    padding-bottom: 15px !important;
  }
  .pb80 {
    padding-bottom: 30px !important;
  }
  .pb80 {
    padding-bottom: 40px !important;
  }

  .pl10 {
    padding-left: 5px !important;
  }
  .pl20 {
    padding-left: 10px !important;
  }
  .pl30 {
    padding-left: 15px !important;
  }
  .pl40 {
    padding-left: 20px !important;
  }
  .pl50 {
    padding-left: 25px !important;
  }

  .pt10 {
    padding-top: 5px !important;
  }
  .pt20 {
    padding-top: 10px !important;
  }
  .pt30 {
    padding-top: 15px !important;
  }
  .pt50 {
    padding-top: 25px !important;
  }
  .pt80 {
    padding-top: 40px !important;
  }
  .pt100 {
    padding-top: 50px !important;
  }
}

.dispNone {
  display: none !important;
}

/* 2.幅
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.w30p {
  width: 30%;
}
.w40p {
  width: 40%;
}
.w50p {
  width: 50%;
}
.w60p {
  width: 60%;
}
.w80p {
  width: 80%;
}

.w100 {
  width: 100px;
}
.w420 {
  width: 420px;
}

/* 3.位置クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.clear {
  clear: both;
}

.cen {
  text-align: center !important;
}
.left {
  text-align: left !important;
}
.right {
  text-align: right !important;
}

.fLeft {
  float: left;
}
.fRight {
  float: right;
}
.alignleft {
  float: left;
  margin: 0 20px 20px 0;
}
.alignright {
  float: right;
  margin: 0 0 20px 20px;
}

img.imgRight {
  margin: 0 0 20px 25px;
  float: right;
  width: auto;
}
img.imgLeft {
  margin: 0 25px 20px 0;
  float: left;
  width: auto;
}
.imgRightS {
  margin: 0 0 20px 25px;
  float: right;
  width: auto;
}
.imgLeftS {
  margin: 0 25px 20px 0;
  float: left;
  width: auto;
}

@media only screen and (max-width: 768px) {
  img.imgRight,
  img.imgLeft {
    float: none;
    width: 100%;
    margin: 0 auto 20px;
  }
  .imgRightS,
  .imgLeftS {
    display: block;
    float: none;
    width: 60%;
    margin: 0 auto 20px;
  }
}

ul.disc {
  margin: 0 0 15px 1em;
}
ul.disc li {
  list-style: disc;
  margin: 0 0 0 1em;
  text-indent: 0;
}
ol {
  list-style: decimal !important;
  margin: 0 0 20px 25px;
}

.spBlock {
  display: none;
}
.spNone {
  display: Block;
}
table.data.spBlock {
  display: none;
}
table.data.spNone {
  display: table;
}

@media (max-width: 768px) {
  .spBlock {
    display: block;
  }
  .spNone {
    display: none;
  }
  table.data.spBlock {
    display: table;
  }
  table.data.spNone {
    display: none;
  }
}

/* 4.アクセシビリティ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.hide {
  height: 0;
  width: 0;
  overflow: hidden;
  position: absolute; /* fo the benefi of IE5 Mac */
}

/* 5.不具合回避・デバッグ用
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*/ /*/
  height: auto;
  overflow: hidden;
  /**/
}

.debug {
  border: 1px solid #ff0000;
}

/* END */