@charset "utf-8"
 
/* 背景色の設定 */
.bg {background-color:#F8F5EE !important;}
.bg02 {background-color:#FFFF99 !important;}
.bg03 {background-color:#FFF !important;}
.bg04 {background-color:#e5e5e5 !important;}
.bg05 {background-color:#FFD700 !important;}
.bg06 {background-color: #F2F2F2 !important;}

/* ----------------------------------------------------
    img
---------------------------------------------------- */
.img-line{padding: 5px;border: 1px solid #CCC; background-color: #ffffff;}

/* マウスオーバー時の画像リンク 不透明度の設定 */
a img.linkimg{background-color:#FFF;}
a:hover img.linkimg{opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; background:#FFF;}

/* ----------------------------------------------------
    text
---------------------------------------------------- */

.bgyellow{background-color:#FFFF00 !important; padding:4px 0px 0px;}
.bgyellow02{background-color:#F7E119 !important; padding:4px 0px 0px;}     /* 黄色濃 */

.mincho {font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif !important;}

.ac {text-align: center !important;}
.ar {text-align: right !important;}
.al {text-align: left !important;}

/* 文字装飾の設定 */
.bold{font-weight:bold !important;}
.ul{text-decoration:underline !important;}       /* 下線 */
.lt{text-decoration:line-through !important;}    /* 打ち消し線 */

/* ボーダーの設定 */
.dot{border-bottom:1px dotted #999;}
.solid{border-bottom:1px solid #ccc;}

/* 文字色の設定 */
.red{color:#ff0000;}       /* 赤色 */
.red01{color:#ff4040;}       /* 赤色薄 */
.red02{color:#c00000;}     /* 赤色濃 */
.blue{color:#09c;}         /* 青色 */
.brown{color:#803000;}     /* 茶色 */
.green{color:#008000;}     /* 緑色 */
.orange{color:#FF6600;}    /* 橙色 */
.yellow{color:#fff000;}    /* 黄色 */
.purple{color:#800080;}    /* 紫色 */
.pink{color:#EC5E78;}      /* ピンク */
.silver{color:#808080;}    /* 灰色薄 */
.gray{color:#333;}         /* 灰色濃 */
.black{color:#000;}         /* 黒 */

/* 改行 */
.lh50{line-height:50% !important;}
.lh100{line-height:100% !important;}
.lh150{line-height:150% !important;}
.lh200{line-height:200% !important;}
 
/* 文字サイズの設定 */
.font10{font-size:10px !important;}
.font11{font-size:11px !important;}
.font12{font-size:12px !important;}
.font13{font-size:13px !important;}
.font14{font-size:14px !important;}
.font15{font-size:15px !important;}
.font16{font-size:16px !important;}
.font17{font-size:17px !important;}
.font18{font-size:18px !important;}
.font19{font-size:19px !important;}
.font20{font-size:20px !important;}
.font21{font-size:21px !important;}
.font22{font-size:22px !important;}
.font23{font-size:23px !important;}
.font24{font-size:24px !important;}
.font25{font-size:25px !important;}
.font30{font-size:30px !important;}
.font50{font-size:50%;}     /* フォントサイズ50% */
.font75{font-size:75%;}
.font100{font-size:100%;}
.font125{font-size:125%;}
.font150{font-size:150%;}
.font175{font-size:175%;}
.font200{font-size:200%;}
.font225{font-size:225%;}
.font250{font-size:250%;}
.font275{font-size:275%;}
.font300{font-size:300%;}
 
/* ----------------------------------------------------
    float
---------------------------------------------------- */
.fr {float: right !important;}
.fl {float: left !important;}
 
.clear {clear: both;}
.clearfix {
  min-height: 1px;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* ----------------------------------------------------
    clearfix の代用
    <div class="hr"><hr /></div>
---------------------------------------------------- */
div.hr { clear:both; }
div.hr hr { display:none; }
 
/* ----------------------------------------------------
    margin
---------------------------------------------------- */
.mt00 { margin-top:  0px !important; }
.mt05 { 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; }
 
.mr00 { margin-right:  0px !important; }
.mr05 { 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; }
 
.mb00 { margin-bottom:  0px !important; }
.mb05 { 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; }
 
.ml-13 { margin-left:  -13px !important; }
.ml00 { margin-left:  0px !important; }
.ml05 { 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; }
 
/* ----------------------------------------------------
    padding
---------------------------------------------------- */
.pt00 { padding-top:  0px !important; }
.pt05 { padding-top:  5px !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; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
 
.pr00 { padding-right:  0px !important; }
.pr05 { padding-right:  5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
 
.pb00 { padding-bottom:  0px !important; }
.pb05 { 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; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
 
.pl00 { padding-left:  0px !important; }
.pl05 { 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; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
 
/*-------------------------------------------------------------------
  form
-------------------------------------------------------------------*/
.form_small {
    width:50px;
    height:14px;
    font-size:12px;
}
.form_middle {
    width:120px;
    height:14px;
    font-size:12px;
}
.form_long {
    width:260px;
    height:14px;
    font-size:12px;
}
/* 全角日本語を指定 */
.ime_active{ime-mode: active;}
/* 半角英数を指定 */
.ime_inactive{ime-mode: inactive;}
/* 半角英数に固定 */
.ime_disabled{ime-mode: disabled;}