@charset "UTF-8";

/* ____________________________________Submenu */
#nav-info #nav-spat4 {
    margin-bottom: 10px;
    padding :5px 5px 0 5px;
    background:#fff;
    border: 1px solid #dedede;
}
#nav-info #nav-spat4 h2 {
    margin: 0 0 5px 0 !important;
    text-align: center;
    height: 80px;
    background: #00c2f9;
    background: -moz-linear-gradient(top, #00c2f9 0%, #2298fd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #00c2f9 0%,#2298fd 100%);
    background: linear-gradient(to bottom, #00c2f9 0%,#2298fd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c2f9', endColorstr='#2298fd',GradientType=0 );
    text-indent: 0;
}
#nav-info #nav-spat4 h2:hover {
    opacity: .9;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)';
}
#nav-info #nav-spat4 h2 a {
    display:block;
    width:160px;
    height:80px;
    background: url(/info/spat4/images/submenu_logo.png) no-repeat center center;
    text-indent:-999px;
    overflow:hidden;
}

#nav-info #nav-spat4 ul {
    margin: 0;
    padding: 0;
    border: none;
}

#nav-info #nav-spat4 li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-top: 1px solid #dedede;
    line-height: 1.231;
}
#nav-info #nav-spat4 li a {
    display:block;
    height:0;
    margin: 0;
    padding: 60px 0 0 0;
    background: url(/info/spat4/images/submenu.png) no-repeat;
    overflow: hidden;
}
#nav-info #nav-spat4 li.nav-spat4-about a { background-position:0 0; }
#nav-info #nav-spat4 li.nav-spat4-netbank a { background-position:0 -60px; }
#nav-info #nav-spat4 li.nav-spat4-telephone a { background-position:0 -120px; }
#nav-info #nav-spat4 li.nav-spat4-support a { background-position:0 -180px; }
#nav-info #nav-spat4 li.nav-spat4-newmember a { background-position:0 -240px; }
#nav-info #nav-spat4 li.nav-spat4-faq a { background-position:0 -300px; }
#nav-info #nav-spat4 li.nav-spat4-about a:hover { background-position:-165px 0; }
#nav-info #nav-spat4 li.nav-spat4-netbank a:hover { background-position:-165px -60px; }
#nav-info #nav-spat4 li.nav-spat4-telephone a:hover { background-position:-165px -120px; }
#nav-info #nav-spat4 li.nav-spat4-support a:hover { background-position:-165px -180px; }
#nav-info #nav-spat4 li.nav-spat4-newmember a:hover { background-position:-165px -240px; }
#nav-info #nav-spat4 li.nav-spat4-faq:hover a { background-position:-165px -300px; }


/* ____________________________________Lib */
.contents750 {
    width: 750px;
    margin: 0 auto;
    padding: 0px 10px 20px 10px;
    text-align: left;
}

a img:hover {
    opacity: .9;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)';
}


/* Width */
.w280px { width: 280px; }
.w285px { width: 285px; }

/* Margin */
#contents .mB30 { margin-bottom: 30px; }
#contents .mB105 { margin-bottom: 15px; }

/* Font Webight */
.tx-bold { font-weight:bold; }

/* Font Size */
.tx-xsmall { font-size: 78%; }
.tx-small { font-size: 86%; }
.tx-over { font-size: 118%; }
.tx-mid { font-size: 120%; }
.tx-large { font-size: 140%; }
.tx-xlarge { font-size: 160%; }
.tx-12px { font-size: 12px; }
.tx-14px { font-size: 14px; }
.tx-16px { font-size: 16px; }

/* Font Color */
.tx-blue { color:#005AA9; }

/* Background */
.bg-spat4-01 {
    background: url(/info/spat4/images/bg_spat4_01.gif) 0 0 repeat;
    color: #fff;
}
.bg-spat4-02 {
    background: url(/info/spat4/images/bg_spat4_02.gif) 0 0 repeat;
}


/* Headline */
.title-spat4-00 {
    margin: 0 0 1em 0;
    padding: 5px 10px;
    background:url(/info/spat4/images/bg_spat4_02.gif) 0 0 repeat;
}
.title-spat4-01 {
    margin:0;
    padding:20px 10px;
    background: url(/info/spat4/images/bg_spat4_01.gif) 0 0 repeat;
    color: #fff;
    font-size: 32px;
}

.title-spat4-02 {
    position: relative;
    line-height: 50px;
    margin: 0 0 1em 20px;
    padding-left: 40px;
    background:url(/info/spat4/images/bg_spat4_02.gif) 0 0 repeat;
    font-size: 20px;
}
.title-spat4-02:before{
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    border: none;
    position:absolute;
    top: 0;
    left: -20px;
}

.title-spat4-02.title_about:before{ background: url(/info/spat4/images/about/title_spat4_02.png) 0 0 no-repeat; }
.title-spat4-02.title_netbank:before{ background: url(/info/spat4/images/netbank/title_spat4_02.png) 0 0 no-repeat; }
.title-spat4-02.title_telephone:before{ background: url(/info/spat4/images/telephone/title_spat4_02.png) 0 0 no-repeat; }
.title-spat4-02.title_support:before{ background: url(/info/spat4/images/support/title_spat4_02.png) 0 0 no-repeat; }
.title-spat4-02.title_news:before{ background: url(/info/spat4/images/news/title_spat4_02.png) 0 0 no-repeat; }

.title-spat4-03 {
    margin-bottom:10px;
    border-bottom:1px solid #dedede;
    color: #005AA9;
    font-size: 140%;
}

.title-spat4-04 {
    margin-bottom:10px;
    padding:5px;
    background-color: #f2f2f2;
    font-size: 120%;
}

.title-spat4 {
    padding-left:40px;
    line-height:36px;
    font-size:28px;
    font-weight: normal;
}
.title-spat4.netbank-w {
    background: url(/info/spat4/images/icon_white.png) 0 0 no-repeat;
    color:#fff;
}
.title-spat4.telephone-w {
    background: url(/info/spat4/images/icon_white.png) 0 -40px no-repeat;
    color:#fff;
}

.mark-pdf {
    display: block;
    padding-left: 30px;
    line-height: 30px;
    background: url(/info/spat4/images/icon_pdf.png) 0 0 no-repeat;
}

/* Button */
a.button {
    display:block;
    margin:auto;
    padding:0px 0;
    border: 1px solid #dedede;
    background: #ffffff;
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
    text-align:center;
    font-weight:bold;
    font-size:13px;
}
a.button:link { text-decoration:none; }
a.button:visited {
    text-decoration:none;
    color: #06c;
}
a.button:hover {
    background: #0055a9;
    color: #fff;
    border: 1px solid #0055a9;
    filter: none;
}

/* List */
.list00 li {
    float:left;
    margin-left:5px;
    list-style:none;
}
.netbank .list00 li, .telephone .list00 li{
  margin-left:10px;
}
.list00 li:first-child {
    margin-left:0;
}

/* Border */
.bd-f2f {
    padding:5px;
    border:3px solid #f2f2f2;
}

/* ____________________________________Index */
.title-point {
    margin:0 0 10px 0;
    padding:5px;
    background: url(/info/spat4/images/bg_spat4_03.gif) 0 0 repeat;
    text-align:center;
    color:#fff;
    font-size: 16px;
}

.line-dotted {
    padding-top:25px;
    background: url(/info/spat4/images/dot_line.gif) 0 0 no-repeat;
}

/* ____________________________________About */
.bg-netbank { background-color: #4EC9C9;}
.bg-telephone { background-color: #FCA51D; }

.box-about-service {
    min-height:260px;
    margin:0;
    padding:10px 0 5px 0;
}
.box-about-service h4 {
    margin-bottom:5px;
    padding-bottom:4px;
    border-bottom: 2px solid #fff;
}

.box-about-service.netbank {
/*    float: left;
    width:460px;*/
    width: 100%;
  /*  height:388px;*/
    margin-bottom: 20px;
    border: solid #000 1px;
    /*background: #295CA9;*/
/*    background: #295CA9 url(/info/spat4/images/about/bg_box_about_service_net.png) 100% 0 no-repeat; */
    background: #295CA9 100% 0 no-repeat;
    color: #fff;
}

/*.box-about-service.netbank ul {
padding-top:45px;
}*/


.box-about-service.telephone {
/*    float: right;
      width:240px;    */
/*    width:280px;*/
    width: 100%;
/*    height:388px;*/
    border: solid #000 1px;
    /*background: #99CA3C;*/
/*    background: #99CA3C url(/info/spat4/images/about/bg_box_about_service_tel.png) 100% 0 no-repeat;	*/
    background: #99CA3C 100% 0 no-repeat;
    color: #fff;
}

.box-about-service.telephone p {
    /*min-height:108px;
    max-height:150px;*/
}
.box-about-service.telephone ul {
/*padding-top:24px;
    padding-top:145px;*/
    padding-top: 60px;
}


.box-about-service table { background: none;}


/* SPAT4とは 会員資格の違い */
.bg-netbank-pl { background-color: #71D4D4; }
.bg-telephone-pl { background-color: #FDB74A; }

/* ____________________________________Netbank */
.netbank p,.telephone p{
    font-size: 110%;
}
ul.tab-navigation {
    margin: 0 0 20px 0;
    background:#E7F1FB;
    border-bottom:1px solid #dedede;
}
ul.tab-navigation.netbank {
    padding: 0 5px;
}
ul.tab-navigation.telephone {
    padding: 0 125px;
}

ul.tab-navigation li {
    float: left;
    margin: 10px 5px 0 5px;
    padding: 0;
    list-style-type: none;
    text-align: center;
}
ul.tab-navigation li a {
    display:block;
    width: 240px;
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    line-height:40px;
    background: #ffffff;
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
}
ul.tab-navigation li a:link { text-decoration:none; }
ul.tab-navigation li a:visited { text-decoration:none; color: #06c; }

ul.tab-navigation li a:hover,ul.tab-navigation li a.active {
    border-top: 1px solid #0055a9;
    border-left: 1px solid #0055a9;
    border-right: 1px solid #0055a9;
    background: #0055a9;
    filter: none;
    color: #fff;
}

.modal_content {
    width: 730px;
    padding:10px 5px;
    text-align:left;
}
.modal_content ol li { margin-bottom: 10px;}
.modal_content .tb01 { margin: 0;}

.meig-area table {background:none;}

/*** 2017.06.23 改造新しい銀行追加テーブル***/
.tablebanks{
    width: 355px;
    height: auto;
}
.titleBank{
    text-align: left;
    color: #005AA9;
}
.titleBank:before{
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border: none;
    background: url(/info/spat4/images/netbank/pointBox.png) left center no-repeat
}

.bankList th, .bankList td {
    border: none;
}
.bankGroup td {
    padding: 0;
    line-height: 0;
}


/* ____________________________________Telephone */
.box-freedial {
    width: 360px;
    margin:0 auto 20px;
    padding:10px;
    background: #0055a9;
    border-radius: 10px;
    text-align:center;
    color: #fff;
}

/* ____________________________________Support */
.bg-day {
    float: left;
    width: 340px;
    padding:10px;
    background-color: #FCA51D;
    border-radius: 10px;
    text-align:center;
    color: #fff;
}
.bg-nighter {
    float: right;
    width: 340px;
    padding:10px;
    background-color: #005AA9;
    border-radius: 10px;
    text-align:center;
    color: #fff;
}

/* ____________________________________FAQ */
.list-faq {
    margin:0 0 40px 45px;
    position:relative;
}
.list-faq dt {
    position:relative;
    margin:0 0 5px 0;
    padding:5px 10px;
    border:1px solid #dedede;
    background:#f2f2f2;
    font-size: 18px;
    font-weight:bold;
    border-radius:5px;
}
.list-faq dd {
    position:relative;
    margin:0 0 30px 0;
    padding:5px 10px;
    border:1px solid #dedede;
    border-radius:5px;
}

.list-faq dt:before, .list-faq dd:before {
    position:absolute;
    top: 0;
    left: -45px;
    content: '';
    display: inline-block;
    width: 40px;
    height: 0;
    padding-top:40px;
    overflow:hidden;
    border: none;
    line-height: 1.231;
}
.list-faq dt:before { background: url(/info/spat4/images/faq/sprite_faq_q.png) no-repeat; }
.list-faq dd:before { background: url(/info/spat4/images/faq/sprite_faq_a.png) no-repeat; }

.list-faq dt.q1:before, .list-faq dd.a1:before { background-position: 0 0; }
.list-faq dt.q2:before, .list-faq dd.a2:before { background-position: -45px 0; }
.list-faq dt.q3:before, .list-faq dd.a3:before { background-position: -90px 0; }
.list-faq dt.q4:before, .list-faq dd.a4:before { background-position: -135px 0; }
.list-faq dt.q5:before, .list-faq dd.a5:before { background-position: -180px 0; }
.list-faq dt.q6:before, .list-faq dd.a6:before { background-position: 0 -45px; }
.list-faq dt.q7:before, .list-faq dd.a7:before { background-position: -45px -45px; }
.list-faq dt.q8:before, .list-faq dd.a8:before { background-position: -90px -45px; }
.list-faq dt.q9:before, .list-faq dd.a9:before { background-position: -135px -45px; }
.list-faq dt.q10:before, .list-faq dd.a10:before { background-position: -180px -45px; }
.list-faq dt.q11:before, .list-faq dd.a11:before { background-position: 0 -90px; }
.list-faq dt.q12:before, .list-faq dd.a12:before { background-position: -45px -90px; }
.list-faq dt.q13:before, .list-faq dd.a13:before { background-position: -90px -90px; }
.list-faq dt.q14:before, .list-faq dd.a14:before { background-position: -135px -90px; }
.list-faq dt.q15:before, .list-faq dd.a15:before { background-position: -180px -90px; }