@charset "utf-8";

/*************************************************
CSS
update:15.10.23
*************************************************/

/* ============================== Width */
.wauto { width: auto !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w95p { width: 100% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w90p { width: 90% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w85p { width: 85% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w75p { width: 75% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w65p { width: 65% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w55p { width: 55% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w45p { width: 45% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


.w10px { width:  10px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w20px { width:  20px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w30px { width:  30px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w40px { width:  40px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w50px { width:  50px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w60px { width:  60px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w70px { width:  70px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w90px { width:  90px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w100px { width:  100px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w180px { width:  180px !important;}
.w190px { width:  190px !important;}
.w200px { width:  200px !important;}
.w320px { width:  320px !important;}
.w420px { width:  420px !important;}
.w500px { width:  500px !important;}
.w580px { width:  580px !important;}
.w600px { width:  600px !important;}
.w667px { width:  667px !important;}

.w12ph  { width:  12.5% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


/* ============================== height */

.h0px { height: 0px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


/* ============================== Padding */
.pd0  { padding: 0px !important; }
.pd2  { padding: 2px !important; }
.pd4  { padding: 4px !important; }
.pd5  { padding: 5px !important; }
.pd10 { padding: 10px !important; }
.pd12 { padding: 12px !important; }
.pd20 { padding: 20px !important; }
.pd30 { padding: 30px !important; }
.pt4  { padding-top: 4px !important; }
.pt10 { padding-top: 10px !important; }
.pt12 { padding-top: 12px !important; }
.pt14 { padding-top: 14px !important; }
.pt16 { padding-top: 16px !important; }
.pt18 { padding-top: 18px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt35 { padding-top: 35px !important; }
.pt50 { padding-top: 50px !important; }
.pl0  { padding-left: 0px !important; }
.pl2  { padding-left: 2px !important; }
.pl4  { padding-left: 4px !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; }
.pl34 { padding-left: 34px !important; }
.pl39 { padding-left: 39px !important; }
.pr4  { padding-right: 4px !important; }
.pr12 { padding-right: 12px !important; }
.pr20 { padding-right: 20px !important; }
.pr34 { padding-right: 34px !important; }
.pb0  { padding-bottom: 0px !important; }
.pb4  { padding-bottom: 4px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb12 { padding-bottom: 12px !important; }
.pb16 { padding-bottom: 16px !important; }
.pb18 { padding-bottom: 18px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb26 { padding-bottom: 26px !important; }
.pb28 { padding-bottom: 28px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb36 { padding-bottom: 36px !important; }
.pl5p { padding-left: 5% !important; }
.pl1em { padding-left: 1em !important; }
.pl2em { padding-left: 2em !important; }
.pl3em { padding-left: 3em !important; }

/* ============================== Margin */
.md4  { margin: 4px !important; }
.md12 { margin: 12px !important; }
.mt-1  { margin-top: -1px !important; }
.mt0  { margin-top: 0px !important; }
.mt1  { margin-top: 1px !important; }
.mt2  { margin-top: 2px !important; }
.mt4  { margin-top: 4px !important; }
.mt7 { margin-top: 7px !important; }
.mt8 { margin-top: 8px !important; }
.mt9 { margin-top: 9px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt14 { margin-top: 14px !important; }
.mt15 { margin-top: 15px !important; }
.mt16 { margin-top: 16px !important; }
.mt18 { margin-top: 18px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt58 { margin-top: 58px !important; }
.mt60 { margin-top: 60px !important; }
.mt100 { margin-top: 100px !important; }
.mt15em { margin-top: 1.5em !important; }
.ml0  { margin-left: 0px !important; }
.ml4  { margin-left: 4px !important; }
.ml12 { margin-left: 12px !important; }
.ml16 { margin-left: 16px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml200 { margin-left: 200px !important; }
.ml1em { margin-left: 1em !important; }
.ml-1  { margin-left: -1px !important; }
.ml-2  { margin-left: -2px !important; }
.ml-3  { margin-left: -3px !important; }
.ml-4  { margin-left: -4px !important; }
.ml-5  { margin-left: -5px !important; }
.ml-6  { margin-left: -6px !important; }
.ml-7  { margin-left: -7px !important; }
.ml-8  { margin-left: -8px !important; }
.ml-10  { margin-left: -10px !important; }
.mr0  { margin-right: 0px !important; }
.mr4  { margin-right: 4px !important; }
.mr12 { margin-right: 12px !important; }
.mr20 { margin-right: 12px !important; }
.mb2 { margin-bottom: 2px !important; }
.mb4 { margin-bottom: 4px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb7 { margin-bottom: 7px !important; }
.mb8 { margin-bottom: 8px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb15 { margin-bottom: 16px !important; }
.mb16 { margin-bottom: 16px !important; }
.mb18 { margin-bottom: 18px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb28 { margin-bottom: 28px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb52 { margin-bottom: 52px !important; }
.mb56 { margin-bottom: 56px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb64 { margin-bottom: 64px !important; }
.mb90 { margin-bottom: 90px !important; }


/* ============================== position */
.po_t5 { top:5px; }
.relative{ position: relative !important; }

/* ============================== height */
.ha { height: auto !important; }
.h10px { height:  10px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.h20px { height:  20px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.h30px { height:  30px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.h40px { height:  40px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.h50px { height:  50px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.h60px { height:  60px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.h70px { height:  70px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.h90px { height:  90px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.h100px { height:  100px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* ============================== Border */
.bd_solid { border: solid !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.bdb1_99 { border-bottom: 1px solid #999999 !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.bb1 { border-bottom: 1px solid #ddd !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.bb2 { border-bottom: 2px solid #ddd !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.bt1 { border-top: 1px solid #ddd !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.bt1_0054a7 { border-top: 1px solid #0054a7 !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.bd1_de { border: 1px solid #dedede !important; }
.bd2_de { border: 2px solid #dedede !important; }
.bd1_d0 { border: 1px solid #d0d0d0 !important; }
.bd1_c7 { border: 1px solid #c7c7c7 !important; }
.bd1_0054a7 { border: 1px solid #0054a7 !important; }
.bd2_0054a7 { border: 2px solid #0054a7 !important; }
.bt_none { border-top: none !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.bb_none { border-bottom: none !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.bl_none { border-left: none !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


/* ============================== vertical-align */
.text-top { vertical-align: text-top !important; }
.valign_top { vertical-align: top !important; }
.valign_bottom { vertical-align: bottom !important; }


/* ============================== font */
.fsize11 { font-size: 11px !important; }
.fsize13 { font-size: 13px !important; }
.fsize14 { font-size: 14px !important; }
.fsize16 { font-size: 16px !important; }
.fsize17 { font-size: 17px !important; }
.fsize18 { font-size: 18px !important; }
.fsize19 { font-size: 19px !important; }
.fsize20 { font-size: 20px !important; }
.fsize21 { font-size: 21px !important; }
.fw_b { font-weight: bold; }
.fw_n { font-weight: normal !important; }
.fs_o { font-style: oblique; }
.of_v { overflow: visible !important; }

.fc_red{  color: #f00 !important; }
.fc_0054a7{  color: #0054a7 !important; }
.bg_colorcc{ background: #cccccc !important; }
.bg_colore7{ background: #e7e7e7 !important; }

/* ==============================  Coloring */

/* ============================== Float */
.floatl{ float:left; }
.floatr{ float:right; }

/* ============================== Line-Height */
.lh24px { line-height: 24px !important; }
.lh26px { line-height: 26px !important; }

/* ============================== indent */
.list_indent {
list-style: none;
font-size: 14px;
line-height: 26px;
}
.list_indent li{
margin-bottom: 5px; /*1em（1文字）分、右に動かす*/
padding-left: 1em; /*最初の行だけ1em（1文字）分、左に動かす*/
}
.indent1em{
  display: inline-block;
  text-indent: -1em !important;
  margin-left: 1em;
}
.txt_indent4em{
  text-indent: 4em !important;
}

/* ============================== 角丸 */
.border_radius5 { border-radius: 5px !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; }


/* ============================== etc */
.nowrap { white-space: nowrap !important; }
.justify{ text-align: justify !important; }
.cntr{ text-align: center !important; }
.of_v { overflow: visible !important; }
.sub-style { font-size: 1px !important; }
.sup-style01 {
  height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
  bottom: 4px;
}

.sup-style02 {
  height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
  bottom: -3px;
}

#css_tune{
  position: absolute;
  top: 137px;
  left: -22px;
  z-index: -1000;
  opacity: 0.5;
}

.line-height17{ line-height: 1.7 !important; }
.tate{ writing-mode:tb-rl!important;}
.dispblock{ display: block !important; }
.dispinblock{ display: inline-block !important; }

.wordbreak_n{ word-break: normal !important; }
.wordbreak_b{ word-break: break-all !important; }
.wordbreak_n{ word-break: keep-all !important; }
.bg_none{ background: none !important; }

.hidden{visibility: hidden !important;}