@charset "utf-8";

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

/* ============================== Width */
.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;}
.w320px { width:  320px !important;}
.w420px { width:  420px !important;}

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

/* ============================== Padding */
.pd2  { padding: 2px !important; }
.pd4  { padding: 4px !important; }
.pd8 { padding: 8px !important; }
.pd9 { padding: 9px !important; }
.pd10 { padding: 10px !important; }
.pd12 { padding: 12px !important; }
.pd20 { padding: 20px !important; }
.pd30 { padding: 30px !important; }
.pd0_12  { padding: 0px 12px !important; }
.pt2  { padding-top: 2px !important; }
.pt4  { padding-top: 4px !important; }
.pt6  { padding-top: 6px !important; }
.pt8  { padding-top: 8px !important; }
.pt12 { padding-top: 12px !important; }
.pt18 { padding-top: 18px !important; }
.pt50 { padding-top: 50px !important; }
.pl0  { padding-left: 0px !important; }
.pl2  { padding-left: 2px !important; }
.pl4  { padding-left: 4px !important; }
.pl30  { padding-left: 30px !important; }
.pl34 { padding-left: 34px !important; }
.pr4  { padding-right: 4px !important; }
.pr12 { padding-right: 12px !important; }
.pr20 { padding-right: 20px !important; }
.pr34 { padding-right: 34px !important; }
.pb4  { padding-bottom: 4px !important; }
.pb12 { padding-bottom: 12px !important; }
.pb34 { padding-bottom: 34px !important; }
.pb36 { padding-bottom: 36px !important; }
.pb12 { padding-bottom: 12px !important; }
.pb61 { padding-bottom: 61px !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; }
.mt0  { margin-top: 0px !important; }
.mt2  { margin-top: 2px !important; }
.mt4  { margin-top: 4px !important; }
.mt7 { margin-top: 7px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt18 { margin-top: 18px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt58 { margin-top: 58px !important; }
.mt60 { margin-top: 60px !important; }
.mt15em { margin-top: 1.5em !important; }
.ml4  { margin-left: 4px !important; }
.ml12 { margin-left: 12px !important; }
.ml14 { margin-left: 14px !important; }
.ml16 { margin-left: 16px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.mr0  { margin-right: 0px !important; }
.mr4  { margin-right: 4px !important; }
.mr12 { margin-right: 12px !important; }
.mr20 { margin-right: 12px !important; }
.mb0  { margin-bottom: 0px !important; }
.mb2  { margin-bottom: 2px !important; }
.mb3  { margin-bottom: 3px !important; }
.mb4  { margin-bottom: 4px !important; }
.mb7 { margin-bottom: 7px !important; }
.mb8 { margin-bottom: 8px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb16 { margin-bottom: 16px !important; }
.mb18 { margin-bottom: 18px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb24 { margin-bottom: 24px !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; }


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

/* ============================== 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 */
.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; }
.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; }
.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; }


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


/* ============================== font */
.fsize11 { font-size: 11px !important; }
.fsize13 { font-size: 13px !important; }
.fsize14 { font-size: 14px !important; }
.fsize21 { font-size: 21px !important; }
.fw_b { font-weight: bold; }
.fs_o { font-style: oblique; }
.of_v { overflow: visible !important; }

.fc_red{  color: #f00 !important; }


/* ============================== float */
.floatl{
  float:left;
}
.floatr{ float:right !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文字）分、左に動かす*/
}

.txt_indent4em{ text-indent: 4em !important; }

.indent1em{ padding-left: 1em !important; text-indent: -1em !important; }
.indent2em{ padding-left: 2em !important; text-indent: -2em !important; }
.indent24px{ padding-left: 24px !important; text-indent: -24px !important; }
.indent26px{ padding-left: 26px !important; text-indent: -26px !important; }

/* ============================== リンク系 */
.t_decoration_none{
  text-decoration: none !important;
}


/* ============================== etc */
.nowrap { white-space: nowrap !important; }
.justify{ text-align: justify !important; }
.txt_al_c{ text-align: center !important; }
.txt_al_l{ text-align: left !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; }

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


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

.remark {
    font-size: 13px;
    line-height: 20px;
}