@charset "utf-8";

/*************************************************
CSS
/cmn_jp_v1/css/option.css

15.09.29
update:15.09.29
*************************************************/

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

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

/* ============================== Padding */
.pd4  { padding: 4px !important; }
.pd12 { padding: 12px !important; }
.pt4  { padding-top: 4px !important; }
.pt12 { padding-top: 12px !important; }
.pt18 { padding-top: 18px !important; }
.pt50 { padding-top: 50px !important; }
.pl4  { padding-left: 4px !important; }
.pl12 { padding-left: 12px !important; }
.pl34 { padding-left: 34px !important; }
.pr4  { padding-right: 4px !important; }
.pr12 { padding-right: 12px !important; }
.pr34 { padding-right: 34px !important; }
.pb4  { padding-bottom: 4px !important; }
.pb12 { padding-bottom: 12px !important; }

.pl5p { padding-left: 5% !important; }

/* ============================== Margin */
.md4  { margin: 4px !important; }
.md12 { margin: 12px !important; }
.mt2  { margin-top: 2px !important; }
.mt4  { margin-top: 4px !important; }
.mt12 { margin-top: 12px !important; }
.mt18 { margin-top: 18px !important; }
.mt20 { margin-top: 20px !important; }
.mt58 { margin-top: 58px !important; }
.ml4  { margin-left: 4px !important; }
.ml12 { margin-left: 12px !important; }
.ml20 { margin-left: 20px !important; }
.mr0  { margin-right: 0px !important; }
.mr4  { margin-right: 4px !important; }
.mr12 { margin-right: 12px !important; }
.mb4  { margin-bottom: 4px !important; }
.mb12 { margin-bottom: 12px !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; }
.mb28 { margin-bottom: 28px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb54 { margin-bottom: 54px !important; }
.mb56 { margin-bottom: 56px !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_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; }


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


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

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

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

p.name{
    font-size: 12px !important;
    margin-top: 5px !important;
    line-height: 20px !important;
}

.tableStyle01 thead th, .tableStyle01 thead td {
    background-color: #fffde9 !important;
}