@charset "utf-8";

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

14.10.30
update:16.03.15
*************************************************/

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

.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; }
.pl4  { padding-left: 4px !important; }
.pl12 { padding-left: 12px !important; }
.pr4  { padding-right: 4px !important; }
.pr12 { padding-right: 12px !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; }
.mt4  { margin-top: 4px !important; }
.mt12 { margin-top: 12px !important; }
.mt18 { margin-top: 18px !important; }
.ml4  { margin-left: 4px !important; }
.ml12 { margin-left: 12px !important; }
.mr4  { margin-right: 4px !important; }
.mr12 { margin-right: 12px !important; }
.mb4  { margin-bottom: 4px !important; }
.mb12 { margin-bottom: 12px !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; }

/* ============================== etc */
.ws_n { white-space: nowrap; }

.fw_b { font-weight: bold; }
.fs_o { font-style: oblique; }
.of_v { overflow: visible !important; }

/* ============================== Display */
.dt_row { display: table-row; }
.dt_hgroup { display: table-header-group; }

/* ============================== Background Color */
.bg_530 { background-color: #53001a !important; }
.bg_2d4 { background-color: #2d4d5a !important; }
.bg_1a5 { background-color: #1a5300 !important; }
.bg_001 { background-color: #001a53 !important; }
.bg_400 { background-color: #4000ff !important; }
.bg_660 { background-color: #660d00 !important; }
.bg_002 { background-color: #002740 !important; }
.bg_005 { background-color: #00531a !important; }
.bg_1a0 { background-color: #1a0053 !important; }
.bg_ff6 { background-color: #ff6600 !important; }
.bg_b3f { background-color: #b3ff00 !important; }
.bg_004 { background-color: #004dff !important; }
.bg_ff4 { background-color: #ff4000 !important; }

/* ============================== Background Image */
.bgi_n { background-image: none !important; }

.bgp_0_4{background-position: 0 4px !important;}
.bgp_0_6{background-position: 0 6px !important;}


/* ============================== Media Queries */
@media (max-width: 640px) {
  /* ============================== Display */
  .rsp_dsp_lb { display: inline-block !important; }

  /* ============================== Float */
  .jp_rsp_fl_n { float: none !important; }
  .rsp_fl_r { float: right !important; }
  .rsp_fl_l { float: left !important; }

  /* ============================== Margin */
  .rsp_mt0 { margin-top: 0 !important; }
  .rsp_mt32 { margin-top: 32px !important; }
  .rsp_mt8 { margin-top: 8px !important; }
  .rsp_mt16 { margin-top: 16px !important; }
  .rsp_mt24 { margin-top: 24px !important; }
  .rsp_mt32 { margin-top: 32px !important; }
  .rsp_mt40 { margin-top: 40px !important; }
  .rsp_mt48 { margin-top: 48px !important; }

  .rsp_mb0 { margin-bottom: 0px !important; }

  .rsp_mr0 { margin-right: 0px !important; }
  .rsp_ml0 { margin-left: 0px !important; }


  /* ============================== Padding */
  .rsp_pd_lr0{ padding-right: 0 !important; padding-left: 0 !important; }
  .rsp_pd_tb0{ padding-top: 0px !important; padding-bottom: 0px !important; }
  .rsp_pl0 { padding-left: 0 !important; }
  .rsp_pb16 { padding-bottom: 16px !important; }

  /* ============================== Font */
  /* size */
  .rsp_fs10 { font-size: 10px !important; }
  .rsp_fs12 { font-size: 12px !important; }
  .rsp_fs14 { font-size: 14px !important; }
  .rsp_fs16 { font-size: 16px !important; }
  .rsp_fs18 { font-size: 18px !important; }
  .rsp_fs20 { font-size: 20px !important; }
  .rsp_fs22 { font-size: 22px !important; }
  .rsp_fs24 { font-size: 24px !important; }
  .rsp_fs26 { font-size: 26px !important; }
  .rsp_fs28 { font-size: 28px !important; }
  .rsp_fs30 { font-size: 30px !important; }
  .rsp_fs32 { font-size: 32px !important; }
  .rsp_fs34 { font-size: 34px !important; }
  .rsp_fs36 { font-size: 36px !important; }
  .rsp_fs38 { font-size: 38px !important; }
  .rsp_fs40 { font-size: 40px !important; }
}

/* ------------------------- TOC
main visual border
-------------------------- */

.mv_bd { border: solid 1px #dedede !important;
  box-sizing: border-box !important;
}

@media (max-width: 640px) {
  .mv_bd { border: none !important; }
}