@charset "utf-8";

/*
**********************************************************************

* add.css

* site name   : http://www.smbc-card.com/
* description :
* since       :
* editor      :
* modified    :
* editor      :

*********************************************************************
*/


/*
===== CONTENTS ===========================================

	1: 
	2: 
	3: 

==========================================================
*/

.dummy{
margin-bottom:30px;
}

.updummy{
	border:1px solid #cccccc;
	background-color:#eeeeee;
	width:260px;
	height:200px;
}


/*\*/
* html div#main_body{
text-align: center !important;
}
* html div#main_body #cont{
margin-left: auto !important;
margin-right: auto !important;
text-align: left !important;
}
/**/



/*---------------------------------text*/

.font_green{
color:#597506;
}
.font_gray{
color:#999999;
}
.font_yellow{
color:#FFD502;
}
.font_normal{
font-weight: normal;
}

div#main_body p.desc {
margin:0 0 8px 0;
}
div#main_body p.desc02 {
margin:5px 0 8px 0;
}
div#main_body p.desc03 {
margin:0 0 20px 0;
}
div#main_body p.desc04 {
margin:20px 0 0 0;
}

div#main_body label{
font-weight:normal;
}
.example-ir{
color:#555!important;
}
.attention01{
color:#ff0033;
font-weight:bold;
}

p.gotop{
	margin:20px 0;
}

div#main_body div.back_top{
background:#FFF;
margin:0 0 20px 580px ;
}


/*---------------------------------margin padding*/

.pdgt5{
padding-top:5px;
}
.pdgt10{
padding-top:10px;
}
.pdgb0{
padding-bottom:0!important;
}
.mgt5{
margin-top:5px!important;
}
.mgt10{
margin-top:10px!important;
}
.mgt20{
margin-top:20px!important;
}
.mgt30{
margin-top:30px!important;
}
.mgt50{
margin-top:50px!important;
}
.mgb10{
margin-bottom:10px!important;
}
.mgb20{
margin-bottom:20px!important;
}
.mgb0{
margin-bottom:0!important;
}
.mgl1em{
margin-left:1em;
}


/*---------------------------------layout*/
.imgC{
text-align:center;
}
.imgC img,
.imgC input{
display:block;
margin:0 auto;
}
.vaM{
vertical-align:middle;
}
dd.w200{
width:200px!important;
}
.lHeight140per{
line-height:1.4!important;
}
.lHeight150per{
line-height:1.5!important;
}


/*---------------------------------list*/

.liAttent01 li{
padding-left:18px;
min-height:16px;
background:url("../../vp_imgs/newform/new_images/ico_attention_01.gif") no-repeat 0 0.10em;
}
/*\*/
* html .liAttent01 li{
height:16px;
}
/**/
.liDot01 li{
padding-left:12px;
background: url(../../vp_imgs/newform/new_images/icn_dot_01.gif) no-repeat 0.40em 0.55em;
}

.iCustom01{
padding-left:23px;
min-height:20px;
background: url(../../vp_imgs/newform/new_images/icn_customer_02.gif) no-repeat 0 50%;
}
/*\*/
* html .iCustom01{
height:20px;
}
/**/


/*---------------------------------background*/
div#main_body table.bgGreen03{
width: 15.5em;
margin:0;
border:1px solid #D7CE7D;
background:#fff;
}
*:first-child+html div#main_body table.bgGreen03{
width: 14.5em;
}
/*\*/
* html div#main_body table.bgGreen03{
width: 14.5em;
}
/**/
div#main_body table.bgGreen03 .tdM{
margin: 1px;
padding: 5px 10px 7px 30px;
font-size: 12px;
background: #FAFFCC url(../../vp_imgs/newform/new_images/icn_help_02.gif) no-repeat 5px 50%;
}
*:first-child+html div#main_body table.bgGreen03 .tdM{
font-size: 90%;
}
/*\*/
* html div#main_body table.bgGreen03 .tdM{
font-size: 90%;
}
/**/

div#main_body .bgGreen02{
padding:7px 10px 7px 10px;
border:1px solid #cce242;
margin-bottom:10px;
background:#F5F9DB;
}
div#main_body div.bgGreen02 h3{
min-height:16px;
padding-left:10px;
margin-bottom:5px;
background: url(../../vp_imgs/newform/new_images/bg_title_01.gif) no-repeat 0 1px;
}
div#main_body div.bgGreen02 .thanks{
margin-bottom:0px!important;
}
div#main_body div.bgGreen02 .font_bl,
div#main_body div.bgGreen02 .comment{
font-size:14px;
}
div#main_body div.bgGreen02 h3{
margin-top:10px;
}
div#main_body div.bgGreen02 table{
margin:0!important;
}
div#main_body div.bgGreen02 th{
width: 150px!important;
}
div#main_body div.bgGreen02 td{
background:#fff;
}
div#main_body div.bgGreen02 .dldtddContain{
margin-top: 8px;
padding: 5px 10px 10px 10px;
border: 1px solid #DCEA7D;
background: #fff;
}
div#main_body div.bgGreen02 .dldtddContain dt{
float: left;
width: 190px;
min-height: 14px;
padding-top: 5px;
line-height: 1.2;
clear: both;
}
div#main_body div.bgGreen02 .dldtddContain dt img{
vertical-align: bottom;
}
div#main_body div.bgGreen02 .dldtddContain dd{
padding-top: 5px;
min-height: 14px;
margin-left: 210px;
}
/*\*/
* html div#main_body div.bgGreen02 .dldtddContain dt,
* html div#main_body div.bgGreen02 .dldtddContain dd{
height: 14px;
}
/**/

.downArrow{
margin-bottom:10px;
min-height:24px;
background: url(../../vp_imgs/newform/new_images/bg_down_arrow_01.gif) no-repeat 50% 0;
}
.downArrow02{
margin-top:10px;
min-height:24px;
background: url(../../vp_imgs/newform/new_images/bg_down_arrow_01.gif) no-repeat 50% 0;
}
*:first-child+html div#main_body div.bgGreen02{
height:1%;
}
*:first-child+html div#main_body div.bgGreen02 .font_bl,
*:first-child+html div#main_body div.bgGreen02 .comment{
font-size:105%;
}
/*\*/
* html .downArrow,
* html .downArrow02{
height:24px;
}
* html div#main_body div.bgGreen02{
height:1%;
}
* html div#main_body div.bgGreen02 .font_bl,
* html div#main_body div.bgGreen02 .comment{
font-size:105%;
}
/**/

div#main_body div.bgGreen03{
padding:5px;
background:#F5F9DB;
}
div#main_body div.bgGreen03 .font_bl{
color:#336600;
margin-bottom:3px;
}


div#main_body div.bgCream{
padding:5px 10px;
border:1px solid #949494;
background:#ffc;
}
div#main_body div.bgCream p.text{
padding-top:3px;
}
div#main_body div.noteText,
div#main_body div.bgGreen{
margin-bottom:20px;
padding: 10px;
background:#EBEBEB;
}
div#main_body div.bgGreen{
background:#F0F8CF;
}
div#main_body div.noteText p,
div#main_body div.bgGreen p{
margin-top:5px;
line-height:1.2;
}
div#main_body div.noteText p{
margin-left:1em;
text-indent:-1em;
}
div#main_body div.noteText p.first,
div#main_body div.bgGreen p.first{
margin-top:0px;
}

/* 20140808 Add START */
div#main_body div.bgCream02{
margin-bottom:20px;
padding: 10px;
background:#ffc;
border:solid 1px #FF9900;
}
div#main_body div.bgCream02 p{
margin-top:5px;
line-height:1.2;
}
div#main_body div.bgCream02 p.first{
margin-top:0px;
}
/* 20140808 Add END */



/*---------------------------------box*/

.brdGreen01{
padding:10px;
margin:20px 0;
border:2px solid #CCD9BF;
}
.brdGreen01 h3,
.brdGreen01 ul,
.brdGreen01 .text{
margin-bottom:5px;
}

div#main_body div.noteBox{
width:738px;
margin-bottom:20px;
}
div#main_body div.noteBox h2{
margin:0!important;
padding:5px 10px;
border:1px solid #E2DEC2;
color:#ff0033;
background:#EFEDDE;
}
div#main_body div.noteBox h2 span{
display:block;
padding-left:18px;
background:url("../../vp_imgs/newform/new_images/ico_attention_02.gif") no-repeat 0 45%;
}
div#main_body div.noteBox .liNote01{
padding:8px 10px;
border-left:1px solid #E2DEC2;
border-right:1px solid #E2DEC2;
border-bottom:1px solid #E2DEC2;
background:#F9F8F2;
}
div#main_body div.noteBox .liNote01 li.first{
margin-top:0px;
}
div#main_body div.noteBox .liNote01 li.indent{
margin-left:1em;
text-indent:-1em;
}

/*---------------------------------table*/

div#main_body tbody th{
border-right:0!important;
text-align:left;
}
div#main_body td{
border-left:1px solid #949494;
}
div.wrapper{
padding:5px 5px 5px 8px;
}
div#main_body tr.diff th{
background:#EBEBEB;
}

div#main_body ul.indent{
padding-top:5px;
}
div#main_body ul.indent li{
text-indent:-1em;
padding:0 0 0 1em;
line-height:120%;
}

/*-----------------------------------------------------confirm*/

div#main_body div#form_wrapper h2.mgNone{
margin:0!important;
}

div#main_body tbody th{
width:123px;
/*width:123px!important;*/
padding: 9px 10px 9px 10px!important;
}
div#main_body tbody th.icon{
width:40px!important;
padding: 9px 0!important;
text-align:left;
}
div#main_body tbody td{
width:554px;
/*width:554px!important;*/
}
div#main_body .apply_family tbody td{
width:730px!important;
}
div#form_wrapper.confirm tbody th,
div#form_wrapper.finish tbody th{
padding:3px 3px 3px 10px;
width:22%;
}
div#form_wrapper.confirm tbody tr.category_bar th{
border-right:1px solid #949494!important;
}
div#form_wrapper.confirm tbody td,
div#form_wrapper.finish tbody td{
padding:3px 0 3px 10px;
}
div#form_wrapper.confirm tbody td.teisei{
width:130px;
text-align:center;
background:#f7f7f7;
}
div#form_wrapper.confirm tbody td img{
margin-right:5px;
}
#confirm{
text-align:center;
padding-bottom:1em;
}
div#main_body p.confirm,
div#main_body p.confirm02,
div#main_body .confirm03,
div#main_body .confirm04{
color:#00563B;
font-weight: bold;
}
div#main_body p.confirm{
padding:5px 15px 5px 0;
}
div#main_body p.confirm02{
padding:0 0 3px 0;
}
div#main_body p.confirm04{
padding:5px 0 0 0;
}


/*-----------------------------------------------------vpass*/

div#main_body div#vpass{
background: url(../../vp_imgs/newform/bg_vpass.gif) 0 0 repeat-x;
width:100%;
height:62px;
padding-top:20px;
margin-bottom:0px;
}
div#main_body div#vpass div.logo{
float:left;
width:100px;
}
div#main_body div#vpass div.link{
float:right;
width:180px;
text-align:right;
margin-right:10px;
}
div#main_body div#vpass p{
float:left;
width:430px;
}
div#main_body div#vpass p.text{
float:none;
width:auto;
padding:4px 0;
margin-left:100px;
}
div#main_body div#vpass div.logo img{
vertical-align:middle;
margin:0 0 0 10px;
}


div#main_body tr.address dt,
div#main_body tr.address dd{
display: inline;
}
div#main_body tr.address div.wrapper {
padding:5px 0 3px 0;
}
div#main_body tr.address .support{
background: none;
color:#597506;
margin:2px 2px 1px 2px;
padding:5px 15px 2px 10px;
}

div#main_body tr.address dl{
padding:5px 0 0 0;
}
div#main_body tr.address dl.last{
padding-bottom:0px;
background:none;
}
div#main_body tr.address dt{
float:left;
width:8em;
text-align:left;
}
*:first-child+html div#main_body tr.address dt{
padding-top: 3px;
}
/*\*/
* html div#main_body tr.address dt{
padding-top: 3px;
}
/**/
div#main_body tr.address dd{
float:left;
}

div#main_body input.ipt_025,
div#main_body input.ipt_030,
div#main_body input.ipt_030_pass,
div#main_body input.ipt_050,
div#main_body input.ipt_075,
div#main_body input.ipt_075b,
div#main_body input.ipt_075_pass,
div#main_body input.ipt_120,
div#main_body input.ipt_120_pass,
div#main_body input.ipt_150,
div#main_body input.ipt_170,
div#main_body input.ipt_170_pass,
div#main_body input.ipt_200,
div#main_body input.ipt_250,
div#main_body input.ipt_250auto,
div#main_body input.ipt_320,
div#main_body input.ipt_320auto,
div#main_body input.ipt_530,
div#main_body input.ipt_530auto{
border:1px solid #7F9DB9;
}

div#main_body select.ipt_030{
width: 45px;
height:20px;
padding:0;
}
div#main_body select.ipt_080{
width: 80px;
height:20px;
padding:0;
}
div#main_body input.ipt_030_pass{
width:30px;
padding:1px;
}
div#main_body input.ipt_075b,
div#main_body input.ipt_075_pass{
width:75px;
padding:1px;
}
div#main_body input.ipt_120_pass{
width:120px;
padding:1px;
}

div#main_body .ipt_150{
width:150px;
padding:1px;
}

div#main_body select.ipt_170{
width:170px;
height:20px;
padding:0;
}

div#main_body .ipt_170_pass{
width:170px;
padding:1px;
}

div#main_body .ipt_250auto,
div#main_body .ipt_320auto,
div#main_body .ipt_530auto{
background-color:#EAEAEA;
color:#000!important;
}
div#main_body .ipt_250auto,
div#main_body .ipt_250{
width:250px;
padding:1px;
}
div#main_body .ipt_320auto{
width:320px;
padding:1px;
}
div#main_body .ipt_530,
div#main_body .ipt_530auto{
width:530px;
padding:1px;
}
div#main_body .ipt_300_noborder{
width:300px;
}
div#main_body .ipt_340_noborder{
width:340px;
}
div#main_body .ipt_450_noborder{
width:450px;
}
div#main_body .ipt_500_noborder{
width:500px;
}
div#main_body .ipt_250_noborder,
div#main_body .ipt_300_noborder,
div#main_body .ipt_340_noborder,
div#main_body .ipt_450_noborder,
div#main_body .ipt_500_noborder{
padding:1px;
}

div.aboutjob{
position:relative;
}
div.aboutjob p{
position:absolute;
padding-left: 300px;
top:0px;
right:0px;
}
/*\*/
* html div.aboutjob p{
top:0px;
right:5px;
}
/**/


div.aboutLink p.aboutL{
float: left;
width: 280px;
text-align: left;
}
p.aboutLbank{
float: left;
width: 432px;
text-align: left;
}
div.aboutLink p.aboutR{
margin-left: 280px;
text-align: right;
}
p.aboutRbank{
margin-left: 105px;
text-align: right;
}

div.aboutLink.wide p.aboutL{
width: 300px;
}
div.aboutLink.wide p.aboutR{
margin-left: 300px;
}
div.aboutLink.wideL p.aboutL{
width: 350px;
}
div.aboutLink.wideL p.aboutR{
margin-left: 350px;
}

div.aboutLink {
zoom:1;/*for IE 5.5-7*/
min-height:1%;
}
div.aboutLink:after {/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}
* html div.aboutLink {
height:1%;
display:inline-table;
/*\*/display:block;/**/
}

div.aboutLinkOnly p{
text-align:right;
padding:5px 0 0 0;
}


div#main_body tr.other_card dl.bankInfo{
margin:10px 0;
border:1px solid #cccccc;
}
div#main_body tr.other_card dl.bankInfo dt{
padding:7px;
border-bottom:1px solid #cccccc;
}
div#main_body tr.other_card dl.bankInfo dt.nl{
padding:7px 7px 0;
border-bottom:none;
}
div#main_body tr.other_card dl.bankInfo dd{
padding:7px;
}

div#main_body tbody th{
vertical-align:middle;
}

div#main_body .cell{
padding:5px 5px 10px 8px;
background:url(../../vp_imgs/newform/bg_support_dotted.gif) repeat-x 0 100%;
}
div#main_body .cellend{
padding:5px 5px 10px 8px;
}

div#main_body tr.notselect th{
background: #ffffff; 
border-right:none;
width:166px;
}
div#main_body tr.notselect td{
border-left:none;
}


/*---------------------------------error message*/
div#main_body dl#error-msg02 {
width:700px;
margin:0 auto 15px auto;
}
dl#error-msg02 h2,
dl#error-msg02 dt,
dl#error-msg02 dd,
dl#error-msg02 div{
margin:0!important;
padding:0!important;
}
dl#error-msg02 dd{
background:url("../../vp_imgs/newform/new_images/bg_error-msg_middle.gif") repeat-y;
text-align:center;
}
dl#error-msg02 dd div.messageB{
padding-bottom:5px!important;
background:url("../../vp_imgs/newform/new_images/bg_error-msg_btm.gif") no-repeat left bottom;
}
dl#error-msg02 dd .liAttent01{
width:580px;
margin:0 auto;
padding:10px 0;
border-bottom:1px solid #E37A77;
color:#DC0101;
font-weight:bold;
text-align:left;
}
dl#error-msg02 dd .liAttent01.last{
border-bottom:0px;
}
dl#error-msg02 dd .liAttent01 li{
margin-top:3px;
}


/*---------------------------------error*/
div#main_body tr.error th,
div#main_body tr.error th.icon{
background:#FF6460 !important;
}
div#main_body tr.error td{
background:#FFE2E1 !important;
}
div#main_body tr.error .support,
div#main_body tr.error .support_sub,
div#main_body tr.error table .support_sub02{
background-color: #FF6460;
}
div#main_body tr div.announce01,
div#main_body tr div.announce02{
display:none;
}
div#main_body tr.error div.announce01,
div#main_body tr.error div.announce02,
div#main_body tr.error div.announce03{
display:block;
margin:5px 0 7px 0;
padding:0;
width:535px;
color:#DC0101;
font-weight:bold;
}

div#main_body tr.error div.announce01{
background:url(../../vp_imgs/newform/new_images/bg_error_middle_01.gif) repeat-y;
}
div#main_body tr.error div.announce01 .announceT{
background:url(../../vp_imgs/newform/new_images/bg_error_top_01.gif) no-repeat;
}
div#main_body tr.error div.announce01 .announceB{
padding:5px;
background:url(../../vp_imgs/newform/new_images/bg_error_btm_01.gif) no-repeat left bottom;
}
div#main_body tr.error div.announce02,
div#main_body tr.error div.announce03{
background:url(../../vp_imgs/newform/new_images/bg_error_middle_02.gif) repeat-y;
}
div#main_body tr.error div.announce02 .announceT{
background:url(../../vp_imgs/newform/new_images/bg_error_top_02.gif) no-repeat;
}
div#main_body tr.error div.announce02 .announceB{
padding:5px;
background:url(../../vp_imgs/newform/new_images/bg_error_btm_02.gif) no-repeat left bottom;
}
div#main_body tr.error div.announce03 .announceT{
background:url(../../vp_imgs/newform/new_images/bg_error_top_03.gif) no-repeat;
}
div#main_body tr.error div.announce03 .announceB{
padding:5px;
background:url(../../vp_imgs/newform/new_images/bg_error_btm_03.gif) no-repeat left bottom;
}

div#private-bank,
div#post-office,
div#Daiwa-Securities {
display:none;
}

div#configAboutFamilyCard {
display:none;
}


/*---------------------------------finish*/
div#main_body div.thanks{
position:relative;
width:716px;
margin-bottom:20px;
}
div#main_body div.thanks p.comment{
margin-top:5px;
width:550px;
}
div#main_body div.thanks div.printbtn{
position:absolute;
top:0px;
right:0px;
}


/*---------------------------------attention*/
.attention{
margin:20px 0;
padding:3px 10px 10px;
border:1px solid #cccccc;
}
.attention table{
margin-top:7px !important;
}
.attention p{
margin-top:7px ;
}


/*---------------------------------function*/
.function02,
.function03{
width:738px;
padding-bottom:20px;
text-align:center;
}
.function02 li{
display:inline;
padding:0 10px 0 10px;
}
.function02 li.suspend{
float:right;
width:150px;
margin-top:-38px;
text-align:left;
}

.function03 {
width:350px;
margin-left:184px;
}
.function03 fL,
.function03 fR{
width:157px;
}
.function03 p{
text-align:center;
}
.function03 p.text{
padding-top:5px;
}

.function04 {
margin: 0 0 20px 0;
text-align: right;
}
.function04  img {
margin-left: auto;
}



/*---------------------------------select*/
h2.customer{
min-height:28px;
margin-bottom:15px;
border-bottom:2px solid #FF9D13;
background:url(../../vp_imgs/newform/new_images/icn_customer.gif) no-repeat 0 0.1em;
font-size:120%;
}
h2.customer span{
display:block;
padding:5px 5px 5px 30px;
}
/*\*/
* html h2.customer{
height:28px;
}
/**/
h2.customer02{
min-height:28px;
margin-bottom:15px;
border-bottom:2px solid #A5D500;
background:url(../../vp_imgs/newform/new_images/icn_customer_03.gif) no-repeat 0 0.1em;
font-size:120%;
}
h2.customer02 span{
display:block;
padding:5px 5px 5px 30px;
}
/*\*/
* html h2.customer02{
height:28px;
}
/**/

div.clmSelect{
width:738px;
margin:15px 0 20px 0;
background:url("../../vp_imgs/newform/new_images/bg_select_middle.gif") repeat-y;
}
div.clmSelectB{
padding-bottom:20px;
background:url("../../vp_imgs/newform/new_images/bg_select_btm.gif") no-repeat left bottom;
}
div.clmSelect .fL,
div.clmSelect .fR{
width: 364px;
}
div.clmSelectC{
padding:15px 15px 0 15px;
}
div.clmSelect p{
line-height:1.4!important;
}
div.clmSelect img{
display:block;
line-height:1;
}
div.clmSelect .button{
text-align:center;
}
div.clmSelect .button img{
margin:0 auto;
}
div.clmSelect .indent{
margin-left: 1em;
text-indent: -1em;
}

div.clmSelectSpan01{
min-height:230px;
}
div.clmSelectSpan02{
min-height:190px;
}
div.clmSelectSpan03{
min-height:170px;
}
div.clmSelectSpan04{
min-height:160px;
}
/*\*/
* html div.clmSelectSpan01{
height:230px;
}
* html div.clmSelectSpan02{
height:190px;
}
* html div.clmSelectSpan03{
height:170px;
}
* html div.clmSelectSpan04{
height:160px;
}
/**/


/*---------------------------------cardflow*/
h2.self,
h2.cardflow{
margin-top:20px;
margin-bottom:10px!important;
}
h3.self{
margin:15px 0 5px 0;
padding-bottom:5px;
border-bottom:1px solid #ccc;
}
h3.self02{
margin:15px 0 10px 0;
padding:3px 10px;
background:#EBEBEB;
}
ol.liNumber{
margin-top:10px;
}
ol.liNumber li{
margin-bottom:10px;
padding-left:21px;
min-height:16px;
}
ol.liNumber li.num01{
background:url("../../vp_imgs/newform/new_images/icn_number_01.gif") no-repeat;
}
ol.liNumber li.num02{
background:url("../../vp_imgs/newform/new_images/icn_number_02.gif") no-repeat;
}
ol.liNumber li.num03{
background:url("../../vp_imgs/newform/new_images/icn_number_03.gif") no-repeat;
}
/*\*/
* html ol.liNumber li{
height:21px;
}
/**/

div.infoText{
margin-bottom:5px;
}
div.infoText p{
padding-left:16px;
color:#006633;
font-weight:bold;
background:url("../../vp_imgs/newform/new_images/icn_information.gif") no-repeat 0 2px;
}
div.blueBox01{
width:738px;
padding:2px 0;
background:#80C9FF;
}
div.blueBox01M{
min-height: 115px;
margin:0 2px;
padding:10px 300px 5px 12px;
border:2px solid #fff;
background:#E3F3FF url("../../vp_imgs/newform/new_images/img_upload_02.gif") no-repeat 485px 0;
}
/*\*/
* html div.blueBox01M{
height:115px;
}
/**/

.selfDocument{
margin-bottom:20px;
}
.selfDocument p{
line-height:1.4!important;
}
.selfDocument li{
margin-top:2px!important;
}


/*---------------------------------flowchart*/
#flow-chart02{
width:738px;
margin:0 auto 20px auto;
}
#flow-chart02 li{
float: left;
}
#flow-chart02 .under{
padding-top:2px;
}


/*---------------------------------license*/
.licenseWrapper{
padding:5px 5px 5px 8px;
}
.licenseWrapper .radioSel{
float:left;
width:65px;
}
.licenseWrapper .inputNum{
margin-left: 70px;
}
.licenseWrapper .aboutLinkOnly p{
padding:0!important;
}


/*---------------------------------information*/
div#main_body dl#information02{
margin: 0 0 20px 0;
}
div#main_body dl#information02 dt{
background: url("../../vp_imgs/newform/new_images/bg_guide_title_01.gif") 50% 0 no-repeat;
height:24px;
text-indent:-999em;
border:none;
}
div#main_body dl#information02 dd{
background: url("../../vp_imgs/newform/new_images/bg_guide_detail_02.gif") 50% 0 no-repeat;
height:46px;
text-indent:-999em;
border:none;
}

div#main_body #information03{
margin: 50px auto 10px auto;
width:630px;
height:65px;
background: url(../../vp_imgs/newform/new_images/img_guide_center.gif) no-repeat;
}
div#main_body #information03 dt,
div#main_body #information03 dd{
height:32px;
margin:0;
padding:0;
text-indent:-999em;
}


/*---------------------------------list*/
div#main_body .checkBoxList li{
display:inline;
float:left;
width:31%;
letter-spacing:-0.08em;
white-space:nowrap;
}

div#main_body .radioList li div {
margin-left:20px;
padding-bottom:5px;
}

/*--------------------------------same inquiry card*/
div#main_body .sameInquiryCard label{
padding:0;
font-weight:bold;
}

div#main_body .sameInquiryCard .mBox{
padding:8px 10px 0 20px;
}

div#main_body .sameInquiryCard.error td{
background: #fff!important;
}


/*--------------------------------about family*/
div#main_body tr.family dl{
padding-bottom:0px;
background:none;
}
div#main_body tr.family dt{
float:left;
width:70px;
text-align:right;
padding: 0;
}
div#main_body tr.family dd{
float:left;
width:200px;
display: inline;
margin-left: 10px;
}


div#main_body.inquiry {
border-top:3px solid #006653;
padding-top:0;
}
div#title {
position:relative;
height:55px;
margin-bottom:35px;
}
p#logo {
position:absolute;
left:15px;
bottom:0;
width:236px;
height:36px;
}
p#btn-env {
position:absolute;
top:0;
right:0;
width:60px;
height:25px;
}
p#logout {
position:absolute;
top:4px;
right:66px;
width:80px;
height:20px;
}

/*-------------------------------- procedure */
.roundCorner01 {
width: 738px;
background: url(../../vp_imgs/newform/new_images/bg_roundcorner_middle.gif) repeat-y;
}
.roundCorner01 .boxT {
background: url(../../vp_imgs/newform/new_images/bg_roundcorner_top.gif) no-repeat;
}
.roundCorner01 .boxB {
padding: 15px 20px;
background: url(../../vp_imgs/newform/new_images/bg_roundcorner_bottom.gif) no-repeat left bottom;
}
.roundCorner01 .contL {
float: left;
width: 60px;
margin-top: 4px;
}
.roundCorner01 .contR {
float: left;
width: 600px;
}
.roundCorner01 .contR p {
font-size: 14px;
line-height: 1.5;
}
*:first-child+html .roundCorner01 .contR p,
* html .roundCorner01 .contR p {
font-size: 105%;
}

.procedureBox{
margin-bottom: 30px;
border-left: 1px solid #8DCF72;
border-right: 1px solid #8DCF72;
border-bottom: 1px solid #8DCF72;
background: #B7E0A5;
text-align: center;
}
.procedureBox .tit01 img,
.procedureBox .btn01 img{
display: block;
}
.procedureBox .btn02 img{
display: inline;
vertical-align: middle;
}
.procedureBox .btn01,
.procedureBox .btn02{
margin: 15px 0 8px 0;
}

.procedureBox .box01{
padding: 0 4px 5px 4px;
}
.procedureBox .boxM{
width: 728px;
background: url(../../vp_imgs/newform/new_images/bg_procedure_middle.gif) repeat-y;
}
.procedureBox .boxB{
padding: 10px 15px 15px 15px;
background: url(../../vp_imgs/newform/new_images/bg_procedure_bottom.gif) no-repeat left bottom;
}
.procedureBox .contL{
float:left;
width:490px;
}
.procedureBox .imgtext{
margin-top: 15px;
}
.procedureBox .contR{
float:right;
width:165px;
}
.procedureBox .box01 .noteText{
margin: 10px 0 0 0!important;
}
.procedureBox .box01 .noteText p{
margin: 0!important;
text-indent: 0!important;
}


/*-------------------------------- defect */
.defectBox{
margin: 20px 0 0 0;
background:url(../../vp_imgs/newform/new_images/bg_defect_middle.gif) repeat-y;
}
.defectBox .boxB{
padding: 5px 0 10px 0;
background:url(../../vp_imgs/newform/new_images/bg_defect_btm.gif) no-repeat left bottom;
zoom: 1;
}

.defectBox dl,
.defectBox ul{
margin:0 10px 0 10px;
color:#00563B;
}
.defectBox dt{
float:left;
padding-top:3px;
padding-left:20px;
background:url(../../vp_imgs/newform/new_images/icn_check.gif) no-repeat 0 70%;
font-weight:bold;
clear:both;
}
.defectBox dd{
padding-top:3px;
margin-left: 120px;
}
.defectBox li{
padding-top:3px;
padding-left:20px;
background:url(../../vp_imgs/newform/new_images/icn_check.gif) no-repeat 0 0.5em;
}

/*-------------------------------- button */
.btnTop01{
margin: 30px 0 20px 0;
}

/*-------------------------------- how to upload */
.howToUlBox{
width: 738px;
margin: 50px 0 0 0;
}
.howToUlBox .boxC{
padding: 0 10px;
border: 1px solid #D7CE7D;
}
.howToUlBox .number{
padding-bottom: 16px;
background: url(../../vp_imgs/newform/new_images/bg_dotline_01.gif) repeat-x left bottom;
}
.howToUlBox .text01{
float:left;
width:380px;
margin-top:12px;
min-height: 19px;
}
.howToUlBox .image01{
float:right;
width:311px;
margin-top:15px;
background: url(../../vp_imgs/newform/new_images/bg_file_middle.gif) repeat-y;
}
.howToUlBox .image02{
float:right;
width:311px;
margin-top:15px;
}
.howToUlBox .image01B{
padding: 8px 10px 10px 10px;
background: url(../../vp_imgs/newform/new_images/bg_file_btm.gif) no-repeat left bottom;
}
.howToUlBox dt{
float:left;
width:90px;
clear:both;
}
.howToUlBox dd{
margin-left:100px;
}
.howToUlBox .text01 p,
.howToUlBox .text01 ul{
margin-left:22px;
}
.howToUlBox .one .text01{
background: url(../../vp_imgs/newform/new_images/icn_number_01.gif) no-repeat 0 3px;
}
.howToUlBox .two .text01{
background: url(../../vp_imgs/newform/new_images/icn_number_02.gif) no-repeat 0 3px;
}
.howToUlBox .three .text01{
background: url(../../vp_imgs/newform/new_images/icn_number_03.gif) no-repeat 0 3px;
}
.howToUlBox .number.three{
background:none;
}
.howToUlBox .number.three .text01{
float:none;
width:auto;
}
.howToUlBox .number.three .image03{
text-align: center;
}
.howToUlBox .number.three .image03 img{
display:block;
margin: 10px auto 0 auto;
}
/*\*/
* html .howToUlBox .text01{
height: 19px;
}
/**/

/*-------------------------------- changeBank */
.changeBankDl dt {
float:left;
width:20px;
clear:both;
}
.changeBankDl dd {
margin-left:20px;
}
.changeBankDl dd label{
margin:0;
}

/*-------------------------------- */
div#main_body .confirmTbl01 {
width: 738px;
margin-bottom:0px;
}
div#main_body .confirmTbl01 th{
width: 185px!important;
}
div#main_body .confirmTbl01 td{
width: 420px!important;
}
div#main_body .confirmTbl01 .category_bar th{
width: 605px!important;
padding: 4px 10px 3px 10px!important;
}

/*-------------------------------- IE6 tuning */
* html tr.zipcode .aboutL{
height: 25px;
}


/*-------------------------------- 2011.02 ??? */
.alC { text-align: center; }
.alC a,
.alC img,
.alC input { margin: 0 auto; }
.alC a img { margin: 0;}

.noteBox02 {
padding: 10px;
border: 1px solid #E2DEC2;
background: #F9F8F2;
}
.noteBox02 .icn_note {
padding-left: 20px;
background: url("../../vp_imgs/newform/new_images/ico_attention_02.gif") no-repeat 0 0.1em;
}

.aboutOnAccount01 {
margin: 20px 0;
background: url("../../vp_imgs/newform/new_images/bg_box_green_middle.gif") repeat-y;
zoom: 1;
}
.aboutOnAccount01 .bgB {
padding: 10px 15px 15px 15px;
background: url("../../vp_imgs/newform/new_images/bg_box_green_btm.gif") no-repeat left bottom;
}
.aboutOnAccount01 .ttl { margin: 0!important; }
.aboutOnAccount01 .clearfix { padding: 0 5px; }
.aboutOnAccount01 .fL {
width: 340px;
}

.aboutOnAccount02 {
margin: 20px 0;
background: url("../../vp_imgs/newform/new_images/bg_box_gray_middle.gif") repeat-y;
zoom: 1;
}
.aboutOnAccount02 .bgB {
padding: 10px 15px 15px 15px;
background: url("../../vp_imgs/newform/new_images/bg_box_gray_btm.gif") no-repeat left bottom;
}
.aboutOnAccount02 .ttl { margin: 0!important; }
.aboutOnAccount02 .clearfix { padding: 0 5px; }
.aboutOnAccount02 .fL {
width: 340px;
}


/*-------------------------------- 2011.10 ??? */
div#main_body tr.know_edit .clearfix li{
display:-moz-inline-box;
display:inline-block;
width:175px;
vertical-align: top;
}
* html div#main_body tr.know_edit .clearfix li{
display:inline;
zoom:1;
}
*:first-child+html div#main_body tr.know_edit .clearfix li{
display:inline;
zoom:1;
}

div#main_body tr.interesting .clearfix li,
div#main_body tr.other_card .clearfix li{
float:none;
font-weight:normal;
letter-spacing:0;
white-space:normal;

display:-moz-inline-box;
display:inline-block;
width:175px;
vertical-align: top;
}
* html div#main_body tr.interesting .clearfix li,
* html div#main_body tr.other_card .clearfix li{
display:inline;
zoom:1;
}
*:first-child+html div#main_body tr.interesting .clearfix li,
*:first-child+html div#main_body tr.other_card .clearfix li{
display:inline;
zoom:1;
}


/*-------------------------------- 2011.12 ??? amazon */
.attention02{ color:#ff0033; }

.amazon-error {
	margin: 20px 19px 0 19px;
	background: url(../../vp_imgs/newform/new_images/bg_error_amazon_01_mdl.gif) repeat-y;
}
.amazon-error .head {
	padding: 9px 10px 7px 10px;
	background: url(../../vp_imgs/newform/new_images/bg_error_amazon_01_top.gif) no-repeat;
	border-bottom: 1px solid #E37A77;
}
.amazon-error .head .ttl {
	margin: 0!important;
	padding: 3px 0 3px 28px;
	background: url(../../vp_imgs/newform/new_images/ico_attention_04.gif) no-repeat 0 0;
	font-size: 14px;
	color: #DC0101;
}
.amazon-error .lower {
	padding: 10px 10px 15px 10px;
	background: url(../../vp_imgs/newform/new_images/bg_error_amazon_01_btm.gif) no-repeat left bottom;
}

.amazon-submit { margin: 30px 0; }
.amazon-submit p { text-align: center; }
.amazon-information {
	margin: 10px 0 20px 0;
	text-align: center;
}
.amazon-information img {
	display: block;
	margin: 0 auto;
}

.online_furikae { margin:10px 0; border:2px solid #C6D821; padding:20px 10px; font-size:12px; }
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
 
* html .clearfix             { zoom: 1; } /* IE6 */
 
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*130730 add*/
.mgb5{
	margin-bottom:5px !important;
}

/*210401 add*/
.mb10 {
	margin-bottom: 10px;
}

/*210401 add*/
.mb20 {
	margin-bottom: 20px;
}

/*210401 add*/
.ml5 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}
.ml50 {
	margin-left: 50px;
}
/*210401 add*/
.mr5 {
	margin-right: 5px;
}
.mr20 {
	margin-right: 20px;
}
#main_body #form_wrapper.confirm .confirmTbl02,#main_body #form_wrapper.confirm .confirmTbl03{
width: 738px;
}
#main_body #form_wrapper.confirm .confirmTbl02 tbody th,#main_body #form_wrapper.confirm .confirmTbl03 tbody th{
width: 185px;
}
#main_body #form_wrapper.confirm .confirmTbl02 .category_bar th,#main_body #form_wrapper.confirm .confirmTbl03 .category_bar th{
width: 718px;
padding: 4px 10px 3px 10px!important;
}

div#main_body .confirmTbl02 tbody td {
width:266px !important;
}
div#main_body .confirmTbl02 tbody td.w266 {
width:266px !important;
}

/* 共通マージン用定義 */
.maB5 {
	margin-bottom: 5px;
}
.maL10 {
	margin-left: 10px;
}
.maR5 {
	margin-right: 2px;
}

/* 20200401 Add 優先度BC start */
/* 金融機関横並び指定 */
.bank_image {
    display: flex;
   flex-wrap: wrap;
}

/* 金融機関横並び指定(左側) */
.bank_image_left {
    align-content: flex-start;
    flex-basis: 80%;
}

/* 金融機関横並び指定(右側)　*/
.bank_image_right{
    align-content: flex-start;
    flex-basis: 20%;
}

/* 銀行画像にマージンを付与 */
.bank_image_mergin {
    margin-right:  0px;
    margin-bottom: 7px;
}

/* ポインタに変更 */
.set_pointer {
    cursor: pointer;
}

/* その他金融機関のボタン制御 */
div#form_account div.other_bank_button {
    text-align:center;
    margin-top: 15px;
}

/* 金融機関のボタン 初期表示*/
img.set_pointer.bank_image_mergin:not(.bank_selected) {
    box-shadow: 0 0 0 1px #ae9e9b;
    border-radius: 3px;
    max-width: 140px;
    max-height: 90px;
}

/* 金融機関のボタン 選択時*/
.bank_selected {
    box-shadow: 0 0 0 4px #0A8664;
    border-radius: 3px;
}

/* その他金融機関のボタンサイズ */
.other_bank_button_size {
    padding:10px 30px;
    font-weight: bold;
}

/* 支店検索ボタン */
.branch_search_botton {
    display: inline-block;
    color: #000;
    text-decoration: none;
    background:linear-gradient(to bottom, #f8eda4,#f9eb2b);
    padding: 4px 17px 4px 7px;
    border-radius: 3px;
    font-weight: bold;
    font-size: 14px;
    border: solid 1px #ae9e9b;
    cursor: pointer;
}

/* 支店検索ボタンの矢印 */
.branch_search_botton::before {
    content: '';
    width:0;
    height:0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #ff0000;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 4px;
}
/* 20200401 Add 優先度BC end */

/* 20210401 SBI証券同時申し込み start */
/* お問い合わせエリア */
.inquiry_box {
    border: 1px solid #949494;
    width: 630px;
    margin: 20px auto;
    font-weight: bold;
}

/* サポートデスク */
.desk_name {
    background-color: #4a9b00;
    color: white;
    padding: 5px;
    display: inline-block;
}

/* FlexBox */
.flex_row {
	display: flex;
}

/* SBI証券同時申し込みパネル確認事項エリア */
/* （FlexBox使用時のIE対策用） */
.right_box_sbi {
	max-width: 500px;
}
/* 20210401 SBI証券同時申し込み end */

/* ボタンcss start */
.next_btn{
    width: 201px;
    margin:15px auto;
    text-align: center;
    height: 49px;
    position: relative;
    background-color: #ff8c2f;
    border-radius: 8px;
}
.next_btn > li{
    position: absolute;
    width: 100%;
    padding: 0;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}
.next_btn > li > span{
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 18px;
    display: block;
}
.next_btn > li > span:before{
    content: "";
    width: 10px;
    height: 2px;
    display: inline-block;
    top: 29%;
    transform: rotate(45deg);
    right: 7%;
    border-radius: 5px;
    position: absolute;
    background: white;
}
.next_btn > li > span:after{
    content: "";
    width: 10px;
    height: 2px;
    display: inline-block;
    top: 59%;
    transform: rotate(-45deg);
    right: 7%;
    border-radius: 5px;
    position: absolute;
    background: white;
}
.save_next_btn{
    width: 270px;
    margin:15px auto;
    text-align: center;
    height: 49px;
    position: relative;
    background-color: #ff8c2f;
    border-radius: 8px;
}
.save_next_btn > li{
    position: absolute;
    width: 100%;
    padding: 0;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}
.save_next_btn > li > span{
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 18px;
    display: block;
}
.save_next_btn > li > span:before{
    content: "";
    width: 10px;
    height: 2px;
    display: inline-block;
    top: 29%;
    transform: rotate(45deg);
    right: 7%;
    border-radius: 5px;
    position: absolute;
    background: white;
}
.save_next_btn > li > span:after{
    content: "";
    width: 10px;
    height: 2px;
    display: inline-block;
    top: 59%;
    transform: rotate(-45deg);
    right: 7%;
    border-radius: 5px;
    position: absolute;
    background: white;
}
.save_btn{
    width: 156px;
    margin:15px auto;
    text-align: center;
    height: 39px;
    position: relative;
    border-radius: 8px;
    border:solid 2px #00563B;
}
.save_btn > li{
    position: absolute;
    width: 100%;
    padding: 0;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}
.save_btn > li > span{
    text-decoration: none;
    color: #00563B;
    font-weight: bold;
    font-size: 15px;
    display: block;
}
.save_btn > li > span:before{
    content: "";
    width: 10px;
    height: 2px;
    display: inline-block;
    top: 25%;
    transform: rotate(45deg);
    right: 7%;
    border-radius: 5px;
    position: absolute;
    background: #00563B;
}
.save_btn > li > span:after{
    content: "";
    width: 10px;
    height: 2px;
    display: inline-block;
    top: 63%;
    transform: rotate(-45deg);
    right: 7%;
    border-radius: 5px;
    position: absolute;
    background: #00563B;
}
.address_btn{
    width: 109px;
    margin-left: 150px;
    text-align: center;
    height: 24px;
    position: relative;
    background-color: #00563B;
    border-radius: 6px;
}
.address_btn > li{
    position: absolute;
    width: 100%;
    padding: 0;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}
.address_btn > li > span{
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 12px;
    display: block;
}
.address_btn > li > span:before{
    content: "";
    width: 8px;
    height: 2px;
    display: inline-block;
    top: 29%;
    transform: rotate(45deg);
    right: 7%;
    border-radius: 5px;
    position: absolute;
    background: white;
}
.address_btn > li > span:after{
    content: "";
    width: 8px;
    height: 2px;
    display: inline-block;
    top: 59%;
    transform: rotate(-45deg);
    right: 7%;
    border-radius: 5px;
    position: absolute;
    background: white;
}
/* ボタンcss end */

/* コピーするボタン start */
.user_input_data_copy_btn{
    width: 76px;
    height: 21px;
    display: inline-block;
    color:#00563B;
    border:solid 2px #00563B;
    text-align: center;
    padding-top: 5px;
    margin-top: -4px;
    border-radius: 8px;
    padding-right: 12px;
    position: relative;
}
.user_input_data_copy_btn::before{
    content: "";
    position: absolute;
    top:36%;
    right: 4px;
    width: 8px;
    height: 2px;
    background-color: #00563B;
    display: inline-block;
    transform: rotate(45deg);
    border-radius: 3px;
}
.user_input_data_copy_btn::after{
    content: "";
    position: absolute;
    bottom:38%;
    right: 4px;
    width: 8px;
    height: 2px;
    background-color: #00563B;
    display: inline-block;
    transform: rotate(-45deg);
    border-radius: 3px;
}
/* コピーするボタン end */
/* 20220202 Add かんたん申込 start */
.changeInfoMsg {
    font-size: 18px;
    font-weight: bold;
}
.changeInfoCheckMsg {
    font-weight: bold;
}
table#confirm_accordion_1 tbody tr th,
table#confirm_accordion_2 tbody tr th,
table#confirm_accordion_3 tbody tr th,
table#confirm_accordion_4 tbody tr th,
#accordion_table_box_A table tbody tr th,
#accordion_table_box_B table tbody tr th,
#accordion_table_box_C table tbody tr th {
    background: #f7f7f7;
}
div#main_body tr.family dt {
    float: left;
    width: 70px;
    text-align: right;
    padding: 0;
}
.easyAppChangeCheckBoxALL {
    position: relative;
    top: 1px; 
    right: 4px;
}
.easyAppChangeCheckBox {
    position: relative;
    top: 2px; 
    right: 4px;
}
/* 20220202 Add かんたん申込 end */

/* eKYC入会 add start */
.identification_btn_css{
    width: 270px;
    margin:20px auto;
    text-align: center;
    height: 55px;
    position: relative;
    background-color: #ff8c2f;
    border-radius: 8px;
  }
  .identification_btn_css > li{
    position: absolute;
    top:50%;
    left:46%;
    transform: translate(-42%, -50%);
  }
  .identification_btn_css > li > a{
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 18px;
  }
  .identification_btn_css > li > a:before{
    content: "";
    width: 10px;
    height: 2px;
    display: inline-block;
    top: 30%;
    transform: rotate(45deg);
    right: -32%;
    border-radius: 5px;
    position: absolute;
    background: white;
  }
  .identification_btn_css > li > a:after{
    content: "";
    width: 10px;
    height: 2px;
    display: inline-block;
    top: 59%;
    transform: rotate(-45deg);
    right: -32%;
    border-radius: 5px;
    position: absolute;
    background: white;
  }
  .identification_start_btn_css{
    width: 270px;
    margin:20px auto;
    text-align: center;
    height: 55px;
    position: relative;
    background-color: #ff8c2f;
    border-radius: 8px;
  }
  .identification_start_btn_css > li{
    position: absolute;
    top:50%;
    left:40%;
    transform: translate(-34%, -50%);
  }
  .identification_start_btn_css > li > a{
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 18px;
  }
  .identification_start_btn_css > li > a:before{
    content: "";
    width: 10px;
    height: 2px;
    display: inline-block;
    top: 30%;
    transform: rotate(45deg);
    right: -24%;
    border-radius: 5px;
    position: absolute;
    background: white;
  }
  .identification_start_btn_css > li > a:after{
    content: "";
    width: 10px;
    height: 2px;
    display: inline-block;
    top: 59%;
    transform: rotate(-45deg);
    right: -24%;
    border-radius: 5px;
    position: absolute;
    background: white;
  }
  .btn_document_css{
    width: 270px;
    margin:20px auto;
    text-align: center;
    height: 55px;
    position: relative;
    background-color: #DDDDDD;
    border-radius: 8px;
  }
  .btn_document_css > li{
    position: absolute;
    top:50%;
    left:49%;
    transform: translate(-50%, -50%);
  }
  .btn_document_css > li > a{
    text-decoration: none;
    color: black;
    font-weight: bold;
    font-size: 18px;
  }
  .btn_document_css > li > a:before{
    content: "";
    width: 10px;
    height: 2px;
    display: inline-block;
    top: 28%;
    transform: rotate(45deg);
    right: -45%;
    border-radius: 5px;
    position: absolute;
    background: black;
  }
  .btn_document_css > li > a:after{
    content: "";
    width: 10px;
    height: 2px;
    display: inline-block;
    top: 61%;
    transform: rotate(-45deg);
    right: -45%;
    border-radius: 5px;
    position: absolute;
    background: black;
  }
  .btn_totop_css{
    width: 270px;
    margin:20px auto;
    text-align: center;
    height: 55px;
    position: relative;
    background-color: #DDDDDD;
    border-radius: 8px;
  }
  .btn_totop_css > li{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
  }
  .btn_totop_css > li > a{
    text-decoration: none;
    color: black;
    font-weight: bold;
    font-size: 18px;
  }
  .btn_totop_css > li > a:before{
    content: "";
    width: 10px;
    height: 2px;
    display: inline-block;
    top: 30%;
    transform: rotate(45deg);
    right: -47%;
    border-radius: 5px;
    position: absolute;
    background: black;
  }
  .btn_totop_css > li > a:after{
    content: "";
    width: 10px;
    height: 2px;
    display: inline-block;
    top: 59%;
    transform: rotate(-45deg);
    right: -47%;
    border-radius: 5px;
    position: absolute;
    background: black;
  }
  .next_btn_css{
    width: 270px;
    margin:20px auto;
    text-align: center;
    height: 55px;
    position: relative;
    background-color: #ff8c2f;
    border-radius: 8px;
  }
  .next_btn_css > li{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
  }
  .next_btn_css > li > a{
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 18px;
  }
  .next_btn_css > li > a:before{
    content: "";
    width: 10px;
    height: 2px;
    display: inline-block;
    top: 30%;
    transform: rotate(45deg);
    right: -244%;
    border-radius: 5px;
    position: absolute;
    background: white;
  }
  .next_btn_css > li > a:after{
    content: "";
    width: 10px;
    height: 2px;
    display: inline-block;
    top: 59%;
    transform: rotate(-45deg);
    right: -244%;
    border-radius: 5px;
    position: absolute;
    background: white;
  }
  .flow_number{
    display: inline-block;
    width: 25px;
    height: 25px;
    background-color: #004831;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
  }
  .flow_title{
    color: #004831;
    font-weight: bold;
    font-size: 18px;
  }
  .flow_contents{
      margin-left: 30px;
      margin-top: 5px;
  }
  .notes_list{
    font-size: 13px;
  }
  .notes_list > li:before{
    content: '※';
    display: block;
    position: absolute;
    margin-left: -1.5em;
  }
  .notes_list > li{
    margin-left: 1.5em;
    margin-top: 2px;
  }
  .attention_ekyc{
    font-size: 18px;
    font-weight: bold;
  }
  .caution{
    margin-top: 30px;
    font-size: 14px;
    font-weight: bold;
  }
  .mgt15{
    margin-top: 15px!important;
  }
  .mgt2{
    margin-top: 2px!important;
  }
  .mgr5{
    margin-right: 5px!important;
  }
  .mgb15{
    margin-bottom:15px!important;
  }
  .w361{
    width:361px;
  }
  /* eKYC入会 add end */

/* ローン一体型OL申込 start */
.take_over_area th {
    background: #f7f7f7 !important;
}
/* ローン一体型OL申込 end */

/* 20220822 オンライン入会UIUX start */
.newbank_style .bank_image_left {
display: flex;
flex-wrap: wrap;
flex-basis: 100%;
justify-content: space-between;
}

.newbank_style .bank_image_mergin {
margin-top: 5px;
}

span img.set_pointer.bank_image_mergin:not(.bank_selected) {
box-shadow: none;
}

.card_brand_select,
.card_design_select {
display: flex;
flex-wrap: wrap;
}

.card_brand_select span img {
margin-top:5px;
max-width:140px;
max-height:90px;
}

.first_card_wrapper {
text-align: left;
display: block;
margin: 0px;
font-size: 100%;
}

.first_card_wrapper > ul {
margin: 20px 0px;
}

.first_card_design,
.card_brand_select span,
.newbank_style .bank_image_left span {
border-radius: 2px;
text-align: center;
background-color: rgb(255, 255, 255);
margin: 5px;
position: relative;
display: inline-block;
height: auto;
min-width: 160px;
}

.card_brand_select span,
.newbank_style .bank_image_left span {
padding: 0;
min-height: 80px;
}

.first_card_design img {
width: 132px;
height: 83px;
margin: 10px auto;
display: block;
}

.first_card_design input,
.card_brand_select input,
.newbank_style .bank_image_left span input {
position: absolute;
top: 10px;
left: 7px;
appearance: none;
width: 15px;
height: 15px;
box-shadow: 0 0 0 1px #CCC;
border-radius: 50px;
outline: none;
background: #FFF;
}

.first_card_design input[type="radio"]:checked:after,
.card_brand_select input[type="radio"]:checked:after,
.newbank_style .bank_image_left input[type="radio"]:checked:after {
content: "";
width: 9px;
height: 9px;
display: block;
background: #10563b;
border-radius: 50px;
position: absolute;
top: 1px;
left: 1px;
}

.first_card_design input[type="radio"]:checked,
.card_brand_select input[type="radio"]:checked,
.newbank_style .bank_image_left input[type="radio"]:checked {
border: solid 2px #10563b;
box-shadow: none;
}

.first_card_design label,
.card_brand_select label,
.newbank_style #bankArea .bank_image_left span label {
min-width: 140px;
padding: 10px;
text-align: center;
box-shadow: 0 0 0 1px #CCC;
top: 0;
left: 0;
color: #000;
border-radius: 3px;
margin-left: 0;
display: inline-block;
height: auto !important;
}

.newbank_style .bank_image_left label,
.card_brand_select .first_card_design label {
font-size: 11px;
}

.first_card_design label img,
.card_brand_select label img,
.newbank_style .bank_image_left label img {
pointer-events: none;
}

.first_card_design input[type="radio"]:checked + label,
.card_brand_select input[type="radio"]:checked + label,
.newbank_style #bankArea .bank_image_left input[type="radio"]:checked + label {
box-shadow: 0 0 0 2px #10563b;
color: #10563b;
}

.newbank_style .bank_image_mergin {
margin-bottom: 0px;
}

div#main_body tr.family dl dd {
width: 210px;
}

.other_bank_title {
width: 130px;
background: #004831;
text-align: center;
font-weight: bold;
color: #FFFFFF;
padding: 9px 0px 5px;
}

.other_bank_annotation {
border: 3px solid rgb(0, 72, 49);
color: rgb(0, 0, 0);
font-weight: bold;
position: relative;
width: 490px;
padding: 10px;
font-size: 13px;
min-height: 40px !important;
margin-right: auto;
box-sizing: border-box;
}

div#bankArea .bank_image_left img {
  width: auto !important;
}

div#bankArea div.bank_image_left {
  margin-left: 0px !important;
}

.newbank_style .bank_image_left label::before,
.card_brand_select .first_card_design label::before {
  content: '';
  margin-left: 15px;
}

/* 20220822 オンライン入会UIUX end */
/* 即発24時間化対応　start */
.orange_btn {
  font-family: "メイリオ", "Meiryo", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;
  width: 380px;
  margin: 20px auto;
  text-align: center;
  height: 70px;
  position: relative;
  background-color: #ff8c2f;
  border-radius: 8px;
}
.orange_btn > a {
  display: block;
  height: 100%;
}
.orange_btn > a > li {
  display: inline;
  position: absolute;
  width: 100%;
  top: 52%;
  transform: translate(-50%, -50%);
}
.orange_btn > a > li > span {
  text-decoration: none;
  color: white;
  font-weight: bold;
  font-size: 23px;
}
.orange_btn > a > li > span:before {
  content: "";
  width: 10px;
  height: 2px;
  display: inline-block;
  top: 21%;
  transform: rotate(45deg);
  right: 7%;
  border-radius: 5px;
  position: absolute;
  background: white;
}
.orange_btn > a > li > span:after {
  content: "";
  width: 10px;
  height: 2px;
  display: inline-block;
  top: 53%;
  transform: rotate(-45deg);
  right: 7%;
  border-radius: 5px;
  position: absolute;
  background: white;
}
.note_btn_attention {
  font-size: 13px;
}
.note_btn > a > li > span:before {
  content: "";
  width: 10px;
  height: 2px;
  display: inline-block;
  top: 47%;
  transform: rotate(45deg);
  right: 7%;
  border-radius: 5px;
  position: absolute;
  background: white;
}
.note_btn > a > li > span:after {
  content: "";
  width: 10px;
  height: 2px;
  display: inline-block;
  top: 57%;
  transform: rotate(-45deg);
  right: 7%;
  border-radius: 5px;
  position: absolute;
  background: white;
}
.note_btn_text{
  padding-top: 10px;
  padding-bottom: 10px;
  display: inline-block;
}
/* 即発24時間化対応　end */