@charset "UTF-8";

#container {
  margin: 20px auto 60px;
  position: relative;
  overflow: hidden;
}

#container #content {
  margin: 20px auto 60px;
  max-width: 910px;
}

#container h1 {
  color: #222;
  margin-bottom: 10px;
}

#container h2 {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  background: #f5f5f5;
}
#container h3 {
  width: auto;
  margin-bottom:1em;;
}
#container h2 span {
  color: #004098;
  font-weight: 600;
  font-size: 1.75rem;
  line-height: 1.5;
  max-width: 910px;
  margin: auto;
  display: block;
}

#container #main_contents {
  margin-top:20px;
  color:#222;
  font-size: 1.03rem;
  line-height: 1.6;
}

#container #main_contents p {
  margin-bottom:1em;
}

#container #main_contents .alignR{
  text-align: right;
  margin-bottom:1em;
  color: #707070;
}
#container #main_contents ul.icon01 li {
  display: block;
  margin: 0;
  padding: 0 0 0 15px;
  list-style: none;    background-image: url(/wr_css/wr_img/pop/left_navi_arrow.gif);
  background-repeat: no-repeat;
  background-position: left 0.5em;
}
#container #main_contents table {
  width: 100%;
}
/*#container #main_contents table th,
#container #main_contents table td {
  padding: 3px;
  text-align: left;
  vertical-align: top;
  line-height: 130%;
  border:1px solid #333;
}*/
#container #main_contents table.abouttable tr th {
  background: #E0EFF5;
}
#pop_footer {
  display:none;
}
@media screen and (max-width: 768px) {
  #container h2 {
    width: auto;
    padding-left: 6%;
    padding-right: 6%;
  }
  #container h2 span {
    font-size: 1.95rem;
  }
  #container  {
    padding-left: 4%;
    padding-right: 4%;
  }
  #container #main_contents {
    font-size: 1.4rem;
  }
  #container #content {
    margin: 10px auto 50px;
  }
  .pankuzu ul {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    font-size: 12px;
  }
}


/*              以下　/wr_css/pop.css　から移設                   */


* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

div#main_contents table{
	margin:0;
	padding:0;
	border-width: 0px;
}

div#main_contents table th {
	padding: 3px;
	word-break: break-all;
}
div#main_contents table td {
	padding: 3px;
	text-align:left;
	vertical-align: top;
	line-height: 130%;
	word-break: break-all;
}

div#main_contents table table{
	margin: 0px;
	padding: 0px;
	border-width: 0px;
}

/* アイコン付きリスト */
ul.icon01,
ul.icon02{
  margin:0;
  padding:0 0 5px 0;
}

ul.icon01 li,
ul.icon02 li {
  display:block;
  margin:0;
  padding:0 0 0 15px;
  background-position:left 0.5em;
  background-repeat:no-repeat;
  list-style:none;
}

ul.icon01 li{
  background-image:url(/wr_css/wr_img/pop/left_navi_arrow.gif);
}

ul.icon02 li{
  background-image: url(/wr_css/wr_img/pop/list_mkr4_02.gif);
}

ul.icon03{
  margin:0;
  padding:0 0 0 15px;
  list-style-type: disc
}

/* 灰色背景のテーブル */
table.gray{
  width:100%;
  padding:5px;
}

table.gray td {
  background-color:#ebebeb;
  line-height: 1.4em;
  color: #3c3c3c;
  padding:2px 4px;
  text-align:left;
  vertical-align:top;
}

/* 水色背景のボックス */
#main_contents .box_blue{
  background-color: #E0F5F5;
  margin: 0px;
  padding: 10px;
}

/* 規約用ボックス */
div#main_contents div.treaty{
  clear:both;
/*  width:702px;*/
  margin:0 0 1em 0;
  padding:0;
  overflow:hidden;
}

div#main_contents div.treaty div,
div#main_contents p,
div#main_contents table,
div#main_contents table tr,
div#main_contents table tr td,
div#main_contents ul,
div#main_contents ul li,
div#main_contents dl,
div#main_contents dl dt,
div#main_contents dl dd,
div#main_contents span{
  padding:0;
  line-height:1.6;
}

div#main_contents div.treaty div.bg_suppli{
  background:url(/wr_css/wr_img/pop/dottb.gif) repeat-y center top;
/*  width:702px;*/
  margin:0;
  padding:0;
  overflow:hidden;
}

div#main_contents div.treaty div.box2col_left {
  width:49%;
  margin: 0px;
  padding: 0px 10px 0px 0px;
  float:left;
}

div#main_contents div.treaty div.box2col_right {
  width:49%;
  margin: 0px;
/*  padding: 0px 0px 0px 10px;*/
  float:right;
}

div#main_contents div.treaty strong{
  font-weight: normal;
  color: #F60000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F60000;
}

div#main_contents div.treaty p{
  margin:0.2em 0 0 0;
}

div#main_contents div.treaty td{
  vertical-align:top;
}

div#main_contents div.treaty h3{
  font-size:110%;
  padding:0px;
  margin:20px 0px 0px 0px;
}

div#main_contents div.treaty h4{
  font-size:90%;
  padding:0px;
  margin:1.5em 0px 0px 0px;
}

/* ページトップへ */
.link_top {
  margin: 0 20px 20px 0;
  float:right;
  line-height: 1.4em;
  color: #3c3c3c;
  }

/* 画像ボックス（センタリング） */
div#main_contents .img_box_center{
  width:698px;
  text-align:center;
}

div#main_contents .img_box_center img{
  margin:0 auto;
}

/* meisai0908 */
div#main_contents .meisai_box{
  width:696px;
  margin:40px 10px 20px 10px;
}

div#main_contents .meisai_numbox{
  width:656px;
  padding:10px 20px 30px 20px;
}

div#main_contents .meisai_mainimg{
  padding:0 28px;
}

h4 {
  font-size:105%;
  padding:0px;
}

.h4_area{
  clear:both;
}

.h4_area img{
  float:left;
}

.h4_area h4{
  float:left;
  width:609px;
  margin:10px 5px 5px 5px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #333333;
}

div#main_contents .meisai_numbox_in{
  width:613px;
  margin:5px 5px 10px 38px;
}

div#main_contents .meisai_numbox_inbox{
  margin:0px;
}

div#main_contents .meisai_numbox_inleft{
 width:300px;
  float:left;
  margin:5px 13px 5px 0;
  vertical-align:bottom;
}

div#main_contents .meisai_numbox_inright{
  width:300px;
  float:right;
  margin:5px 0;
  vertical-align:text-bottom;
}

div#main_contents .in_img{
  width:24px;
  float:left;
  vertical-align:top;
}

div#main_contents .in_txt{
  width:271px;
  float:left;
  padding:0 0 0 5px;
  vertical-align:text-top;
  background-color:#00CC00;
}

div#main_contents .meisai_numbox_in p span{
  color: #3c3c3c;
  font-size: 75%;
  line-height: 1.4em;
  text-align:left;
  vertical-align:text-top;
}

div#main_contents .atu_pick{
  font-size:105%;
  font-weight:bold;
  margin:50px 20px 20px 20px;
  padding:10px 20px;
  border-width: 1px;
  border-style: solid;
  border-color: #bcbcbc;
}

div#main_contents .atu_area{
  width:580px;
  margin:0px 0px 60px 78px;
}

div#main_contents .registbox {
  width: 580px;
}

div#main_contents .registbox .bnrarea {
  height: 70px;
  width: 286px;
  vertical-align: middle;
}

div#main_contents .registbox .bnrarea2 {
  height: 70px;
  width: 286px;
  vertical-align: middle;
}

div#main_contents .registbox .textarea {
  height: 70px;
  background-image: url(/wr_css/wr_img/pop/bnrhtarw.gif);
  background-repeat: no-repeat;
  background-position: left center;
  text-align: left;
  vertical-align: middle;
  padding: 0px 0px 0px 32px;
}

div#main_contents .registbox .textarea2 {
  height: 70px;
  background-image: url(/wr_css/wr_img/pop/bnrhtarw.gif);
  background-repeat: no-repeat;
  background-position: left center;
  text-align: left;
  vertical-align: middle;
  padding: 0px 0px 0px 32px;
}

div#main_contents .kaisetuBox {
  width: 650px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 5px;
  margin-left: auto;
  padding:0;
}

div#main_contents .kaisetu_number{
  float:left;
  width:25px;
}

div#main_contents .kaisetu_title {
  font-size:105%;
  float:left;
  width:280px;
  margin:5px 0 10px 5px;
  padding-bottom:5px;
  border-bottom:1px solid #999999;
  font-weight:bold;
}

div#main_contents .kaisetu_title2 {
  font-size:105%;
  float:left;
  width:610px;
  margin:5px 0 10px 5px;
  padding-bottom:5px;
  border-bottom:1px solid #999999;
  font-weight:bold;
}

div#main_contents .kaisetu_left {
  height: auto;
  width: 320px;
  float: left;
  padding-bottom:20px;
  padding-left:0;
} 
div#main_contents .kaisetu_right {
  margin-top:0;
  width: 320px;
  float: left;
  margin-left: 10px;
  margin-bottom:20px;
  padding-left:0;
}
div#main_contents .kaisetu-1{
  font-size: 12px;
  line-height: 130%;
  padding-left: 27px;
  margin: 0px;
  clear:both;
  text-align:center;
}
div#main_contents .caution11 {
  font-size: 11px;
  line-height: 110%;
}
div#main_contents .caution10 {
  font-size: 11px;
  line-height: 130%;
  margin: 0px;
}
/*----------table-----------*/
.tablelist{
  width:600px;
  margin-left:10px;
  text-align:left;
  vertical-align:text-top;
}

.imgarea{
  width:24px;
  vertical-align:top;
}

.txtarea{
  width:272px;
  padding:0 5px 0 5px;
  text-align:left;
  vertical-align:text-top;
  font-weight:bold;
}

.txtarea2{
  width:272px;
  padding:0 5px 15px 5px;
}

.txtarea2 td{
  color: #3c3c3c;
  font-size: 75%;
  line-height: 1.4em;
  text-align:left;
  vertical-align:text-top;
}

.txtarea3{
  width:272px;
  padding:0 5px 15px 5px;
  font-size: 75%;
  line-height: 1.4em;
  text-align:left;
  vertical-align:text-top;
}

/*--------- arwlink ---------*/
.arwlink a {
  color: #407cba;
  background-image: url(/wr_css/wr_img/pop/left_navi_arrow.gif);
  background-repeat: no-repeat;
  background-position: left 3px;
  padding: 0px 0px 0px 10px;
  text-decoration: underline;
}

.arwlink a:link{
  color: #407cba;
  background-image: url(/wr_css/wr_img/pop/left_navi_arrow.gif);
  background-repeat: no-repeat;
  background-position: left 3px;
  padding: 0px 0px 0px 10px;
  text-decoration: underline;
}

.arwlink a:hover{
  color: #407cba;
  background-image: url(/wr_css/wr_img/pop/left_navi_arrow.gif);
  background-repeat: no-repeat;
  background-position: left 3px;
  padding: 0px 0px 0px 10px;
  text-decoration: none;
}

.arwlink a:visited{
  color: #407cba;
  background-image: url(/wr_css/wr_img/pop/left_navi_arrow.gif);
  background-repeat: no-repeat;
  background-position: left 3px;
  padding: 0px 0px 0px 10px;
  text-decoration: underline;
}

.arwlink {
  margin: 5px 0px;
  padding: 0px;
}

.arwlink li {
  list-style-type: none;
}

/*--------- arwlink2 ---------*/
.arwlink2 a {
  color: #407cba;
  background-repeat: no-repeat;
  background-position: left 3px;
  padding: 0px 0px 0px 3px;
  text-decoration: underline;
}

.arwlink2 a:link{
  color: #407cba;
  background-repeat: no-repeat;
  background-position: left 3px;
  padding: 0px 0px 0px 3px;
  text-decoration: underline;
}

.arwlink2 a:hover{
  color: #407cba;
  background-repeat: no-repeat;
  background-position: left 3px;
  padding: 0px 0px 0px 3px;
  text-decoration: none;
}

.arwlink2 a:visited{
  color: #407cba;
  background-repeat: no-repeat;
  background-position: left 3px;
  padding: 0px 0px 0px 3px;
  text-decoration: underline;
}

.arwlink2 li {
  list-style-type: none;
}

/* pop_cashing */
.dot {
  margin: 0 0 30px 0;
  padding: 0 0 15px 0;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #929DA5;
}

.cash_cap {
  font-size: 90%;
  line-height: 140%;
  color: #666666;
  margin:10px 0 0  0;
}

.p_sml {
  font-size: 80%;
}

#main_contents .point {
  margin: 0 0 0 45px;
  width:608px;
}

#main_contents .point .text {
  text-align:left;
  vertical-align:top;
  padding: 0;
  margin:0;
  line-height: 140%;
  color: #0F218B;
}

#main_contents .point strong {
  font-weight: normal;
  color: #FF2121;
  text-decoration: underline;
}

#main_contents .inquiry_area{
  margin: 20px 0 0 15px;
  padding: 5px 0 5px 0;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #0F218B;
  border-bottom-color: #0F218B;
}

div#main_contents .btm_arw {
  margin: 0;
  padding: 0 0 20px 0;
  background-image: url(/wr_css/wr_img/pop/cash_point_arw.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
}

div#main_contents .inquiry_area .tel {
  margin: 0px;
}

div#main_contents .inquiry_area .title {
  margin: 0 0 10px 0;
  padding: 0 0 2px 0;
  border-bottom-style: solid;
  border-bottom-color: #B4BCED;
  border-bottom-width: 1px;
}

div#main_contents .shoruibox_ttl{
  width: 800px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  background-repeat: no-repeat;
}

div#main_contents .shoruibox_txt {
  padding-top: 8px;
  padding-right: 0px;
  padding-bottom: 8px;
  padding-left: 0px;
  line-height: 1.4em;
  color: #3c3c3c;
  font-weight: bold;
  text-align: center;
}

div#main_contents .shoruibox{
clear: both;
width: 800px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-repeat: no-repeat;
}

div#main_contents .shoruibox .shorui_detail_box {
  width: 360px;
  float: left;
  padding:15px;
  margin-top: 0pt;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
}

div#main_contents .shoruibox .shorui_detail_box2{
  width: 360px;
  float: right;
  padding:15px;
  margin-top: 0pt;
  margin-right: 0pt;
  margin-bottom: 5px;
  margin-left: 0px;
}

div#main_contents .shoruibox .shoruitxt_box{
  margin:0;
  color: #3c3c3c;
  font-size: 100%;
  line-height: 1.4em;
}

div#main_contents .shoruibox .shoruiimg_box{
  width: 360px;
  text-align:center;
  margin:15px 0 5px 0; 
}

div#main_contents .shoruibox .shoruiimg_box2{
  width: 140px;
  text-align:center;
  margin:15px 10px 5px 0;
  float:left;
}

div#main_contents .shorui_listbox{
  clear: both;
  width: 780px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding:0 10px 0 10px;
  background-repeat: no-repeat;
}

div#main_contents .shorui_listbox .list_box {
  width: 380px;
  float: left;
  margin-top: 0pt;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
}

div#main_contents .shorui_listbox .list_box2{
  width: 380px;
  float: right;
  margin-top: 0pt;
  margin-right: 0pt;
  margin-bottom: 5px;
  margin-left: 0px;
}

div#main_contents .shorui_table{
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  width:622px;
  border-top-width: 1px;
  border-left-width-value: 1px;
  border-left-width-ltr-source: physical;
  border-left-width-rtl-source: physical;
  border-top-style: solid;
  border-left-style-value: solid;
  border-left-style-ltr-source: physical;
  border-left-style-rtl-source: physical;
  border-top-color: #d9d9d9;
  border-left-color-value: #d9d9d9;
  border-left-color-ltr-source: physical;
  border-left-color-rtl-source: physical;
}

div#main_contents .shorui_table .title {
  font-weight: bold;
  background-color: #014099;
  text-align: center;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  color: #ffffff;
  font-size:90%;
  line-height: 1.4em;
  border-left:1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

div#main_contents .shorui_table .title2 {
  font-weight: bold;
  background-color:#014099;
  text-align: center;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  color: #ffffff;
  font-size:90%;
  line-height: 1.4em;
  border-left:1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

div#main_contents .shorui_table th {
  background-color: #D6EDF4;
  text-align: center;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  color: #014099;
  font-size:90%;
  line-height: 1.4em;
  border-left:1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

div#main_contents .shorui_table th2 {
  background-color: #fefdda;
  text-align: left;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  color: #3c3c3c;
  font-size:90%;
  line-height: 1.4em;
  border-left:1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

div#main_contents .shorui_table .text {
  text-align: left;
  vertical-align: top;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  color: #3c3c3c;
  font-size:90%;
  line-height: 1.4em;
  border-left:1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

div#main_contents .shorui_table .text2 {
  text-align: left;
  vertical-align: top;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  color: #3c3c3c;
  font-size:90%;
  line-height: 1.4em;
  border-left:1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

.aboutlist {
  margin:0;
  padding:0;
  list-style-type:none;
}

.aboutlist li{
  padding:0 0 10px 1em;
  text-indent:-1em;
  line-height:120%;
}

/*--------- atu login btn ---------*/
#contents .atu_login{
  width:610px;
  clear:both;
  margin:0 auto 0 auto;
}

#contents .p_login{
  margin-bottom:10px;
}

#contents .p_login2{
  margin:0px;
}

#contents .p_login3{
  margin:10px 0px 0px 0px;
  font-weight:bold;
}

#contents .table_login{
  border:#dbdbdb solid 1px;
  margin:0 4px 10px 0;
  width:286px;
  float:left;
}

#contents .table_login td{
  padding:5px;
}

#contents .table_login2{
  border:#dbdbdb solid 1px;
  margin:0 0 10px 0;
  width:286px;
  float:left;
}

#contents .table_login2 td{
  padding:5px;
}

#contents .td_login{
  background:#F1F9FA;
  font-weight:bold;
  border-bottom:#dbdbdb solid 1px;
  text-align:center;
}

#contents .td_login2{
  padding:10px;
}

/*--------- table ---------*/
.table_by table{
  border-top:1px solid #d9d9d9!important;
  border-left:1px solid #d9d9d9!important;
}

.table_by table .title{
  font-weight: bold;
  background-color: #f1f9fa;
  text-align: center;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  color: #3c3c3c;
  line-height: 1.4em;
  border-bottom: 1px solid #d9d9d9;
  border-right:1px solid #d9d9d9;
}

.table_by table th{
  background-color: #fefdda;
  text-align: left;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  color: #3c3c3c;
  line-height: 1.4em;
  border-bottom: 1px solid #d9d9d9;
  border-right:1px solid #d9d9d9;
  white-space: nowrap;
}

.table_by table td{
  text-align: center;
  vertical-align: middle!important;
  padding:10px!important;
  color: #3c3c3c;
  line-height: 1.4em;
  border-bottom: 1px solid #d9d9d9;
  border-right:1px solid #d9d9d9;
}

/*--------- margin ---------*/
.marginTo-0 {
  margin-top:0 !important;
}

.marginTo-05em {
  margin-top:0.5em !important;
}

.marginTo-1em {
  margin-top:1em !important;
}

.marginBt-0 {
  margin-bottom:0 !important;
}

.marginBt-05em {
  margin-bottom:0.5em !important;
}

.marginBt-1em {
  margin-bottom:1em !important;
}

.marginBt-2em {
  margin-bottom:2em !important;
}

.marginLe-1em {
  margin-left:1em !important;
}

.marginRi-1em {
  margin-right:1em !important;
}

/* ftext-align
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.alignC {
  text-align:center;
}
.alignL {
  text-align:left;
}
.alignR {
  text-align:right;
}
/*--------- padding ---------*/
.paddingTo-0 {
  padding-top:0px !important;
}

.paddingTo-10 {
  padding-top:10px !important;
}

.paddingTo-20 {
  padding-top:20px !important;
}
.paddingTo-30 {
  padding-top:30px !important;
}

.paddingTo-40 {
  padding-top:40px !important;
}

.paddingBt-0 {
  padding-bottom:0px !important;
}

.paddingBt-10 {
  padding-bottom:10px !important;
}

.paddingBt-20 {
  padding-bottom:20px !important;
}

.paddingLe-10 {
  padding-left:10px !important;
}

.paddingLe-50 {
  padding-left:50px !important;
}

.red{
  color:#E5004F;
  font-weight:bold;
}

.caption{
  font-size:smaller;
}

/* スマホ用リンク指定
----------------------------- */
.spLink{
  display:none
}

/* スマホで閲覧時のバグ対応
----------------------------- */
h2 span{
  background-image: url(/wr_css/wr_img/pop/1px-transparent.gif);
}

#main_contents p,ul,dl {
  background-image: url(/wr_css/wr_img/pop/1px-transparent.gif);
}


#main_contents ul.list {
  margin-bottom:1em;
}
#main_contents ul.list li {
  list-style-type:none;
}

@media screen and (max-width: 767px) {
    .spNav {
        top: 0;
    }
}