@charset "utf-8";

/*common*/
.table{display:table; width:100%;}
.table > *{display:table-cell; vertical-align:top;}

/*margin-bottom*/
.mb0{ margin-bottom: 0px !important;}
.mb4{ margin-bottom: 3px !important;}
.mb6{ margin-bottom: 6px !important;}
.mb8{ margin-bottom: 8px !important;}
.mb10{ margin-bottom: 10px !important;}
.mb12{ margin-bottom: 12px !important;}
.mb16{ margin-bottom: 16px !important;}
.mb20{ margin-bottom: 20px !important;}
.mb24{ margin-bottom: 24px !important;}
.mb26{ margin-bottom: 26px !important;}
.mb30{ margin-bottom: 30px !important;}
.mb32{ margin-bottom: 32px !important;}
.mb35{ margin-bottom: 35px !important;}
.mb45{ margin-bottom: 45px !important;}
.mb48{ margin-bottom: 48px !important;}
.mb64{ margin-bottom: 64px !important;}
.mb80{ margin-bottom: 80px !important;}
.mb150{ margin-bottom: 150px !important;}

/*margin-top*/
.mt0{ margin-top:0px !important;}
.mt2{ margin-top:2px !important;}
.mt4{ margin-top:4px !important;}
.mt5{ margin-top:5px !important;}
.mt8{ margin-top:8px !important;}
.mt10{ margin-top:10px !important;}
.mt12{ margin-top:12px !important;}
.mt14{ margin-top:14px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}
.mt24{ margin-top:24px !important;}
.mt25{ margin-top:25px !important;}
.mt35{ margin-top:35px !important;}
.mt38{ margin-top:38px !important;}
.mt53{ margin-top:53px !important;}
.mt60{ margin-top:60px !important;}

/*margin-right*/
.mr0{ margin-right: 0 !important;}
.mr3{ margin-right: 3px !important;}
.mr5{ margin-right: 5px !important;}
.mr10{ margin-right: 10px !important;}
.mr16{ margin-right: 16px !important;}
.mr24{ margin-right: 24px !important;}

/*margin-left*/
.ml3{ margin-left: 3px !important;}
.ml5{ margin-left: 5px !important;}
.ml10{ margin-left: 10px !important;}
.ml16{ margin-left: 16px !important;}
.ml24{ margin-left: 24px !important;}
.ml25{ margin-left: 25px !important;}
.ml26{ margin-left: 26px !important;}
.ml36{ margin-left: 36px !important;}
.ml40{ margin-left: 40px !important;}
.ml45{ margin-left: 45px !important;}
.ml50{ margin-left: 50px !important;}
.ml60{ margin-left: 60px !important;}
.ml70{ margin-left: 70px !important;}
.ml160{ margin-left: 160px !important;}
.ml200{ margin-left: 200px !important;}

.margin0{ margin: 0 !important;}
.margin0auto{ margin: 0 auto !important;}
.margin14_0{ margin:14px 0 !important;}
.margin28_0{ margin:28px 0 !important;}
.marginwauto{ margin-left: auto !important;margin-right: auto !important;}
.pw20{padding-left: 20px !important;padding-right: 20px !important; }

/*padding*/
.p0{ padding: 0 !important;}
.p2{ padding: 2px !important;}
.p4{ padding: 4px !important;}
.pb5{ padding-bottom: 5px !important;}
.pt8{ padding-top: 8px !important;}
.pb8{ padding-bottom: 8px !important;}
.p10{ padding: 10px !important;}
.pl0{padding-left:0 !important;}
.pt4{ padding-top: 4px !important;}
.pt16{ padding-top: 16px !important;}
.pt18{ padding-top: 18px !important;}
.pt20{ padding-top: 20px !important;}
.pt24{ padding-top: 24px !important;}
.pl12{ padding-left:12px !important;}
.pr8{ padding-right:8px !important;}
.pr12{ padding-right:12px !important;}
.pr20{ padding-right:20px !important;}
.pl50{ padding-left:50px !important;}
.pr50{ padding-right:50px !important;}
.pr0{ padding-right:0px !important;}
.pl11{ padding-left:11px !important;}
.pl40{ padding-left:40px !important;}
.pt2{ padding-top: 2px !important;}
.pl24{ padding-left: 24px !important;}
.pr5{ padding-right:5px !important;}

/*font-size*/
.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;}
.font18{ font-size: 18px !important;}
.font24{ font-size: 24px !important;}
.font40{ font-size: 40px !important;}

/*float*/
.fl_l{float:left !important;}
.fl_r{float:right !important;}
/*position*/
.posi_r{ position:relative;}
.posi_a_r0{ position:absolute;right:0;}
.posi_a_tm5_r0{ position:absolute;top:-5px;right:0;}

/*ぶら下げインデント*/
ul.hanging_f12px li{padding-left:12px; text-indent: -12px;}

/*width*/
.w30px{ width:30px !important;}
.w35px{ width:35px !important;}
.w40px{ width:40px !important;}
.w45px{ width:45px !important;}
.w47px{ width:47px !important;}
.w50px{ width:50px !important;}
.w59px{ width:59px !important;}
.w60px{ width:60px !important;}
.w66px{ width:66px !important;}
.w69px{ width:69px !important;}
.w70px{ width:70px !important;}
.w75px{ width:75px !important;}
.w80px{ width:80px !important;}
.w82px{ width:82px !important;}
.w86px{ width:86px !important;}
.w89px{ width:89px !important;}
.w90px{ width:90px !important;}
.w95px{ width:95px !important;}
.w100px{ width:100px !important;}
.w105px{ width:105px !important;}
.w120px{ width:120px !important;}
.w130px{ width:130px !important;}
.w140px{ width:140px !important;}
.w145px{ width:145px !important;}
.w146px{ width:146px !important;}
.w150px{ width:150px !important;}
.w160px{ width:160px !important;}
.w180px{ width:180px !important;}
.w190px{ width:190px !important;}
.w220px{ width:220px !important;}
.w240px{ width:240px !important;}
.w260px{ width:260px !important;}
.w270px{ width:270px !important;}
.w290px{ width:290px !important;}
.w300px{ width:300px !important;}
.w314px{ width:314px !important;}
.w320px{ width:320px !important;}
.w370px{ width:370px !important;}
.w400px{ width:400px !important;}
.w430px{ width:430px !important;}
.w450px{ width:450px !important;}
.w460px {width:460px !important;}
.w470px{ width:470px !important;}
.w540px{ width:540px !important;}
.w570px{ width:570px !important;}
.w480px{ width:480px !important;}
.w640px{ width:640px !important;}
.w680px { width:680px !important;}
.w844px{ width:844px !important;}
.w848px { width:848px !important;}
.w1100px{ width:1100px !important;}
.w1per {width:1% !important;}
.w100per{width:100% !important;}

/*height*/
.h10px {height:10px !important;}
.h15px {height:15px !important;}
.h16px {height:16px !important;}
.h33px{ height: 33px !important;}
.h35px{ height: 35px !important;}
.h42px{ height: 42px !important;}
.h52px{ height:52px !important;}
.h60px {height:60px !important;}
.h70px {height:70px !important;}
.h310px{height:310px !important;}
.h1035px {height:1035px !important;}
.h1050px {height:1050px !important;}

/*line-height*/
.line_h20{line-height:20px !important;}
.line_h27{line-height:27px !important;}
.line_h42{line-height:42px !important}
.line_h72{line-height:72px !important;}

/*text-align*/
.tl_l{ text-align:left !important;}
.tl_r{ text-align:right !important;}
.tl_c{ text-align:center !important;}

/*vertical-align*/
.va_m{ vertical-align: middle !important;}
.va_t{ vertical-align:top !important;}

/*border*/
.bdb_none{ border-bottom:none !important;}
.bdt_none{ border-top:none !important;}
.border_b{ border-bottom:1px solid #d6d6d6 !important;}
.border_t{ border-top:1px solid #d6d6d6 !important;}
.bdl_none{ border-left:none !important;}
.bdr_none{ border-right:none !important;}
.border_none{border: none !important;}

/*display*/
.disp_ib{ display:inline-block !important;}
.disp_b{ display:block !important;}
.disp_n{ display:none !important;}
.border_all{border: 1px solid #d6d6d6 !important;}

/*background-color*/
.bg_light_yellow{ background-color:#fff1d7 !important;}
.bg_light_green{ background-color:#e1f4e0 !important;}
.bg_light_red{ background-color:#ffe3e2 !important;}
.bg_light_grey{ background-color:#ebebeb !important;}
.bg_light_snow{ background-color:#f1f1f1 !important;}
.bg_light_white{ background-color:#fff !important;}

/*border-style*/
.bdbs_hidden{ border-bottom-style:hidden !important;}
.bdts_hidden{ border-top-style:hidden !important;}
.bdrs_hidden{ border-right-style:hidden !important;}
.bdls_hidden{ border-left-style:hidden !important;}

/*color*/
.color_black{ color:black !important;}
.c_red{ color:#ee465b !important;}

/*リンク*/
a{ text-decoration: none; color:#0050a0;}
a:hover{opacity:0.7; text-decoration:underline;}

/*font*/
.font_red{color:#ffe3e2;}

.bold{ font-weight: bold !important;}
.normal{font-weight: normal !important;}

/*position*/
.posi_r{position:relative;}

/*overflow*/
.ov_a{overflow:auto;}
.ov_h{overflow:hidden;}

/*text-decoration*/
.td_u{text-decoration:underline !important;}

.nobr { white-space: nowrap;}

#header,
#contents,
#footer{width:1100px; margin:0 auto;}
#contents { overflow: hidden;}

.blue_link{ background: url(../img/link_icon.png) no-repeat left 48%; padding-left: 10px; font-size: 11px;}
.blue_link:hover{ background: url(../img/link_icon.png) no-repeat left 48%; padding-left: 10px; font-size: 11px;}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/*--------------------------------
button
--------------------------------*/
button:hover,button:active{opacity:0.7;}
button{border-radius: 5px;box-shadow:0px 1px 3px rgba(97,97,97,0.5);cursor: pointer;margin-right: 3px;text-align: center;font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}

.gray {font-size: 12px;color: #ffffff;padding: 4px 0;background-color: #5f5e5e;background: -moz-linear-gradient(top,#7a7a7a 0%,#5f5e5e);background: -webkit-gradient(linear, left top, left bottom,from(#7a7a7a),to(#5f5e5e));background: -ms-linear-gradient(top, #7a7a7a 0%,#5f5e5e 100%);background: linear-gradient(to bottom, #7a7a7a 0%,#5f5e5e 100%); }
.gray2{font-size: 12px;color: #fff;padding: 1px 0;margin-right: 0;border: 1px solid #848484;background: -moz-linear-gradient(top,#7a7a7a 0%,#5f5e5e);background: -webkit-gradient(linear, left top, left bottom,from(#7a7a7a),to(#5f5e5e));background: -ms-linear-gradient(top, #7a7a7a 0%,#5f5e5e 100%);background: linear-gradient(to bottom, #7a7a7a 0%,#5f5e5e 100%);-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
.gray3{font-size: 12px;color: #ffffff;line-height: 2.6em;background-color: #5f5e5e;background: -moz-linear-gradient(top,#7a7a7a 0%,#5f5e5e);background: -webkit-gradient(linear, left top, left bottom,from(#7a7a7a),to(#5f5e5e));background: -ms-linear-gradient(top, #7a7a7a 0%,#5f5e5e 100%);background: linear-gradient(to bottom, #7a7a7a 0%,#5f5e5e 100%);vertical-align: top;}
.gray_cfd {background-color: #afafaf; vertical-align: top; font-size: 12px; color: #ffffff; line-height: 2.6em;}
.light_gray {font-size: 12px;color: #ffffff;padding: 4px 0;background-color: #8a8a8a;background: -moz-linear-gradient(top,#b8b8b8 0%,#8a8a8a);background: -webkit-gradient(linear, left top, left bottom,from(#b8b8b8),to(#8a8a8a));background: -ms-linear-gradient(top, #b8b8b8 0%,#8a8a8a 100%);background: linear-gradient(to bottom, #b8b8b8 0%,#5f5e5e 100%);}
.s_light_gray {font-size: 12px;color: #4d4d4d !important;padding: 4px 0;background: #f4f4f4;background: -moz-linear-gradient(top,  #f4f4f4 0%, #dfdfdf 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#dfdfdf));background: -ms-linear-gradient(top,  #f4f4f4 0%,#dfdfdf 100%);background: linear-gradient(to bottom,  #f4f4f4 0%,#dfdfdf 100%);border: 1px solid #d6d6d6;}
.light_gray2 {font-size: 12px;color: #000000;padding: 1px 0;margin: 3px 5px 3px 0;border: 1px solid #848484;background-color: #ddd;background: -moz-linear-gradient(top,#f7f7f7 0%,#dddddd);background: -webkit-gradient(linear, left top, left bottom,from(#f7f7f7),to(#dddddd));background: -ms-linear-gradient(top, #f7f7f7 0%,#dddddd 100%);background: linear-gradient(to bottom, #f7f7f7 0%,#dddddd 100%);-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
.light_gray3 {font-size: 12px;color: #000000;padding: 1px 0;margin-right: 0;border: 1px solid #848484;background-color: #ddd;background: -moz-linear-gradient(top,#f7f7f7 0%,#dddddd);background: -webkit-gradient(linear, left top, left bottom,from(#f7f7f7),to(#dddddd));background: -ms-linear-gradient(top, #f7f7f7 0%,#dddddd 100%);background: linear-gradient(to bottom, #f7f7f7 0%,#dddddd 100%);-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
.light_gray4 {font-size: 12px;color: #ffffff;line-height: 1.3em; background-color: #8a8a8a;background: -moz-linear-gradient(top,#b8b8b8 0%,#8a8a8a);background: -webkit-gradient(linear, left top, left bottom,from(#b8b8b8),to(#8a8a8a));background: -ms-linear-gradient(top, #b8b8b8 0%,#8a8a8a 100%);background: linear-gradient(to bottom, #b8b8b8 0%,#5f5e5e 100%);vertical-align: top;}
.light_gray5 {font-size: 12px;color: #ffffff;line-height: 2.6em; background-color: #8a8a8a;background: -moz-linear-gradient(top,#b8b8b8 0%,#8a8a8a);background: -webkit-gradient(linear, left top, left bottom,from(#b8b8b8),to(#8a8a8a));background: -ms-linear-gradient(top, #b8b8b8 0%,#8a8a8a 100%);background: linear-gradient(to bottom, #b8b8b8 0%,#5f5e5e 100%);vertical-align: top;}
.light_gray6 {font-size: 20px;width:100%;height:100%;display: block;text-align: center;cursor: pointer;position: relative;border: 1px solid #848484;margin: .5em 5px;padding: 7px;border-radius: 5px;background: -moz-linear-gradient(top,#f7f7f7 0%,#dddddd);background: -webkit-gradient(linear, left top, left bottom,from(#f7f7f7),to(#dddddd));background: -ms-linear-gradient(top, #f7f7f7 0%,#dddddd 100%);background: linear-gradient(to bottom, #f7f7f7 0%,#dddddd 100%);}
.light_gray6:hover{opacity:0.7;}
.yellow2 {font-size: 12px;color: #000000;padding: 1px 0;margin: 3px 5px 3px 0;border: 1px solid #848484;background: #ffd65e;background: -moz-linear-gradient(top,  #ffd65e 0%, #febf04 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd65e), color-stop(100%,#febf04));background: -ms-linear-gradient(top,  #ffd65e 0%,#febf04 100%);background: linear-gradient(to bottom,  #ffd65e 0%,#febf04 100%);-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
.yellow3 {font-size: 12px;color: #333;padding: 1px 0;margin: 3px 5px 3px 0;border: 1px solid #bc9712;background-color: #f7c91e;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
.red {font-size: 12px;color: #ffffff;padding: 4px 0;background-color: #d3142d;background: -moz-linear-gradient(top,#f24d60 0%,#d3142d);background: -webkit-gradient(linear, left top, left bottom,from(#f24d60),to(#d3142d));background: -ms-linear-gradient(top, #f24d60 0%,#d3142d 100%);background: linear-gradient(to bottom, #f24d60 0%,#d3142d 100%);}
.red2 {font-size: 12px;color: #ffffff;line-height: 1.3em;background-color: #d3142d;background: -moz-linear-gradient(top,#f24d60 0%,#d3142d);background: -webkit-gradient(linear, left top, left bottom,from(#f24d60),to(#d3142d));background: -ms-linear-gradient(top, #f24d60 0%,#d3142d 100%);background: linear-gradient(to bottom, #f24d60 0%,#d3142d 100%);vertical-align: top;}
.red3 {font-size: 12px;color: #ffffff;line-height: 2.6em;background-color: #d3142d;background: -moz-linear-gradient(top,#f24d60 0%,#d3142d);background: -webkit-gradient(linear, left top, left bottom,from(#f24d60),to(#d3142d));background: -ms-linear-gradient(top, #f24d60 0%,#d3142d 100%);background: linear-gradient(to bottom, #f24d60 0%,#d3142d 100%);vertical-align: top;}
.blue {font-size: 12px;color: #ffffff;padding: 3px 0;background-color: #1225d2;background: -moz-linear-gradient(top,#4d5df2 0%,#1225d2);background: -webkit-gradient(linear, left top, left bottom,    from(#4d5df2),to(#1225d2));background: -ms-linear-gradient(top, #4d5df2 0%,#1225d2 100%);background: linear-gradient(to bottom, #4d5df2 0%,#1225d2 100%);}
.green {font-size: 12px;color: #ffffff;padding: 3px 0;background-color: #1cc36e;background: -moz-linear-gradient(top,#4df2a2 0%,#1cc36e);background: -webkit-gradient(linear, left top, left bottom,    from(#4df2a2),to(#1cc36e));background: -ms-linear-gradient(top, #4df2a2 0%,#1cc36e 100%);background: linear-gradient(to bottom, #4df2a2 0%,#1cc36e 100%);}
.red_gray {font-size: 12px;color: #B8B8B8;padding: 4px 0;border: 1px solid #c9051e;background-color: #fff;box-shadow: none !important;}.blue_gray {font-size: 12px;color: #B8B8B8;padding: 3px 0;border: 1px solid #0519c9;background-color: #fff;box-shadow: none !important;}
.orange {font-size: 12px;color: #ffffff;padding: 3px 0;background-color: #dd995a;background: -moz-linear-gradient(top,#f1a047 0%,#dd995a);background: -webkit-gradient(linear, left top, left bottom,from(#f1a047),to(#dd995a));background: -moz-linear-gradient(top,#f1a047 0%,#dd995a);background: -webkit-gradient(linear, left top, left bottom,from(#f1a047),to(#dd995a));background: -ms-linear-gradient(top, #f1a047 0%,#dd995a 100%);background: linear-gradient(to bottom, #f1a047 0%,#dd995a 100%);}
.mo_no:hover{opacity:1 !important;}
.yellow {font-size: 12px;color: #333;padding: 3px 0;border: 1px solid #bc9712;background-color: #f7c91e;}
.yellow_cfd {background-color: #cb7602; background: -moz-linear-gradient(top,#e1a60b 0%,#cb7602); background: -webkit-gradient(linear, left top, left bottom,from(#e1a60b),to(#cb7602)); background: -ms-linear-gradient(top, #e1a60b 0%,#cb7602 100%); background: linear-gradient(to bottom, #e1a60b 0%,#cb7602 100%); vertical-align: top; font-size: 12px; color: #ffffff; line-height: 2.6em;}
button:disabled{border-radius: 5px;text-align: center;box-shadow:0px 1px 3px rgba(97,97,97,0.5); cursor:default;}
button:disabled:hover{ opacity:1 !important;}
.flat_gray{border-radius: 0;color:#fff;padding:6px 25px 6px 32px;background:url(../img/vatu.png) no-repeat 5px 48% #646363;box-shadow:none;display:block;margin:0 auto;text-align: left;width:104px;}
.flat_gray2{ background-color:#646363;padding:4px;color:#fff; font-size:12px;}
.bt_w210{ width: 210px;}
.bt_w200{ width: 200px;}
.bt_w190{ width: 190px;}
.bt_w150{ width: 150px;}
.bt_w140{ width: 120px;}
.bt_w130{ width: 130px;}
.bt_w120{ width: 120px;}
.bt_w100{ width: 100px;}
.bt_w80{ width: 80px;}
.bt_w60{ width: 60px;}
.bt_w75{ width: 75px;}
.bt_h30{ height: 30px;}
.bt_h35{ height: 35px;}
.bt_h39{ height: 39px;}
.bt_h48{ height: 48px;}
.bt_h60{ height: 60px;}


button span.arrow_up,button span.arrow_down{ font-size:24px;}
button span.arrow_up:before{content: "▲";position:absolute;left:23px;bottom:2px;color:#ff6600;}
button span.arrow_down:before{content: "▼";position:absolute;left:23px;bottom:2px;color:#99ccff;}

.pseudo_btn{border-radius: 5px;margin-right: 3px;text-align: center;font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}

.spin_btn_area{position:relative;}

.js-num1{padding-right:20px;border:solid 1px #999999;background-color:#fff;text-align:center;height:28px;border-radius:5px;-moz-border-radius:3px;color:#848484;font-size:15px;font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
.js-num1-up{width:16px;height:13px;cursor:pointer;position:absolute;top:1px;right:1px;background: url(../img/up.png) no-repeat right;}
.js-num1-down{width:16px;height:13px;cursor:pointer;position:absolute;top:14px;right:1px;background: url(../img/down.png) no-repeat right;}
.js-num1-up:hover{background: url(../img/up_hover.png) no-repeat right;}
.js-num1-down:hover{background: url(../img/down_hover.png) no-repeat right;}
.js-num2{padding-right:20px;border:solid 1px #999999;background-color:#fff;text-align:center;height:28px;border-radius:5px;-moz-border-radius:3px;color:#848484;font-size:15px;font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
.js-num2-up{width:16px;height:13px;cursor:pointer;position:absolute;top:1px;right:1px;background: url(../img/up.png) no-repeat right;}
.js-num2-down{width:16px;height:13px;cursor:pointer;position:absolute;top:14px;right:1px;background: url(../img/down.png) no-repeat right;}
.js-num2-up:hover{background: url(../img/up_hover.png) no-repeat right;}
.js-num2-down:hover{background: url(../img/down_hover.png) no-repeat right;}
.js-num3{padding-right:20px;border:solid 1px #999999;background-color:#fff;text-align:center;height:28px;border-radius:5px;-moz-border-radius:3px;color:#848484;font-size:15px;font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
.js-num3-up{width:16px;height:13px;cursor:pointer;position:absolute;top:1px;right:1px;background: url(../img/up.png) no-repeat right;}
.js-num3-down{width:16px;height:13px;cursor:pointer;position:absolute;top:14px;right:1px;background: url(../img/down.png) no-repeat right;}
.js-num3-up:hover{background: url(../img/up_hover.png) no-repeat right;}
.js-num3-down:hover{background: url(../img/down_hover.png) no-repeat right;}
.js-num4{padding-right:20px;border:solid 1px #999999;background-color:#fff;text-align:center;height:28px;border-radius:5px;-moz-border-radius:3px;color:#848484;font-size:15px;font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
.js-num4-up{width:16px;height:13px;cursor:pointer;position:absolute;top:1px;right:1px;background: url(../img/up.png) no-repeat right;}
.js-num4-down{width:16px;height:13px;cursor:pointer;position:absolute;top:14px;right:1px;background: url(../img/down.png) no-repeat right;}
.js-num4-up:hover{background: url(../img/up_hover.png) no-repeat right;}
.js-num4-down:hover{background: url(../img/down_hover.png) no-repeat right;}
.js-num5{padding-right:20px;}
.js-num5-up{width:16px;height:13px;cursor:pointer;position:absolute;;top:3px;right:1px;background: url(../img/up.png) no-repeat right;}
.js-num5-down{width:16px;height:13px;cursor:pointer;position:absolute;top:16px;right:1px;background: url(../img/down.png) no-repeat right;}
.js-num5-up:hover{background: url(../img/up_hover.png) no-repeat right;}
.js-num5-down:hover{background: url(../img/down_hover.png) no-repeat right;}
.js-num6{padding-right:20px;border:solid 1px #999999;background-color:#fff;text-align:center;height:28px;border-radius:5px;-moz-border-radius:3px;color:#848484;font-size:15px;font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
.js-num6-up{width:16px;height:13px;cursor:pointer;position:absolute;top:1px;right:61px;background: url(../img/up.png) no-repeat right;}
.js-num6-down{width:16px;height:13px;cursor:pointer;position:absolute;top:14px;right:61px;background: url(../img/down.png) no-repeat right;}
.js-num6-up:hover{background: url(../img/up_hover.png) no-repeat right;}
.js-num6-down:hover{background: url(../img/down_hover.png) no-repeat right;}
.js-num7{padding-right:20px;border:solid 1px #999999;background-color:#fff;text-align:center;height:28px;border-radius:5px;-moz-border-radius:3px;color:#848484;font-size:15px;font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
.js-num7-up{width:16px;height:13px;cursor:pointer;position:absolute;top:1px;right:37px;background: url(../img/up.png) no-repeat right;}
.js-num7-down{width:16px;height:13px;cursor:pointer;position:absolute;top:14px;right:37px;background: url(../img/down.png) no-repeat right;}
.js-num7-up:hover{background: url(../img/up_hover.png) no-repeat right;}
.js-num7-down:hover{background: url(../img/down_hover.png) no-repeat right;}
.js-num8{padding-right:20px;border:solid 1px #999999;background-color:#fff;text-align:center;height:28px;border-radius:5px;-moz-border-radius:3px;color:#848484;font-size:15px;font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
.js-num8-up{width:16px;height:13px;cursor:pointer;position:absolute;top:1px;right:37px;background: url(../img/up.png) no-repeat right;}
.js-num8-down{width:16px;height:13px;cursor:pointer;position:absolute;top:14px;right:37px;background: url(../img/down.png) no-repeat right;}
.js-num8-up:hover{background: url(../img/up_hover.png) no-repeat right;}
.js-num8-down:hover{background: url(../img/down_hover.png) no-repeat right;}
/*--------------------------------
header
--------------------------------*/
#header{height:50px; margin:3px auto 10px;}
#header h1{width:314px; height:50px; padding-left:15px;}
#header .btn_area{width:1200px; padding-top:5px; margin-left: 30px; overflow: hidden;}
#header .blue_link{ float: right; margin-right: 12px;}
#header .account{ float: left; font-size:12px;}
#header .btn_area_inner{ clear: both; margin-top: 18px;}
#header .bnr_area{width:165px; padding:5px 10px;}
#header .logo2{width:142px;}

/*--------------------------------
navi
--------------------------------*/
#navi{display:block; height:48px; padding-bottom:2px; background:url(../img/bg_navi.jpg) left top; text-align:center; margin-bottom: 16px;-moz-box-shadow:0px 1px 3px rgba(97,97,97,0.5),inset 0px 0px 0px rgba(255,255,255,0);box-shadow:0px 1px 3px rgba(97,97,97,0.5),inset 0px 0px 0px rgba(255,255,255,0);
   min-width:1100px;}
#navi.demo{background:url(../img/bg_navi_demo.jpg) left top;}
#navi .table{width:1100px; margin:0 auto 10px;}
#navi .table a{display:block; padding:0 20px; line-height:46px; color:#fff; text-decoration:none; font-size:1.2em;}
#navi .table a:hover{background:url(../img/bg_navi_hover.png) left top; opacity:1 !important;}

/*--------------------------------
left_wap
--------------------------------*/
#left_wap{ float: left; width: 240px;}
#left_navi{ padding: 8px; background-color: #ebebeb;}
#left_navi .navi_inner{ background-color: #fff; padding: 8px; margin-bottom: 8px; position: relative;border:1px solid #ccc;}
#left_navi .navi_inner h2{ background-color: #4d4d4d; color: #fff; font-size:15px; padding: 8px; margin-bottom:6px;}
#left_navi .navi_inner dl{ font-size:12px;}
#left_navi .navi_inner dl dt{  clear: left; float:left; padding: 6px 0 6px 6px; }
#left_navi .navi_inner dl dd{ text-align: right; padding: 6px 6px 6px 0;}
#left_navi .navi_inner dl:nth-child(2n+1){ background-color: #f5f5f5;}
.ie8 #left_navi .navi_inner > dl:first-child + dl,
.ie8 #left_navi .navi_inner > dl:first-child + dl + dl,
.ie8 #left_navi .navi_inner > dl:first-child + dl + dl + dl + dl,
.ie8 #left_navi .navi_inner > dl:first-child + dl + dl + dl + dl + dl + dl,
.ie8 #left_navi .navi_inner > dl:first-child + dl + dl + dl + dl + dl + dl + dl + dl{ background-color: #f5f5f5;}
#left_navi p.refresh{position: absolute; top: 14px; right: 14px; background: #fff; color: #333; width:50px; height:23px; border-radius:3px;background-color: #ddd;background: -moz-linear-gradient(top,#f7f7f7 0%,#dddddd);background: -webkit-gradient(linear, left top, left bottom,from(#f7f7f7),to(#dddddd));background: -ms-linear-gradient(top, #f7f7f7 0%,#dddddd 100%);background: linear-gradient(to bottom, #f7f7f7 0%,#dddddd 100%);}
#left_navi p.refresh:hover{opacity:1; background:#fff;}
#left_navi p.refresh a{color: #333; width:100%; height:100%; text-align: center; display:block; line-height: 23px;}
#left_navi p.refresh a:hover{text-decoration:none;}
#left_navi .navi_inner2{ background-color: #fff; position: relative;}
#left_navi .navi_inner2 h3{ font-size: 16px; border-top: 5px solid #ee465b; background:#161616 url(../img/acd_arrow01.png) 95% center no-repeat; padding :8px 0 8px 18px; color: #fff; cursor:pointer;}
#left_navi .navi_inner2 h3.selected{background-image: url(../img/acd_arrow02.png);}
#left_navi .navi_inner2 ul{ padding: 8px;}
#left_navi .navi_inner2 ul li{ border-bottom: 3px solid #f5f5f5;}
#left_navi .navi_inner2 ul li a{ display:block; text-decoration: none; padding:8px 0 8px 24px; background: url(../img/list_arrow.png) no-repeat 8px center; color:#4d4d4d;}
#left_navi .navi_inner2 ul li iframe{ display:block; text-decoration: none; padding:8px 0 8px 0px; color:#4d4d4d;}
#left_navi .navi_inner2 ul li:last-child{ border-bottom: none;}
#left_navi .navi_inner3{ background-color: #fdedf3; padding: 8px; margin-bottom: 8px; position: relative; border:1px solid #e3b4c5;}
#left_navi .navi_inner3 h2{ color: #fff; font-size:15px; padding: 9px 35px 7px; margin-bottom:6px; background: url(../img/icon02.png) no-repeat 8px 8px #fca000;}
#left_navi .navi_inner3 dl{ font-size:12px;}
#left_navi .navi_inner3 dl dt{clear: left; float:left; padding: 6px 0 6px 6px; }
#left_navi .navi_inner3 dl dd{ text-align: right; padding: 6px 6px 6px 0;}
#left_navi .navi_inner3 dl:nth-child(2n+1){ background-color: #f8e8ee;}



/*--------------------------------
content_inner
--------------------------------*/

#content_inner{ float: right; width: 844px;}

/*--------------------------------
news_area
--------------------------------*/
.news_area{ background-color: #ebebeb; padding: 4px; height:28px;}
.news_area .new_icon{ background-color: #0050a0; color:#fff; padding: 2px 8px; vertical-align:middle; float: left;}
.news_area p{float: left; padding: 3px 0 3px 8px;}

/*--------------------------------
table_area
--------------------------------*/
.table_navi_area{ overflow: hidden; padding: 5px 0;}
.table_btn_area{ float: left; width: 320px;}

.table_link_area{ float: right;}
.table_link_area p{ float: left;}
.jp_time{ background: url(../img/jp_time_icon.png) no-repeat left center; padding-left: 18px; font-size:11px;}
.gbp_time{ background: url(../img/gbp_time_icon.png) no-repeat left center; padding-left: 18px; font-size:11px;}
.usa_time{ background: url(../img/usa_time_icon.png) no-repeat left center; padding-left: 18px; font-size:11px;}

/*--------------------------------
notice_box
--------------------------------*/
.contents_box{width: 605px; float: left;}
.contents_box2{width: 844px; position:relative;}
.contents_box3{width: 605px; position:relative;}
.contents_box4{width: 654px; position:relative;}
.notice_box{background-color:#ebebeb; position: relative; padding:3px; overflow:hidden;}
.notice_box h4{ border-left: 5px solid #ee465b; margin :8px 5px 8px 16px; padding: 2px 5px 1px 10px; font-size:15px; display:inline-block}
.login_box{ background-color:#ebebeb; position: relative; padding-top:3px;}
.login_box h4{ border-left: 5px solid #ee465b; margin :8px 19px; padding: 2px 10px 1px 10px; font-size:15px;}
#contents2{ width:600px; margin:0 auto;}
.notice_box .read{ position: absolute; top: 13px; right: 12px; font-size: 12px;}
.notice_box_inner{ padding:12px; background-color: #fff; font-size:13px;  overflow: hidden;}
.notice_box_inner dl.item01{ border-bottom: 1px solid #d6d6d6; position: relative; overflow: hidden;}
.notice_box_inner dl.item01 dt{ margin:6px 0 6px 50px; width: 118px; clear: left; float:left;}
.notice_box_inner dl.item01 dd{ margin:6px 0; width: 406px; float: right;}
.notice_box_inner dl.item01 dd.not_read_icon{ width:42px; color:#fff; position: absolute; top: -3px; left: 2px; background-color: #4d4d4d; padding: 3px 8px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; }
.notice_box_inner .blue_link{ float: right; margin: 8px 0;}
.notice_box_inner .update{ position:absolute; top:60px; right:16px;}

.notice_box_inner2{position:relative; padding:16px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; background-color: #fff; font-size:13px;  overflow: hidden; color:#333;}
.notice_box_inner2 dl.item01{ border-bottom: 1px solid #d6d6d6; position: relative; overflow: hidden;}
.notice_box_inner2 dl.item01 dt{ margin:6px 0 6px 50px; width: 85px; clear: left; float:left;}
.notice_box_inner2 dl.item01 dd{ margin:6px 0; width: 311px; float: right;}
.notice_box_inner2 dl.item01 dd.not_read_icon{ width:42px; color:#fff; position: absolute; top: -3px; left: 2px; background-color: #4d4d4d; padding: 3px 8px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; }
.notice_box_inner2 .blue_link{ float: right; margin: 8px 0;}
.tab_area2 .update{ position:absolute; top:10px; right:0; font-size:13px;}

.banner_area2{ width: 220px; float: right;}

.settlement_navi{width: 200px; background-color: #ebebeb;}
.settlement_navi ul li{ width:200px;}
.settlement_navi ul li a{background: -moz-linear-gradient(top,#fcfcfc 0%,#ededed);background: -webkit-gradient(linear, left top, left bottom,from(#fcfcfc),to(#ededed));background: -ms-linear-gradient(top, #fcfcfc 0%,#ededed 100%);background: linear-gradient(to bottom, #fcfcfc 0%,#ededed 100%);position:relative; height: 36px; display:block;font-size:13px; color:#000; font-weight: bold;padding: 10px 0 10px 16px; border-bottom:1px solid #f8f8f8;box-sizing: border-box;}
.settlement_navi ul li a:hover,.settlement_navi ul li a.active{height: 36px; display:block; background: url(../img/settlement_navi_ovr.png); text-decoration: none; opacity: 1; color: #fff;padding:10px 0 10px 16px; border-bottom:1px solid #5e5d5c;box-sizing: border-box;}
.settlement_navi ul li a:hover:after,.settlement_navi ul li a.active:after{ content:""; width:20px; height: 36px; display:block; background: url(../img/settlement_navi_ovr.png) right top; position:absolute; left:100%; top:0;}
.settlement_box_inner{padding-left:0 !important; padding-bottom:0 !important; }
.settlement_box{ padding:0 13px 12px 40px;}
.settlement_box2{ padding:0;}
.settlement_box2 .difference_bg{background:url(../img/difference_bg.png) no-repeat left top; width:218px; height:25px; text-align:center;margin: 0 auto; padding-top:6px ;}
.settlement_box2 .details{ width:540px; margin:0 auto;}
.settlement_box2 table{ margin:0 auto;}
.settlement_box2 h5 a{position:absolute; top:5px; left:510px;}
.settlement_box2 h6{ color:#f40931; font-size:14px; margin-top:20px; margin-bottom:5px;}
.settlement_box .difference_bg{background:url(../img/difference_bg.png) no-repeat left top; width:218px; height:25px; text-align:center;margin: 0 auto; padding-top:6px ;}
.settlement_box .difference_bg2{background:url(../img/difference_bg.png) no-repeat left top; width:218px; height:25px; text-align:center;margin: 0 auto; padding-top:0 ;}
.settlement_box .details{ width:540px; margin:0 auto;}

.notice_box img{vertical-align:middle !important;}

/*--------------------------------
table
--------------------------------*/
table.item01{ border-collapse: collapse; font-size:12px; border:1px solid #999999; width:570px; }
table.item01 th{ width:95px; height: 44px; background-color: #ebebeb; border:1px solid #999999;  text-align:center; vertical-align: middle; padding: 2px 5px;}
table.item01 td{ height: 44px; border:1px solid #999999;   text-align:center; vertical-align: middle; padding: 2px 5px;}

table.item02{ border-collapse: collapse; font-size:12px; border:1px solid #999999; width:100%; }
table.item02 th{ height: 44px; background-color: #ebebeb; border:1px solid #999999;  text-align:center; vertical-align: middle; padding: 2px 5px;}
table.item02 td{ height: 44px; border:1px solid #999999;   text-align:center; vertical-align: middle; padding: 2px 5px;}
table.item02 span.item01{margin: 17px; vertical-align: middle;}

table.item03{ border-collapse: collapse; font-size:14px; border:1px solid #999999; width:100%; }
table.item03 th{ width:166px; height: 33px; background-color: #ebebeb; border:1px solid #999999;  text-align:left; vertical-align: middle;  padding: 2px 5px; font-weight: bold;}
table.item03 td{ border:1px solid #999999;   text-align:center; vertical-align: middle; padding: 2px 8px;}

table.item04{ border-collapse: collapse; font-size:12px; border:1px solid #999999; width:100%; }
table.item04 tr.break{ background-color:#ddd;}
table.item04 th{ height: 44px; background-color: #ebebeb; border:1px solid #999999;  text-align:center; vertical-align: middle; padding: 2px 2px;}
table.item04 td{ height: 44px; border:1px solid #999999;   text-align:center; vertical-align: middle; padding: 2px 2px;}
table.item04 td .td_btn_area{ margin: 0 0 0 20px;}

dl.item04{ display: table;}
dl.item04 dt{ margin:6px 0 6px 50px; width: 181px; height:50px; display: table-cell;}
dl.item04 dd{ margin:6px 0; display:table-cell;vertical-align: middle;}

.table_box01 h2 { font-size:14px; padding: 3px 8px; border-left: 5px solid #777; margin-bottom: 3px;}
.table_box02  { height: 600px;}
.table_box02 h2 { border-left: 5px solid #777; border-bottom: 1px solid #777; width:798px; margin :8px 5px 8px 20px; padding: 2px 5px 1px 10px; font-size:15px; display:inline-block;}
.table_box03  { height: 320px;}

table.item05{ width: 390px;border-collapse: collapse; font-size:11px; border:1px solid #999999;}
table.item05 th{ height: 36px; background-color: #ebebeb; border:1px solid #999999;  text-align: center; vertical-align: middle;}
table.item05 td{ height: 36px; border:1px solid #999999;   text-align: right; vertical-align: middle; padding: 0 5px;}
table.item05 tr:nth-child(2n+1){ background-color: #f9f9f9;}
table.item05 td:nth-child(3n+1){ text-align: center;}

table.item06{ width: 280px;border-collapse: collapse; font-size:11px; border:1px solid #999999;}
table.item06 th{ height: 36px; background-color: #ebebeb; border:1px solid #999999;  text-align:center; vertical-align: middle;}
table.item06 td{ height: 36px; border:1px solid #999999;   text-align: right; vertical-align: middle; padding: 0 5px;}
table.item06 td.none{ height: 20px; border:1px solid #999999; background-color: #ebebeb;}
table.item06 td:nth-child(2n+1){ text-align: left;}

table.item07{ border-collapse: collapse; font-size:14px; border:1px solid #999999; width:100%; }
table.item07 th{ width:19%; height: 33px; background-color: #ebebeb; border:1px solid #999999;  text-align:left; vertical-align: middle;  padding: 2px 3px; font-weight: bold;}
table.item07 td{ width:27%; border:1px solid #999999; text-align:center; vertical-align: middle; padding: 2px 8px;}
.f_s{ font-size:12px;text-align:left;}


table.item08{ border-collapse: collapse; font-size:14px; border:1px solid #999999; width:540px; }
table.item08 th{ width:166px; height: 33px; background-color: #ebebeb; border:1px solid #999999;  text-align:left; vertical-align: middle;  padding: 2px 5px; font-weight: bold;}
table.item08 td{ border:1px solid #999999;   text-align:center; vertical-align: middle; padding: 2px 8px;}

table.item09{ border-collapse: collapse; font-size:12px; border:1px solid #999999; width:100%; }
table.item09 th{ height: 44px; background-color: #ebebeb; border:1px solid #999999;  text-align:center; vertical-align: middle; padding: 2px;}
table.item09 td{ height: 44px; border:1px solid #999999;   text-align:center; vertical-align: middle; padding: 2px}
table.item09 span.item01{margin: 17px; vertical-align: middle;}

table.item10{ border-collapse: collapse; font-size:12px; border:1px solid #999999; width:540px; }
table.item10 th{ height: 44px; background-color: #ebebeb; border:1px solid #999999;  text-align:center; vertical-align: middle; padding: 2px 5px;}
table.item10 td{ height: 44px; border:1px solid #999999;   text-align:center; vertical-align: middle; padding: 2px 5px;}
table.item10 span.item01{margin: 17px; vertical-align: middle;}

table.item12{ border-collapse: collapse; font-size:12px; border:1px solid #999999; width:540px; }
table.item12 th{ height: 44px; background-color: #ebebeb; border:1px solid #999999;  text-align:center; vertical-align: middle; padding: 2px 5px;}
table.item12 td{ height: 44px; border:1px solid #999999;   text-align:center; vertical-align: middle; padding: 2px 5px;}

table.item13{width:490px;border-collapse: collapse; font-size:11px; border:1px solid #999999;}
table.item13 th{ height: 36px; background-color: #ebebeb; border:1px solid #999999;  text-align: center; vertical-align: middle;}
table.item13 td{ height: 36px; border:1px solid #999999;   text-align: right; vertical-align: middle; padding: 0 5px;}
table.item13 tr:nth-child(2n+1){ background-color: #f9f9f9;}
table.item13 td:nth-child(1){ text-align: center;}

table.item14{border-collapse: collapse; font-size:11px; border:1px solid #999999;}
table.item14 th{ height: 36px; background-color: #ebebeb; border:1px solid #999999;  text-align: center; vertical-align: middle;}
table.item14 td{ height: 36px; border:1px solid #999999;   text-align: right; vertical-align: middle; padding: 0 5px;}
table.item14 tr:nth-child(2n+1){ background-color: #f9f9f9;}
table.item14 td:nth-child(3n+1){ text-align: center;}
table.item14 td:nth-child(1){ width: 96.4px;}
table.item14 td:nth-child(2){ width: 198.2px;}

table.table_l_f{ table-layout: fixed;}
table.right{ margin-left : auto ; margin-right : 0 ;}
.settlement_box table{ margin:0 auto;}
tr.hover_yello:hover td{background-color:#f3ef7a;}
/*--------------------------------
table scroll
--------------------------------*/
table.table_body01{ border-collapse: collapse; font-size:12px;border-bottom:1px solid #999999;border-left:1px solid #999999;border-right:1px solid #999999; width:100%; }
table.table_body01 td{ height: 44px; border-bottom:1px solid #999999;border-left:1px solid #999999;   text-align:center; vertical-align: middle; padding: 2px 5px;}
table.table_body01 tr.bg_alternately:nth-child(2n){background-color: #f9f9f9;}
.overf_au01{max-height:529px; overflow:auto;}

/*--------------------------------
list
--------------------------------*/
dl.item02{}
dl.item02 dt{width:140px;font-weight: bold; vertical-align: middle;}
dl.item02 dd{text-align:left; vertical-align: middle;}

dl.item03{}
dl.item03 dt{width:180px; padding:10px; font-weight: bold; vertical-align: middle;}
dl.item03 dd{padding:10px; text-align:left;}

.settlement_box_btn_area{text-align: center;}

/*--------------------------------
error
--------------------------------*/
.error_area{ padding:0 0 16px 0;}
.error_area_inner{ border:2px solid #ee465b; padding: 0 0 16px 0; width:570px;}
.error_area h5.item01{ background-color:#ee465b; padding: 12px; color:#fff; height:36px; position:relative; border-left:none;margin:0;}
.error_area .error_title{ background-color:#ee465b; padding: 0px;color:#fff;}
.error_area p{ margin:14px; color:#333;}

.settlement_box h5 a{position:absolute; top:5px; left:510px;}

.error_table{font-size:16px; width:100%;}
.error_table th{ height: 44px;text-align:center; vertical-align: middle; padding: 2px 2px;}
.error_table td{ height: 44px;text-align:center; vertical-align: middle; padding: 20px;}

/*--------------------------------
popup
--------------------------------*/
.popup_area{ padding:0 0 16px 30px; }
.popup_area_inner{ border:2px solid #06F; padding: 0 0 16px 0; width:100%;}
.popup_area h5.item01{ background-color:#06F; padding: 12px; color:#fff; height:36px; position:relative; border-left:none;margin:0;}
.popup_area p{ margin:14px; color:#333;}

.popup_area_disclaimer{ padding:0 0 16px 30px; }
.popup_area_disclaimer h5.item01{ background-color:#06F; padding: 12px; color:#fff; height:36px; position:relative; border-left:none;margin:0;}
.margin_popup_area_disclaimer p{line-height:20px;margin-bottom:14px;}
.margin_popup_area_disclaimer{ margin:38px 30px 32px;}
.c_popup {color:#333;}

.popup_area_offset{ padding:0 0 0 0; }
.popup_area_offset h5.item01{ background-color:#06F; padding: 12px; color:#fff; height:36px; position:relative; border-left:none;margin:0;}
.settlement_box2_rt_offset h5 a{position:absolute; top:5px; left:540px;}
.margin_popup_area_custom_offset{ margin:50px 0;}

.popup_area_complete{ padding: 45px 50px; }
.popup_area_complete h5.item01{ background-color:#06F; padding: 12px; color:#fff; height:36px; position:relative; border-left:none;margin:0;}

.popup_table{font-size:16px; width:100%;}
.popup_table th{ height: 32px;text-align:center; vertical-align: middle; padding: 2px 2px;}
.popup_table td{ height: 32px;text-align:center; vertical-align: middle; padding: 2px 2px;}
/*--------------------------------
footer
--------------------------------*/
#footer { border-top: 3px solid #ebebeb; height:110px; margin-top: 16px;}
#footer .copyright{ text-align: center; font-size: 11px; margin-top: 12px;}

/*clearfix*/
.float:after{content: ""; clear: both; display: block;}

/*-----------------------------------------------------------
accordion
------------------------------------------------------------*/

.acd{display:block;}
.acd_close{border-bottom:1px solid #fff;}
.acd_close .acd{display:none;}
.acd_close .btn_acd2{background:url(../img/acd_arrow01.png) 210px center no-repeat; background-size:12px 7px; position:absolute; right:0px; top:0px; height:40px; width:240px; cursor:pointer;}
.btn_acd2{background:url(../img/acd_arrow02.png) 210px center no-repeat; background-size:12px 7px; position:absolute; right:0px; top:0px; height:40px; width:240px;  cursor:pointer;}

/*--------------------------------
select_box
--------------------------------*/

dd.input_wap{position:relative;}
dd.input_wap .input_arrow{ position: absolute; top:0; right:0; cursor:pointer;}
dd.input_wap .input_arrow2{ position: absolute; top:10px; right:10px; cursor:pointer;}
input[type="text"]{line-height:18px; padding:5px; color:#000;font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
input[type="text"]:disabled{line-height:18px; padding:5px; color:#000;font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif; background-color:#ebebe4 !important;}
input[type="text"].text01{ width: 100%; height:28px;border: 1px solid #999999;border-radius:5px; text-align:right;}
input[type="text"].text02{ width: 70px; height:28px;border: 1px solid #999999; border-radius:5px; margin: 10px 0 0 0; text-align:right;}
input[type="text"].text03{ width: 77.5%; height:28px;border: 1px solid #999999;border-radius:5px; text-align:right;}
input[type="text"].text04{height:28px; border: 1px solid #999999;border-radius:5px; text-align:right; padding:5px 20px 5px 5px; color:#000; font-size:13px;}
input[type="number"]{ -moz-appearance:textfield; appearance: textfield; line-height:18px; padding:5px; color:#000;font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;}
input[type="number"].number01{ width: 100%; height:28px;border: 1px solid #999999;border-radius:5px; text-align:right;}
input[type="number"].number02{ width: 70px; height:28px;border: 1px solid #999999; border-radius:5px; margin: 10px 0 0 0; text-align:right;}
input[type="number"].number04{height:28px; border: 1px solid #999999;border-radius:5px; text-align:right; padding:5px 20px 5px 5px; color:#000; font-size:13px;}
input[type="number"]:disabled{background-color:#ebebe4 !important;}
.no-spin {-webkit-appearance: none; margin: 0; -moz-appearance:textfield; appearance: textfield;}
.no-spin::-webkit-inner-spin-button, .no-spin::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
input[type="password"].password01{ width: 100%; height:28px; border-radius:0px; border: 1px solid #999999;border-radius:5px; text-align:right;padding:5px;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-indent: .01px;text-overflow: "";}
select.select01{ width: 100%; height:28px; border-radius:5px; border: 1px solid #d6d6d6;background:#fff url(../img/select_arrow.png) no-repeat right;}
select.select02{ width: 89px; height:28px; border-radius:5px; border: 1px solid #d6d6d6;background:#fff url(../img/select_arrow.png) no-repeat right;}

.design-select-box{text-align:left; font-size:13px; position:relative;border: 1px solid #999999;border-radius: 5px;background:#fff url(../img/select_arrow.png) no-repeat right;cursor: default;height: 28px;line-height:28px;padding:0 10px 0 3px;text-indent: 5px;}

.design-select-box:hover { filter: alpha(opacity=80);-ms-filter: 'alpha(opacity=80)';opacity: .8;text-decoration:none;}
.design-select-box:disabled{background-position: 0 -36px;background-color:#ebebe4;}

select.slct01.design-select-box{width:375px!important; display:inline-block;}/*a_003*/
select.slct02.design-select-box{width:89px; display:inline-block;}/*a_005*/
select.slct03.design-select-box{width:154px; display:inline-block;}/*a_008*/
select.slct04.design-select-box{width:120px; display:inline-block;}

/*--------------------------------
tab_area
--------------------------------*/
.tab_area{ border-bottom:2px solid #5e5d5b;}
.tab_area ul{ overflow:hidden;}
.tab_area ul li,.tab_area ul li a{float: left;-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;margin-right: 3px;text-align: center;width:120px;height:30px;vertical-align:middle;margin-right:2px;line-height: 25px;}
.tab_area ul li a{color: #fff;}
.tab_area ul li a:hover{text-decoration: none;padding: 4px 0;}

.tab_area2{ border-bottom:4px solid #5e5d5b; position:relative;}
.tab_area2 ul{ overflow:hidden;}
.tab_area2 ul li,.tab_area2 ul li a{float: left;-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;margin-right: 3px;text-align: center;width:120px;height:30px;vertical-align:middle;margin-right:2px;line-height: 25px;}
.tab_area2 ul li a{color: #fff;}
.tab_area2 ul li a:hover{text-decoration: none;padding: 4px 0;border: 1px solid #d6d6d6;}

/*--------------------------------
input
--------------------------------*/
input[type="checkbox"].checkbox01{position: absolute;left:-1000em;}
input[type=checkbox].checkbox01 + label:before {content: "";display: inline-block;width  : 25px;height : 28px;background: url("../img/checkbox.png") no-repeat 0 0;vertical-align: bottom;position: relative;bottom: 2px;}
input[type=checkbox].checkbox01:checked + label:before{background-position: 0 -28px;}
input::-ms-clear {visibility:hidden}
input[type="checkbox"].checkbox02{position: static; vertical-align: middle ;}

/*--------------------------------
modal
--------------------------------*/
.modal_mask{width:100%;height:100%;position:absolute;top:30px;left:0;}
#modal_confirm,#modal_finish{border:2px solid #d7d7d7;background-color:#fff;position:absolute;top:75px;left:275px;}
#modal_confirm{padding:30px 25px; width:250px;}
#modal_finish{padding:30px 60px; width:250px;}

/*--------------------------------
CIf00901
--------------------------------*/

.list_container_CIf00901{width:600px; font-size:13px; margin:0px auto 0px; padding:5px; background:#fff;}
.list_container_CIf00901 .notice{position:relative; padding:0; border-bottom:1px solid #999;}

.list_container{width:600px; font-size:13px; margin:50px auto; padding:5px; background:#fff;}
.list_container .notice{position:relative; padding:0; border-bottom:1px solid #999;}
.list_container .notice .read{ position: absolute; top:7px; right: 12px; font-size: 12px;}
.list_container .notice p.list_ttl{border-left:5px solid #ee465b; margin:5px 0 10px; padding:2px 10px 1px 10px; font-size:15px;}
.list_container .notice ul{display:table;}
.list_container .notice ul li{display:table-cell; line-height:30px; width:100px; height:30px; text-align:center; background:#4d4d4d; color:#fff; font-weight:bold; font-size:16px; vertical-align:bottom;}
.list_container .notice ul li a{display:block; background:#e6e6e6; color:#333; font-size:12px; text-decoration:none;}
.list_container .notice ul li a:hover{background:#4d4d4d; color:#fff !important; opacity:1;}

.list_container .notice dl{display:table; width:100%; border:1px solid #999999; border-bottom:none; border-top-style:dotted; position:relative;}
.list_container .notice ul + dl{border-top:1px solid #999;}
.list_container .notice dl > *{display:table-cell; padding:6px 5px; vertical-align:text-top;}
.list_container .notice dl dt{}
.list_container .notice dl dd{width: 435px;}
.list_container .notice dl dd.icon01{width: 58px; position:relative;}
span.not_read_icon2{ width:42px; position:absolute; top: 3px; left: 5px; color:#fff; background-color: #4d4d4d; padding: 3px 8px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; }

/*--------------------------------
CRe00301
--------------------------------*/
.c_black{color:#333 !important;}
.pager a{text-decoration: underline !important;}
.pager a:hover{text-decoration: none !important;}

/*--------------------------------
COt01002
--------------------------------*/
.w50per{width:50%; margin-left:59%; margin-bottom:10px;}
.icon_or{background:#f37800; color:#fff; width:73px; height:21px; line-height:23px; text-align: center; margin-right:7px;}
.help01{background:url(../img/help.png) no-repeat left center; height:21px; line-height:23px; padding-left:18px;}

.COt01002h3{font-size:15px; font-weight:bold; border-bottom:1px dotted #5e5d5c; padding-bottom:10px; margin-bottom:15px;}
.c_red2{ color:#c00 !important;}

.warning_box{padding:15px; border:2px solid #d6d6d6;}
.warning_box dl dt{background:url(../img/icon01.png) no-repeat left center; padding-left:30px; font-size:12px; font-weight:bold; color:#c00; margin-bottom:10px;}
.warning_box dl dd{padding-left:45px; font-size:12px; line-height:1.5em; text-indent:-15px; margin-bottom:15px;}

#jquery-smaple-form p {padding: 14px; background: #f1f1f1; overflow: hidden; zoom: 1;}
#jquery-smaple-form input {cursor: pointer;    vertical-align:middle;}
#jquery-smaple-form label {display: block; float: left;    margin-right: 9px;    padding-left: 9px;    width:188px; height:35px; line-height:35px; border: 1px solid #c9c9c9; border-radius: 3px; background: #ffffff; font-size: 12px; color: #333; cursor: pointer; margin-bottom:15px;}
#jquery-smaple-form label:nth-child(4n){margin-right: 0;}

.price01{padding: 15px; background: #f1f1f1; overflow: hidden; zoom: 1;}
.price01 input[type="number"]{width:200px; height:28px; border:1px solid #999999;}

.lh20px{line-height:20px !important;}

/*--------------------------------
COt00801
--------------------------------*/
.cl_b{clear:both !important;}
.ov_h{overflow:hidden;}

table.COt00801_table{width:100%; border-collapse:collapse;}
table.COt00801_table th{width:160px; line-height:14px; padding:5px; text-align:center; border: 1px solid #999999; background:#ebebeb;}
table.COt00801_table td{line-height: 24px; padding-left:18px; text-align:left; border: 1px solid #999999; height: 34px;}

table.COt00801_table2{width:100%; border-collapse:collapse;}
table.COt00801_table2 th{width:111px; line-height:34px; text-align:center; border: 1px solid #999999; background:#ebebeb;}
table.COt00801_table2 td{line-height: 24px; text-align:center; border: 1px solid #999999; height: 48px;}

/*--------------------------------
COt00401
--------------------------------*/
.notice_box .notice_box_p14{ padding:14px; background-color: #fff; font-size:12px;  line-height:20px; overflow: hidden; color:#333;}

table.COt00401_table{width:100%; border-collapse:collapse;}
table.COt00401_table th{width:245px; padding:0 10px; text-align:center; border: 1px solid #999999; background:#ebebeb;}
table.COt00401_table td{line-height: 34px; padding-left:18px; text-align:left; border: 1px solid #999999;}

.mb20{margin-bottom:20px !important;}

.COt00401_ul li{float:left; margin-right:30px;}

.font11{font-size:11px !important;}

/*-----------------------------------
COt01101 newCSS
-----------------------------------*/
.cl_b{clear:both !important;}
.ov_h{overflow:hidden;}

table.COt01101_table{width:100%; border-collapse:collapse;}
table.COt01101_table th{width:111px; height:36px; line-height:16px; text-align:center; border: 1px solid #999999; background:#ebebeb;}
table.COt01101_table td{height:36px; padding:10px; line-height: 16px; text-align:center; border: 1px solid #999999; white-space: nowrap;}

/*--------------------------------
COt00101
--------------------------------*/
table.COt00101_table{margin-left:auto;margin-right: auto;}
div.COt00101_reminder_area{text-align: center;}
div.COt00101_yakkan{text-align: center;}
div.COt00101_corporate{text-align: center;}

/*--------------------------------
CIf00102
--------------------------------*/
.CIf00102_list_ttl{position: relative;width:100%;}
.list_container .CIf00102_list_ttl p.list_ttl{padding-right:80px !important;}
.CIf00102_list_ttl span.notice_date{font-size:12px;text-align:right; position: absolute;bottom:0;right: 0;}
div.CIf00102_notie_detail{width:100%;height:430px;border: 1px solid #999999; overflow-y: scroll; padding:8px;}
div.COt00101_corporate{text-align: center; color:#4d4d4d; font-size:12px;}
div p.COt00101_corporate{line-height:150%;}

/*--------------------------------
CHt00102
--------------------------------*/
p.CHt00102_list_ttl{border-left:5px solid #ee465b; margin:5px 0 10px; padding:2px 10px 1px 10px; font-size:15px;}

/*--------------------------------
COt20101
--------------------------------*/
.COt20101 a{cursor: pointer;}
.COt20101 h2{font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 48px;}
.COt20101 p{margin-bottom: 20px; line-height: 1.5;}
.COt20101 input[type="checkbox"]{width: 15px; height: 15px; margin-right:10px; accent-color: #333333; cursor: pointer;}
.COt20101 ul li {list-style: disc; list-style-position: outside; margin-left: 20px;}
.COt20101 li{line-break: strict; word-break: normal; line-height: 1.5; margin-bottom: 10px;}
.COt20101 table{width: 100%; border: 1px solid #999; margin-bottom: 32px; border: none;}
.COt20101 td{padding: 10px;}
.COt20101 th{width: 1px; white-space: nowrap;}
.COt20101 .btn_container{font-size: 0; line-height: 0;}
.COt20101 .btnstyle1{border: 1px solid #333333; border-radius: 2px; margin-right: 25px; background-color: transparent; color: #000000; box-shadow: none;}
.COt20101 .btnstyle2{background-color: #F7A3AD; border-radius: 2px; color: #FFFFFF; box-shadow: none; pointer-events: none;}
.COt20101 .checkbox_container{width: 445px; height: 39px; border: 1px solid #333333; border-radius: 2px; margin: 0 auto; display: flex; align-items: center; cursor: pointer;}
.COt20101 .checked{background-color: #EAEAEA;}
.COt20101 .contents_box2{margin: 50px auto 20px; font-size: 14px;}
.COt20101 .tdstyle{padding: 0px 10px;}

/*--------------------------------
COm00026
--------------------------------*/
.COm00026 .contents_box2{
    margin:20px auto;
    font-size:16px;
    line-height:1.5;
}


/*--------------------------------
COm00016
--------------------------------*/
.COm00016 .contents_box2{
    margin:20px auto;
    font-size:16px;
    line-height:1.5;
}

/*--------------------------------
CRe00201 CRe01501
--------------------------------*/
.text_indent{ padding-left:1em; text-indent:-1em;}

/*--------------------------------
.Cht00222
--------------------------------*/
.CHt00222 .gray {font-size: 12px;color: #ffffff;padding: 4px 0;background-color: #5f5e5e;background: -moz-linear-gradient(top,#7a7a7a 0%,#5f5e5e);background: -webkit-gradient(linear, left top, left bottom,from(#7a7a7a),to(#5f5e5e));background: -ms-linear-gradient(top, #7a7a7a 0%,#5f5e5e 100%);background: linear-gradient(to bottom, #7a7a7a 0%,#5f5e5e 100%); margin-left:108px;}

/*--------------------------------
CHt00501
--------------------------------*/
.notice_box .question_CHt00501{ position: absolute; top: 12px; left: 246px;}

/*--------------------------------
CHt00502
--------------------------------*/
.notice_box .question_CHt00502{ position: absolute; top: 12px; left: 112px;}

/*--------------------------------
CHt00503
--------------------------------*/
.notice_box .question_CHt00503{ position: absolute; top: 12px; left: 112px;}

/*--------------------------------
CHt00241 CHt00242
--------------------------------*/
.c_blue{ color:#06C!important; }

/*--------------------------------
CHt00211
--------------------------------*/
.settlement_box h6{ color:#f40931; font-size:14px; margin-top:20px; margin-bottom:5px;}


/*--------------------------------
COt01201 - COt01202
--------------------------------*/
table.COt01201_table{width:80%; border-collapse:collapse; margin:0 auto;}
table.COt01201_table th{width:239px; padding:0 10px; text-align:center; border: 1px solid #999999; background:#ebebeb;}
table.COt01201_table td{line-height: 34px; padding-left:18px; text-align:left; border: 1px solid #999999;}

table.COt01201_table02{width:80%; border-collapse:collapse; margin:0 auto;}
table.COt01201_table02 th{width:239px; padding:10px 10px; text-align:center; border:1px solid #999999; background:#ebebeb;}
table.COt01201_table02 td{line-height: 34px; text-align:center; border: 1px solid #999999;}

.pl10{padding-left:10px !important;}
/*--------------------------------
COt01411
--------------------------------*/
.COt01411_ul li{float:left; width:90px;}


/*--------------------------------
COt50101
--------------------------------*/
.COt50101 .contents_box2{width:640px; margin:0 auto;}

table.COt50101_table{width:80%; border-collapse:collapse; margin:0 auto; }
table.COt50101_table th{width:400px; padding:20px 0; text-align:center; }
table.COt50101_table td{line-height:34px; text-align:center;}
table.COt50101_table .line{border:1px solid #999999; border-top-style:none; border-left-style:none; border-right-style:none; }
table.COt50101_table .line-top{border:1px solid #999999; border-left-style:none; border-right-style:none; }

/*--------------------------------
COt50199
--------------------------------*/
.COt50199 .contents_box2{ width:650px; margin:0 auto;}

.cange_order{padding-left:115px;}

/*--------------------------------
COt00311 - COt00321
--------------------------------*/
.COt00321_txtarea{width: 540px; margin:0 auto;}
.price02{padding: 20px 0; background: #f1f1f1; overflow: hidden; zoom: 1; text-align: center; width: 80%; margin:0 auto;}
.price02 input[type=text]{width:200px; height:28px; border:1px solid #d6d6d6; text-align:right;}
table.center{ margin-left : auto ; margin-right : auto ;}

/*--------------------------------
CHi00501
--------------------------------*/
.CHi00501_blankbox{
    width:284px;
}

.h4_link{ position:absolute;top:13px;right:20px;}

/*--------------------------------
COt00601
--------------------------------*/
.COt00601_col2_l{
    width:402px;
    margin-right: 10px;
}
.COt00601_col2_r{
    width:402px;
}

/*--------------------------------
COt01401
--------------------------------*/
.COt01401_ul li{float:left; width:90px;}
.COt01401_ul2{display: table;}
.COt01401_ul2 li{display: table-cell; padding:0 10px;}

/*--------------------------------
CRp00901
--------------------------------*/
.CRp00901_infobox{
    border:2px solid #d6d6d6;
    padding:0 20px;
}

.w10p{ width:10% !important; }
.w20p{ width:20% !important; }
.w40p{ width:40% !important; }
.w50p{ width:50% !important; }
.w60p{ width:60% !important; }
.w70p{ width:70% !important; }
.w80p{ width:80% !important; }
.w90p{ width:90% !important; }
.w100p{width:100% !important;}
.bt_h25{ height:25px; }
.item11{width:100%; border-collapse:collapse;}
.item11 th{line-height:14px; padding:5px; text-align:center; border: 1px solid #999999; background:#ebebeb;}
.item11 td{ font-size:13px; padding:0 10px; text-align:left; border: 1px solid #999999; line-height:1.3;}


/*--------------------------------
CHt00211
--------------------------------*/
.CHt00211_box{ width:573px; height:294px; border-style:hidden;}
/*--------------------------------
CIf00101
--------------------------------*/
.CIf00101_portal{ width:220px; height:600px; border-style:hidden;}
/*--------------------------------
COt01004
--------------------------------*/
.COt01004_box{ width:950px; margin:0 auto;}
.COt01004_textbox { width:730px; margin:0 140px;}
/*--------------------------------
fenixMessage
--------------------------------*/
.fenixMessage_table{ width: 100%; overflow:hidden;}

.pr15 {
    padding-right:15px;
}

/*--------------------------------
CCt00101.jsp / CCt00201.jsp
--------------------------------*/
.h100per {
    height:100% !important;
}
.margin0 {
    margin:0 !important;
}

/*--------------------------------
CFr00101.jsp
--------------------------------*/
.topFrame {
    vertical-align: bottom;
    border-style:hidden;
}
.bottomFrame {
    border-style:hidden;
}
.rightFrame iframe{
    width:844px;
}
.leftFrame iframe{
    width:240px;
}
#headerMenu {
   height:127px;
   width:100%;
   min-width:1100px;
}
#mainMenu {
    margin-top:-7px;
    height:770px;
}
.h205px {
    height:235px;
}
#body.demo {
    background-image: url(../img/bg_body_demo.png);
}

/*--------------------------------
CFr001 プロモーション表示
--------------------------------*/
#simplemodal-overlay {
    background-color:#000 !important;
    cursor:wait !important;
    height:100% !important;
    width:100% !important;
}
a.promo:hover {
    opacity:1.0;
}
.promo img {
    width :710px;
    height:260px;
}

/*--------------------------------
CFr00104.jsp
--------------------------------*/
.cfr00104 iframe {
    vertical-align: bottom;
    border-style:hidden;
    margin:0;
    width:844px;
}
.h28px {
    height:28px;
}
.h664px {
    height:664px;
}
#overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 28px;
    z-index: 1;
}


/*--------------------------------
ポップアップ機能
--------------------------------*/
.margin50auto {
    margin: 50px auto;
}

/*--------------------------------
CHt10011.jsp
--------------------------------*/
.displayInline {
    display:inline;
}
.displayNone {
    display:none;
}

/*--------------------------------
CIf00909.jsp
--------------------------------*/
#FXi24 {
    width:100%;
    height:100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    border-style:hidden;
}

/*--------------------------------
CIz00199.jsp
--------------------------------*/
.divStyle {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.iframeStyle {
    width:100%;
    height:100%;
    border-style:hidden;
}

/*--------------------------------
COt00101.jsp
--------------------------------*/
#LoginAnnounceUrl{
    width:600px;
    height:320px;
}

.bottomFrameClass {
    vertical-align: bottom;
    border-style:hidden;
}
#modal_savepassword {
    background-color:#fff;
    position:absolute;
    top: 110px;
    left: 0;
    right: 0;
    margin: auto;
    width: 285px;
    height: 260px;
}
.h15px{
    height: 15px !important;
}
.h45px{
    height: 45px !important;
}
.h260px{
    height: 260px !important;
}
.p15 {
    padding:15px
}

/*--------------------------------
COt01202.jsp
--------------------------------*/
pre {
    font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;
}

/*--------------------------------
COt01214.jsp
--------------------------------*/
#contents_CashOutRequest  {
    width:870px;
    margin:0 auto;
}
.pl10{
   padding-left:10px !important;
}
.pl15{
   padding-left:15px !important;
}
.pl20{
   padding-left:20px !important;
}
.pl35{
   padding-left:35px !important;
}
.pl141{
   padding-left:141px !important;
}
.pl170{
   padding-left:170px !important;
}
.margin10px0 {
   margin: 10px 0;
}
.bt_w140 {
   width: 140px;
}
.font18 {
   font-size: 18px !important;
}

/*--------------------------------
COt01302.jsp
--------------------------------*/
table.COt01302_table02{
    width:50%;
    border-collapse:collapse;
    margin:0 auto;
}
table.COt01302_table02 th{
    width:180px;
    padding:10px 10px;
    text-align:center;
    border:1px solid #999999;
    background:#ebebeb;
}
table.COt01302_table02 td{
    line-height: 34px;
    text-align:center;
    border: 1px solid #999999;
}
/*--------------------------------
COt02401.jsp
--------------------------------*/
.COt02401_password1{ width: 100%; height:28px; border-radius:0px; border: 1px solid #999999;border-radius:5px; text-align:right;padding:5px;}
.COt02401_popup_area_disclaimer{ padding:0px; margin-top:20px; margin-bottom:20px; }
.COt02401_popup_area_disclaimer h5.item01{ background-color:#06F; padding: 12px; color:#fff; height:42px; position:relative; border-left:none;margin:0;}
.COt02401_margin_popup_area_disclaimer p{line-height:20px;margin-bottom:14px;}
.COt02401_margin_popup_area_disclaimer{ margin:0px 30px 32px;}
.COt02401_popup_area_inner{ border:2px solid #06F; padding: 0 0 16px 0; width:70%; margin: 0 auto !important;}

/*--------------------------------
COt02411.jsp
--------------------------------*/
.COt02411_shadow{
    background:#000000;
    display:block;
    height:100%;
    opacity:0.5;
    position:absolute;
    width:100%;
    z-Index: 1;
}
.COt02411_modal{
    height:100%;
    position:absolute;
    width:100%;
    z-index:1;
}
.COt02411_password1{
    border: 1px solid #999999;
    border-radius:5px;
    height:50px;
    margin:15px 0;
    text-align:left !important;
    width:100% !important;
}
#OnePass {
    padding:15px!important;
}
#OnePass::-webkit-input-placeholder {
    color:#8B8B8B!important;
    font-size:14px;
}
#OnePass::placeholder {
    color:#8B8B8B!important;
    font-size:14px;
}
.COt02411_header {
    position:relative;
}
.COt02411_popup_area_disclaimer{
    display:flex;
    flex-flow: column;
    background:#fff;
    min-width:700px;
    margin:auto;
    margin-top:5%;
    padding: 60px 80px;
    width:35%;
    text-align:center;
}
.COt02411_popup_area_disclaimer h2{
    display:block;
    color:#000000;
    font-size:24px;
    font-weight:bold;
}
.COt02411_close{
  position:absolute;
    border-radius: 0 !important;
    box-shadow:none !important;
    cursor: pointer;
    margin: 0px;
    background:transparent !important;
    top:-40px;
    right: -60px;
}

.COt02411_popup_area_disclaimer p{
    font-size:14px;
}
.COt02411_popup_area_disclaimer a{
    color:#0050A0;
}

/*--------------------------------
COt10101.jsp
--------------------------------*/
.p15 {
    padding:15px
}

/*--------------------------------
COt20101.jsp
--------------------------------*/
.bds_hidden{
    border-style:hidden !important;
}

/*--------------------------------
CRe00801.jsp
--------------------------------*/
.h900px{
    height:900px !important;
}
.h1008px{
    height:1008px !important;
}
.bs_h{
    border-style:hidden;
}
/*--------------------------------
CRe01301.jsp
--------------------------------*/
.invisible {
    visibility:hidden;
}
.h72px{
    height:72px !important;
}
.h36px{
    height:36px !important;
}
/*--------------------------------
CYh00203.jsp
--------------------------------*/
.mt40{
    margin-top:40px;
}
.mt50{
    margin-top:50px;
}
.mb50{
    margin-bottom:50px;
}
.font20 {
    font-size:20px !important;
}
#ImgFXStadium {
    width:735px;
    height:191px;
    border-style:hidden;
    margin-bottom:10px;
}

.displaNone { display:none; }
.CYh00203_frame {
    frameborder: 0;
    border-style: solid;
    border-width: 1px;
    border-color: lightgrey;
}
/*--------------------------------
CHt00102
--------------------------------*/

.CHt00102_frame1{ width:573px; height:373px; border-style:hidden;}
.CHt00102_frame2{ width:573px; height:250px; border-style:hidden; display:none; scroll: hidden; padding-right: 40px !important;}

/*--------------------------------
CHt00103 CHt00104
--------------------------------*/
.standard_box{padding: 15px; border: 2px solid #d6d6d6;}

/*--------------------------------
CBo10201
--------------------------------*/
.CBo10201 .olstyle{border:1px;margin-bottom:10px; list-style-type:none; padding-top:00px;}
.CBo10201 .olstyle-title{padding-bottom:00px;}
.CBo10201 p{margin-bottom:0px;line-height:1.5;}
.CBo10201 li{line-break: strict;word-break: normal; line-height:1.5;}
.CBo10201 li ul{padding:15px 0 10px 20px; background-color:#FFFFFF; margin-top:10px;}
.CBo10201 li ul li{ padding-left:0.0em; margin-bottom:00px;}
.CBo10201 .sub-title{padding: 5px; background: #f1f1f1; overflow: hidden; zoom: 1;}

/*--------------------------------
CHt00243E
--------------------------------*/
.centermsg_w45per {
    width: 45%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

/*--------------------------------
CYh00301
--------------------------------*/
.CYh00301_title {
    width: 810px;
    margin: 20px auto;
    padding: 5px;
    background: #fff;
}
.centermsg_w55per {
    width: 55%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.CYh00301_frame {
    frameborder: 0;
    border-style: solid;
    border-width: 1px;
    border-color: lightgrey;
    width: 810px;
    height: 415px;
    overflow: auto;
}
/*--------------------------------
CYh00201
--------------------------------*/
.CYh00201_frame {
    frameborder: 0;
    border-style: solid;
    border-width: 1px;
    border-color: lightgrey;
    width: 738px;
    height: 254px;
    overflow: auto;
}
.CYh00201_msg {
    font-size: 14px;
    border-style: solid;
    border-width: 1px;
    margin:0 auto;
    border-color: lightgrey;
    width: 934px;
    height: 100px;
    overflow: auto;
}
.CYh00201_status {
    border-style: solid;
    border-width: 1px;
    border-color: lightgrey;
    width: 180px;
    height: 296px;
}
.CYh00201_position {
    margin-bottom: 12px !important;
    margin-top: 8px !important;
    margin-right: 7px !important;
    margin-left: 7px !important;
    height:30px !important;
    padding: 0 !important;
}
.c_gray2{ color:#404040 !important;}
.bl_n {border-left:none !important;}
/*--------------------------------
CBo10201
--------------------------------*/
.ml100{ margin-left: 100px !important;}

/*--------------------------------
_lzcaCanceledCustomer
--------------------------------*/
.Com00011_msg {
    width: 810px;
    font-size: 13px;
    margin: 20px auto;
    padding: 5px;
    background: #fff;
}

/*--------------------------------
COt01413 _lzcaEmerging
--------------------------------*/
.c_orange{ color:#ee7800 !important;}

/*--------------------------------
CHt00102
--------------------------------*/
.pr40 {
    padding-right:40px;
}

/*--------------------------------
COt01501
--------------------------------*/
select.design-select-box.error{border: 1px solid #999999;border-radius: 5px;background:#FFCCD7 url(../img/select_arrow.png) no-repeat right;cursor: default;height: 28px;line-height:28px;padding:0 10px 0 3px;text-indent: 5px;}
select.design-select-box.error2{border: 1px solid #999999;border-radius: 5px;background:#FFCCD7 no-repeat right;cursor: default;height: 28px;line-height:28px;padding:0 10px 0 3px;text-indent: 5px;}
select.design-select-box.error option{background:#FFF;}
select.design-select-box.error2 option{background:#FFF;}

/*--------------------------------
CHt00151
--------------------------------*/
.CHt00151_frame {width:100%; height:520px; border-style:hidden;}

/*--------------------------------
CRe01402.jsp
--------------------------------*/
.h20 {
    height:20px;
}

/*--------------------------------
CRe01001.jsp
--------------------------------*/
.popupCenter {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 480px;
    height: 670px;
}
/*--------------------------------
CYh00402.jsp
--------------------------------*/
.w675 {
    width: 675px;
}
.h176 {
    height: 176px;
}

/*--------------------------------
alert.js
--------------------------------*/
.alert_border1 {
    border-style:hidden;
    border-collapse:0;
    border-spacing:0;
}
.fl_c {
    float:center !important;
}
.h16 {
    height:16px;
}
.alert_button1 {
    width:76px;
    height:22px;
}
.alert_border2 {
    border-style:hidden;
    border-collapse:0;
    border-spacing:8px;
}
.bg_a2 {
    background: url(../img/banner/alert2.jpg?1.3);
}
.w440 {
    width:440px !important;
}
.p8 {
    padding:8px !important;
}
.w304 {
    width:304px !important;
}
.h146 {
    height:146px !important;
}
.font10 {
    font-size: 10px !important;
}
.p_alert2 {
    padding:0px 24px 0px 16px;
}
.alert_button2 {
    width:60px;
    height:22px;
}
.bg_a0 {
    background: url(../img/banner/announce_2.png?1.3);
}
.h204 {
    height:204px  !important;
}
.h22 {
    height:22px  !important;
}
/*--------------------------------
CHt00102.jsp
--------------------------------*/
.CHt00102_frame1_v2 {
    width:573px;
    height:400px;
    border-style:hidden;
}
/*--------------------------------
CBo10202.jsp
--------------------------------*/
.h360px {
    height:360px;
}
.w60per {
    width:60%;
}
/*--------------------------------
COt60101.jsp
--------------------------------*/

.mailaddress01 input[type=text]{width:360px;}

/*--------------------------------
COt01901
--------------------------------*/
.COt01901 .contents_box2{width:640px; margin:0 auto;}

table.COt01901_table{width:80%; border-collapse:collapse; margin:0 auto; }
table.COt01901_table th{width:400px; padding:20px 0; text-align:center; }
table.COt01901_table td{line-height:34px; text-align:center;}
table.COt01901_table .line{border:1px solid #999999; border-top-style:none; border-left-style:none; border-right-style:none; }
table.COt01901_table .line-top{border:1px solid #999999; border-left-style:none; border-right-style:none; }

/*--------------------------------
COt01999
--------------------------------*/
.COt01999 .contents_box2{ width:650px; margin:0 auto;}

.cange_order{padding-left:115px;}

/*--------------------------------
COt02101
--------------------------------*/
.COt02101{font-weight:bold; border-bottom:1px dotted #5e5d5c; padding-bottom:10px; margin-bottom:10px;}

/*--------------------------------
keyboard
--------------------------------*/
#modal_keyboard {
    background-color:#fff;
    position:absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 700px;
    height: 360px;
}
.keyboard_popup_area{ padding:0 0 16px 30px; }
.keyboard_popup_area_inner{ border:2px solid #383838; padding: 0 0 16px 0; width:100%; }
.keyboard_popup_area h5.item01{ background-color:#383838; padding: 12px; color:#fff; height:36px; position:relative; border-left:none; margin:0; }
#container {
    margin: 5px auto;
    width: 675px;
    background: #fff;
}
table.selectTbl{ margin:0 auto; table-layout: fixed; width:100%; }
table.selectTbl td{ text-align:center; vertical-align: middle; padding: 2px 2px; }
.keyboard_m{ margin: 0 3px 0 3px; }
.keyboard_light_gray3 {font-size: 14px;color: #000000;padding: 1px 0;border: 1px solid #848484;background-color: #ddd;background: -moz-linear-gradient(top,#f7f7f7 0%,#dddddd);background: -webkit-gradient(linear, left top, left bottom,from(#f7f7f7),to(#dddddd));background: -ms-linear-gradient(top, #f7f7f7 0%,#dddddd 100%);background: linear-gradient(to bottom, #f7f7f7 0%,#dddddd 100%);-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
.keyboard_gray {font-size: 14px;color: #ffffff;padding: 3px 0;background-color: #383838;background: -moz-linear-gradient(top,#404040 0%,#383838);background: -webkit-gradient(linear, left top, left bottom,from(#404040),to(#383838));background: -ms-linear-gradient(top, #404040 0%,#383838 100%);background: linear-gradient(to bottom, #404040 0%,#383838 100%);-moz-box-shadow: 1px 1px 4px gray;-webkit-box-shadow:1px 1px 4px gray;box-shadow:1px 1px 4px gray; }
.keyboard_red {font-size: 14px;color: #ffffff;padding: 3px 0;border: 1px solid #ff0033;background: #ffd65e;background: -moz-linear-gradient(top,  #ff0033 0%, #de002c 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0033), color-stop(100%,#de002c));background: -ms-linear-gradient(top,  #ff0033 0%,#de002c 100%);background: linear-gradient(to bottom,  #ff0033 0%,#de002c 100%);-moz-box-shadow: 1px 1px 4px gray;-webkit-box-shadow:1px 1px 4px gray;box-shadow:1px 1px 4px gray;}

/*--------------------------------
CFr00103
メニューをTKK層から表示する時の設定
--------------------------------*/
.CFr00103_menu {
    width: 208px;
    height: 33px;
    border-style:hidden;
}

/*--------------------------------
CFr00105
ボタンTKK層から表示する時の設定
--------------------------------*/
.CFr00105_button {
    width: 120px;
    height: 31px;
    margin-right: 3px;
    border-style:hidden;
}

/*--------------------------------
COt00101
GMOインターネットグループバナーの設定
--------------------------------*/
/* override gmoGroupSecurity */
.footerSecurityGroup .gmoGroupSecurity_box {
    max-width: 1200px;
}
/* footer-security */
.footerSecurity {
    box-sizing: border-box;
    display: block;
    margin: 0;
    padding: 0 0 40px;
}
.footerSecurity *,
.footerSecurity *::before,
.footerSecurity *::after {
    box-sizing: inherit;
}

.footerSecurityHeader {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 1200px;
    min-height: 58px;
    margin: 0 auto;
    padding: 17px 10px;
}

.footerSecurityHeader > .logo {
    width: 159px;
    height: 22px;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url(https://www.gaikaex.com/common_fx/images/logo_header.svg);
    white-space: nowrap;
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
    text-indent: 200%;
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
    overflow: hidden;
}
.footerSecurityHeader > .logo > a {
    display: block;
    width: 100%;
    height: 100%;
}

/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
.footerSecurityHeader > ul {
    display: flex;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0 0 0 20px;
}
.footerSecurityHeader > ul > li {
    margin: 0;
    padding: 0;
}
.footerSecurityHeader > ul > li > a {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    background: #4d4d4d;
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
    -webkit-mask-size: 20px 20px;
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
    mask-size: 20px 20px;
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
    -webkit-mask-repeat: no-repeat;
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
    mask-repeat: no-repeat;
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
    -webkit-mask-position: center center;
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
    mask-position: center center;
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
    overflow: hidden;
    white-space: nowrap;
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
    text-indent: 200%;
}

/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
.footerSecuritySeals {
    list-style: none;
    display: flex;
    gap: 10px;
    justify-content: center;
    margin: 0;
    padding: 40px 0 0;
}
.footerSecuritySeals > li {
    width: 100px;
    margin: 0;
    padding: 0;
}
.footerSecuritySeals > li img {
    vertical-align: top;
}

@media screen and (max-width: 767px) {
  .footerSecurity {
    padding-right: 16px;
    padding-left: 16px;
  }
  .footerSecurityHeader {
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .footerSecurityHeader > ul {
    justify-content: center;
    width: 100%;
    padding: 20px 0 0;
  }
}
/*--------------------------------
GMOインターネットグループバナーの設定
ホバー時にpaddingの設定が変わらないようにするため
--------------------------------*/
.gmoGroupHeader_gmologo > a:hover {
    padding: 5px 16px 5px 11px;
}

.gmoGroupHeader_sec > a:hover {
    padding: 5px;
}