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

  General-purpose

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

/* Margin-top */
.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !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;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt55 {margin-top: 55px !important;}
.mt60 {margin-top: 60px !important;}
.mt65 {margin-top: 65px !important;}
.mt70 {margin-top: 70px !important;}
.mt75 {margin-top: 75px !important;}
.mt80 {margin-top: 80px !important;}
.mt85 {margin-top: 85px !important;}
.mt90 {margin-top: 90px !important;}
.mt95 {margin-top: 95px !important;}
.mt100 {margin-top: 100px !important;}

/* Margin-bottom */
.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;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb55 {margin-bottom: 55px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb65 {margin-bottom: 65px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb75 {margin-bottom: 75px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb85 {margin-bottom: 85px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb95 {margin-bottom: 95px !important;}
.mb100 {margin-bottom: 100px !important;}


/* Margin-right */
.mr0 {margin-right: 0 !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}
.mr55 {margin-right: 55px !important;}
.mr60 {margin-right: 60px !important;}
.mr65 {margin-right: 65px !important;}
.mr70 {margin-right: 70px !important;}
.mr75 {margin-right: 75px !important;}
.mr80 {margin-right: 80px !important;}
.mr85 {margin-right: 85px !important;}
.mr90 {margin-right: 90px !important;}
.mr95 {margin-right: 95px !important;}
.mr100 {margin-right: 100px !important;}


/* Margin-left */
.ml0 {margin-left: 0 !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !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;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.ml55 {margin-left: 55px !important;}
.ml60 {margin-left: 60px !important;}
.ml65 {margin-left: 65px !important;}
.ml70 {margin-left: 70px !important;}
.ml75 {margin-left: 75px !important;}
.ml80 {margin-left: 80px !important;}
.ml85 {margin-left: 85px !important;}
.ml90 {margin-left: 90px !important;}
.ml95 {margin-left: 95px !important;}
.ml100 {margin-left: 100px !important;}

/* ===== Font Size ===== */
.fs0 {
  font-size: 0;
  line-height: 0;
}

.fs10 {
  font-size: 72%;
}

.fs11 {
  font-size: 79%;
}

.fs12 {
  font-size: 86%;
}

.fs13 {
  font-size: 93%;
}

.fs14 {
  font-size: 100%;
}

.fs15 {
  font-size: 108%;
}

.fs16 {
  font-size: 115%;
}

.fs17 {
  font-size: 122%;
}

.fs18 {
  font-size: 129%;
}

.fs19 {
  font-size: 136%;
}

.fs20 {
  font-size: 143%;
}

.fs21 {
  font-size: 150%;
}

.fs22 {
  font-size: 158%;
}

.fs23 {
  font-size: 165%;
}

.fs24 {
  font-size: 172%;
}

.fs25 {
  font-size: 179%;
}

.fs26 {
  font-size: 186%;
}

/* ===== Font Weight ===== */
.bl {
  font-weight: bold;
}

/* ===== Line Height ===== */
.lh12 {
  line-height: 120%;
}

.lh14 {
  line-height: 140%;
}

.lh16 {
  line-height: 160%;
}

.lh18 {
  line-height: 180%;
}

.lh20 {
  line-height: 200%;
}

/* ===== Text Align ===== */
.tl {
  text-align: left;
}

.tc {
  text-align: center;
}

.tr {
  text-align: right;
}

/* ===== Float ===== */
.fl {
  float: left;
}

.fr {
  float: right;
}

/* ===== color ===== */
.cl01 {
  background:#ffb370;
  color:#2286c1;
}

.cl02 {
  background:#66bac9;
  color:#f39c55;
}
.cl03 {
  background:#d9ecbf;
}

/* ===== Clear ===== */

.cf {
  *zoom: 1;
}

.cf:before {
  content: " ";
  display: table;
}

.cf:after {
  content: " ";
  display: table;
  clear: both;
}

.cb {
  clear:both;
}

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

  Module

=================================================================== */
/* --------------------------------------------------
  heading
-------------------------------------------------- */
.widget-title,
.ttlA {
  background:#f1efd6 url(../images/common/ico_05.png) 0% 0px no-repeat;
  height:60px;
  position:relative;
  font-size: 138%;
  font-weight: normal;
  text-align:left;
  display: flex;
  align-items: center;
}
.ttlA img{
  position:absolute;
  bottom: 0;
}
.ttlB {
  background:#b3c894;
  padding:30px 0;
  text-align: center;
}
.ttlC {
  border-bottom: 5px solid #f1efd6;
  font-size: 129%;
  font-weight: normal;
  line-height: 40%;
  clear: both;
  position:relative;
}
.ttlC span{
  padding:0 5px 5px;
  display:inline-block;
  margin:0 5px 0 0;
  border-bottom:5px solid #2286c1;
  position:relative;
  bottom:-5px;
}
.ttlC .caption {
  position: absolute;
  font-size: 64%;
  left: 195px;
  top:10px;
}
.ttlD span{
  font-weight: normal;
  background:#f8f9c3;
  font-size: 129%;
  line-height: 180%;
}
/* --------------------------------------------------
  list
-------------------------------------------------- */

.listA {
}
.listA li {
  background:url(../images/common/lis_02.png) no-repeat 0 6px;
  display:block;
  padding: 0px 15px;
}
.listB {
}
.listB li {
  background:url(../images/common/lis_01.png) no-repeat 0 12px;
  display:block;
  border-bottom: 2px dotted #f1efd6;
  padding: 7px 25px 5px;
}

/* --------------------------------------------------
  table,dl
-------------------------------------------------- */
.tblA {
}
.tblA dt {
  overflow: hidden;
  text-align: left;
  font-size: 115%;
  line-height: 160%;
  color: #2286c1;
  border-bottom: 2px dotted #f1efd6;
  font-weight:600;
}
.tblA dd {
  text-align: left;
  overflow: hidden;
  margin: 5px 0 10px;
}

.tblB dl{
  overflow:hidden;
}
.tblB dt{
  background:#66bac9;
  padding:2px 10px;
  display:inline-block;
  font-size: 86%;
  color:#FFFFFF;
}
.tblB dd{
  display:inline-block;
}
/* --------------------------------------------------
  btn
-------------------------------------------------- */
.btnA  {
  display:block;
  padding:8px 0 6px;
  text-align: center;
  color:#FFFFFF !important;
  background:#f39c55;
  text-decoration: none;
  font-size: 86%;
}
.btnB  {
  display:block;
  padding:8px 0 6px;
  text-align: center;
  color:#FFFFFF !important;
  background:#999999;
  text-decoration: none;
  font-size: 86%;
}

/* --------------------------------------------------
  hr
-------------------------------------------------- */
.hrA {
  border-bottom: 2px dotted #f1efd6;
}

.hrB {
  border-right: 2px dotted #f1efd6;
}