@charset "utf-8";

/*////////// direct/index.html //////////*/
#db_pc{
    display: none;
}

/* infoArea */   
body.direct.top #content .infoArea li{
     background:url("/direct/img/info_tab_sp.png") no-repeat left top;
     background-size:310px auto; 
     text-indent:-9999px;
     width:157px;
     height:29px;
     float:left;
     margin-right:3px;
     cursor:pointer;
}

body.direct.top #content .infoArea  .listlink{
     top:8px;
}

body.direct.top #content .infoArea  .listlink a{
     background:url("/direct/img/tab01-1_listlink.png") no-repeat left top;
     background-size:70px auto;
     height:10px;
     width:70px;
}


/* detailtxtArea */

#leftArea div.detailtxtArea{
     overflow:hidden;
}

#leftArea div.detailtxtArea dl{
     margin-bottom:15px;
     overflow:hidden;
}

#leftArea div.detailtxtArea dl.w713{
     width:100%;
     clear:both;
}

#leftArea div.detailtxtArea dl.w713.mb55{
     margin-bottom:30px !important;
}

#leftArea div.detailtxtArea dl.half{
     width:100%;
}

#leftArea div.detailtxtArea dl.floatL,
#leftArea div.detailtxtArea dl.floatR{
     float:none;
}          

#leftArea div.detailtxtArea dl dt{
     font-size:115%;/*16px*/
     border-bottom:2px solid #d41e1e;
     overflow:hidden;
     margin-bottom:5px;
     padding:0 2px 3px 2px;
}

#leftArea div.detailtxtArea dl dt a{
     background: url("/common/img/arrow_right_circle_red_sp.png") no-repeat scroll left center;
     background-size:10px 10px;
     display: inline-block;
     padding-left:15px;
     color:#000;
     }

#leftArea div.detailtxtArea dl dt div{
     bottom: 0 !important;
     position: relative !important;
}

#leftArea div.detailtxtArea dl dt div br{
     display:none;
}

#leftArea div.detailtxtArea dl dd{
     margin-bottom:5px;

}

#leftArea div.detailtxtArea dl dd p.detail{
     margin-top:5px;
}

#leftArea div.detailtxtArea dl dd p.link{
     margin-top:5px;
     display:inline-block;
}

#leftArea div.detailtxtArea dl dd.soft_area{
    background-color: #fff5f5;
    border: 2px solid #d41e1e;
    margin: 10px 10px 30px;
    padding: 15px;
}

#leftArea div.detailtxtArea dl dd.soft_area h3{
    text-align: center;
    font-weight: bold;
    font-size: 105%;
    padding-bottom: 15px;
}

#leftArea div.detailtxtArea dl dd.soft_area h4{
    text-align: center;
    color: #d91f1f;
    font-weight: bold;
    font-size: 105%;
    padding-bottom: 15px;
}

#leftArea div.detailtxtArea dl dd.soft_area div{
    margin-top: 15px;
}

#leftArea div.detailtxtArea dl dd.soft_area div p{
    margin: 0 auto 15px;
}

#leftArea div.detailtxtArea dl dd.soft_area ul li{
    margin-bottom: 5px;
    text-indent: -1em;
    padding-left: 1em;
}
#leftArea div.detailtxtArea dl dd.soft_area p.anno_txt{
    text-align: center;
    color: #d91f1f;
    font-weight: bold;
    font-size: 105%;
}
#leftArea div.detailtxtArea dl dd.soft_area p .fontred{
    font-size: 100%;
}

/*IE7*/
*:first-child+html #leftArea div.detailtxtArea dl dd p.link{
     display:inline;
}

#leftArea div.detailtxtArea dl dd span{
     font-size:86%;
}

#leftArea div.detailtxtArea dl dd p.link span a{
     text-decoration:underline;
     background:none;
     padding-left:0;
}
     
#leftArea div.detailtxtArea dl dd p.detail a,
#leftArea div.detailtxtArea dl dd p.link a{
     background:url("/common/img/arrow_right_circle_red_sp.png") no-repeat left center;
     background-size:10px 10px;
     color: #000;
     padding-left: 15px;
}

/*////////// about_service.html //////////*/
body.direct.page01 #leftArea dl dl.svc_area dt{
    font-size: 120%;
    font-weight: bold;
}

body.direct.page01 #leftArea dl dd table{
    margin-top: 0;
    width: 100%;
}

body.direct.page01 #leftArea dl dd p.tit{
    margin-top: 20px;
    font-size: 150%;
    font-weight: bold;
}
body.direct.page01 #leftArea dl dt h3.caution {
    background: none !important;
    padding: 0 0 5px 5px !important;
    margin-bottom: 5px;
}
body.direct.page01 #leftArea dl dt h3.caution img{
    vertical-align: middle !important;
    padding-right: 2px;
    width: 17px;
    height: auto;
}
body.direct.page01 #leftArea .payeasy_area p {
    text-align: center;
}
body.direct.page01 #leftArea .payeasy_area p img {
    width: auto;
    margin-bottom: 10px;
}
body.direct.page01 #leftArea dl dd.caution_txt ul li {
    margin-bottom: 10px;
    padding-left: 3em;
    text-indent: -3em;
}
body.direct.page01 #leftArea dl dd.caution_txt ul li.last {
    padding-left: 1em;
    text-indent: -1em;
}

/*////////// cashcard.html //////////*/

body.direct.page03 #leftArea dl dd dl.caution_area{
    border: 1px solid #d41e1e;
    background-color: #fffece;
    padding: 10px;
    margin: 20px 10px 0;
}

body.direct.page03 #leftArea dl dd dl.caution_area dt{
    font-weight: bold;
    color: #d41e1e;
    margin-bottom: 1em;
}
body.direct.page03 #leftArea dl dd dl.caution_area dd{
    padding-left: 3em;
    text-indent: -3em;
}

body.direct.page03 #leftArea dl dd ul li{
    margin-bottom: 10px;
}

body.direct.page03 #leftArea dl dt h3.caution {
    background: none !important;
    padding: 0 0 5px 5px !important;
    margin-bottom: 5px;
}

body.direct.page03 #leftArea dl dt h3.caution img{
    vertical-align: middle !important;
    padding-right: 2px;
    width: 17px;
    height: auto;
}
/*////////// ご利用にあたっての注意事項 //////////*/
.attentionArea ul li{
  display: flex;
  line-height: 1.85;
}
.attentionArea ul li + li{
  margin-top: 10px;
}
.attentionArea ul li span + span{
  padding-left: 5px;
}