@charset 'UTF-8';
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td
{
    margin: 0;
    padding: 0;
}

fieldset,
img
{
    border: 0;
}

address,
caption,
code,
em,
th
{
    font-weight: normal;
    font-style: normal;
}

img
{
    vertical-align: bottom;
}

table
{
    width: 100%;

    border-spacing: 0;
}

ol,
ul
{
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    font-size: 100%;
    font-weight: normal;
}

caption,
th
{
    text-align: left;
}

hr
{
    display: none;
}

input,
textarea
{
    font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif;
    font-size: 86%;
}

sub
{
    vertical-align: middle;
}

label
{
    cursor: pointer;
}

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

body

==============================*/
body
{
    font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif;
    font-size: 87.5%;
    line-height: 1.7;

    min-width: 1220px;

    color: #222;
    background: #fbfaec;
}
body.top-page
{
    background-color: #fff;
}
body.top-page a:hover
{
    text-decoration: none;
}

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

link

==============================*/
a
{
    text-decoration: none;

    color: #6d5100;
}

a:hover
{
    text-decoration: underline;

    color: #aa7d00;
}

a:visited
{
    color: #a23c33;
}

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

header

==============================*/
#header-01
{
    background-color: #fff;
}
#header-01.nav-toggle-on
{
    padding-bottom: 1px;
}

#header-01 .header-inner-01
{
    position: relative;

    width: 1220px;
    margin: 0 auto;
    padding-top: 80px;
}

#header-01 .header-inner-02
{
    overflow: hidden;

    *zoom: 1;
}

#logo-01
{
    float: left;

    padding-top: 22px;
}
#logo-01 img
{
    max-width: 230px;
}
#logo-01 a:hover img
{
    opacity: .7;

    filter: alpha(opacity=70);
}

#utility-01
{
    font-size: 0;

    position: absolute;
    top: 27px;

    overflow: hidden;

    *zoom: 1;
}

#utility-01 li
{
    font-size: 14px;

    float: left;

    margin-right: 34px;

    _display: inline;
}
#utility-01 li:last-child
{
    margin-right: 0;
}
#utility-01 li:before
{
    position: relative;
    top: 1px;

    display: inline-block;

    width: 7px;
    height: 11px;
    margin: 0 10px 0 0;

    content: '';

    background: url('../images/icon_link_gray.png') no-repeat center center;
    background-size: cover;
}
#utility-01 li a
{
    color: #727171;
}
#utility-01 li a:hover
{
    text-decoration: underline;
}

#voice-fsize-container
{
    position: absolute;
    top: 20px;
    right: 230px;
}

#list-voice
{
    font-size: 0;

    float: left;

    height: 30px;
}

#list-voice li
{
    font-size: 14px;
    line-height: 30px;

    height: 30px;
    padding-right: 20px;

    border-right: 1px solid #ccc;

    _display: inline;
}
#list-voice li a
{
    color: #727171;
}
#list-voice li:after
{
    position: relative;
    top: 3px;

    display: inline-block;

    width: 19px;
    height: 15px;
    margin: 0 0 0 10px;

    content: '';

    background: url('../images/icon_voice.png') no-repeat center center;
    background-size: cover;
}

#f-size-container
{
    float: left;
}

#fontSizeModule
{
    font-size: 14px;

    overflow: hidden;

    height: 30px;
    margin-left: 20px;

    color: #727171;

    *zoom: 1;
}

#fontSizeModule img
{
    vertical-align: top;
}

#fontSizeModule dt,
#fontSizeModule dd
{
    float: left;

    _display: inline;
}

#fontSizeModule dt
{
    line-height: 30px;
}
#fontSizeModule dt img
{
    display: none;
}
#fontSizeModule dt:after
{
    content: '文字サイズ';
}

#fontSizeModule dd
{
    line-height: 30px;

    width: 30px;
    height: 30px;
    margin-left: 20px;

    text-align: center;
}
#fontSizeModule dd.fm-stay
{
    color: #fff;
    border-radius: 2px;
    background-color: #007440;
}
#fontSizeModule dd.fm-stay a
{
    color: #fff;
}
#fontSizeModule dd.fm-hover
{
    background-color: #007440;
}
#fontSizeModule dd a
{
    display: block;

    width: 100%;
    height: 100%;
}
#fontSizeModule dd:nth-of-type(1) a:after
{
    content: '小';
}
#fontSizeModule dd:nth-of-type(2) a:after
{
    content: '中';
}
#fontSizeModule dd:nth-of-type(3) a:after
{
    content: '大';
}
#fontSizeModule dd:hover
{
    cursor: pointer;
}

#search-01
{
    position: absolute;
    top: 20px;
    right: 0;

    overflow: hidden;

    border-left: 1px solid #ccc;

    *zoom: 1;
}

#search-01 .search-text
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 180px;
    height: 30px;
    margin-left: 20px;
    padding: 2px 35px 2px 28px;

    border: 1px solid #727171;
    border-radius: 3px;
    background: url('../images/icon_search.png') no-repeat left 5px center;
    background-color: #f7f8f8;
}

#search-01 #SS_searchSubmit
{
    position: absolute;
    top: 7px;
    right: 10px;

    color: #727171;
    border: none;
    background: none;
}

#gnav-01
{
    float: right;
    overflow: hidden;

    *zoom: 1;
}
#gnav-01 ul
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: left;
}
#gnav-01 ul li
{
    width: 133px;
    padding-bottom: 30px;

    text-align: center;
}
#gnav-01 ul li a
{
    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 90px;
    padding-top: 10px;

    text-decoration: none;

    border-left: 1px solid #ccc;
}
#gnav-01 ul li a:hover
{
    color: #fff;
}
#gnav-01 ul li:last-child a
{
    border-right: 1px solid #ccc;
}
#gnav-01 ul li .icon-box
{
    font-size: 0;

    position: relative;

    width: 100%;
    height: 29px;
}
#gnav-01 ul li .icon-box img
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    margin: auto;
}
#gnav-01 ul li .text
{
    font-size: 14px;

    margin-top: 10px;

    color: #007440;
}
#gnav-01 ul li.active .text,
#gnav-01 ul li:hover .text
{
    color: #fff;
}
#gnav-01 ul li.active a,
#gnav-01 ul li.active a + a,
#gnav-01 ul li:hover a,
#gnav-01 ul li:hover a + a
{
    border-left: none;
}
#gnav-01 ul li.kouza .icon-box
{
    background: url('../images/gnavi_icon01.png') no-repeat center center;
}
#gnav-01 ul li.kouza.active,
#gnav-01 ul li.kouza:hover
{
    background-color: #007440;
}
#gnav-01 ul li.kouza.active .icon-box,
#gnav-01 ul li.kouza:hover .icon-box
{
    background: url('../images/gnavi_icon01_on.png') no-repeat center center;
}
#gnav-01 ul li.loan .icon-box
{
    background: url('../images/gnavi_icon02.png') no-repeat center center;
}
#gnav-01 ul li.loan.active .icon-box,
#gnav-01 ul li.loan:hover .icon-box
{
    background: url('../images/gnavi_icon02_on.png') no-repeat center center;
}
#gnav-01 ul li.tameru .icon-box
{
    background: url('../images/gnavi_icon03.png') no-repeat center center;
}
#gnav-01 ul li.tameru.active .icon-box,
#gnav-01 ul li.tameru:hover .icon-box
{
    background: url('../images/gnavi_icon03_on.png') no-repeat center center;
}
#gnav-01 ul li.tsukau .icon-box
{
    background: url('../images/gnavi_icon04.png') no-repeat center center;
}
#gnav-01 ul li.tsukau.active .icon-box,
#gnav-01 ul li.tsukau:hover .icon-box
{
    background: url('../images/gnavi_icon04_on.png') no-repeat center center;
}
#gnav-01 ul li.about .icon-box
{
    background: url('../images/gnavi_icon05.png') no-repeat center center;
}
#gnav-01 ul li.about.active .icon-box,
#gnav-01 ul li.about:hover .icon-box
{
    background: url('../images/gnavi_icon05_on.png') no-repeat center center;
}
#gnav-01 ul li.shop .icon-box
{
    background: url('../images/gnavi_icon06.png') no-repeat center center;
}
#gnav-01 ul li.shop.active,
#gnav-01 ul li.shop:hover
{
    background-color: #007440;
}
#gnav-01 ul li.shop.active .icon-box,
#gnav-01 ul li.shop:hover .icon-box
{
    background: url('../images/gnavi_icon06_on.png') no-repeat center center;
}
#gnav-01 ul li.parent
{
    background: url('../images/menu_arrow.png') no-repeat bottom 30px center;
    /*&.active {
                    background: #007440 url("../images/menu_arrow_w.png") no-repeat bottom 20px center;
                    height: 100px;

                    &+li {
                        border-left: none;
                    }

                    .text {
                        color: #fff;
                    }
                }*/
}
#gnav-01 ul li.parent.active,
#gnav-01 ul li.parent:hover
{
    background: #007440 url('../images/menu_arrow_w.png') no-repeat bottom 30px center;
}
#gnav-01 ul li.parent.active a,
#gnav-01 ul li.parent:hover a
{
    color: #fff;
}
#gnav-01 .login-button
{
    float: left;

    padding: 20px 0 0 30px;
}
#gnav-01 .login-button a
{
    font-size: 114%;
    line-height: 60px;

    display: block;

    width: 150px;
    height: 60px;

    text-align: center;

    color: #fff;
    border-radius: 10px;
    background-color: #96c800;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .1);
            box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .1);
}
#gnav-01 .login-button a:hover
{
    text-decoration: none;

    background-color: #007440;
}

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

global navi

==============================*/
.gnav-child-01
{
    position: absolute;
    z-index: 2000;
    top: 198px;
    left: 0;

    display: none;

    width: 100%;
    min-width: 1220px;

    border-top: 1px solid #ccc;
    background-color: #eee;
}

#btn-gnav-close-01
{
    height: 38px;
    padding-top: 18px;

    background: url(/common/images/bg_gnav_02.gif) repeat-x bottom;
}

#btn-gnav-close-01 a
{
    display: block;

    text-align: center;
}

#btn-gnav-close-01 a:hover img
{
    opacity: .75;

    filter: alpha(opacity=75);
}

#btn-gnav-close-01 span
{
    display: block;

    width: 36px;
    height: 38px;
    margin: 0 auto;

    background: url(/common/images/bg_gnav_04.gif) no-repeat center;
}

.child-container-01
{
    position: relative;

    overflow: hidden;

    width: 1074px;
    margin: 0 auto;
    padding: 12px 0 50px 0;

    *zoom: 1;
}
.child-container-01 .child-index-link
{
    margin: 10px 0 -20px 0;
}
.child-container-01 .child-index-link a
{
    font-size: 114%;

    color: #007440;
}
.child-container-01 .child-index-link a:before
{
    position: relative;
    top: 0;

    display: inline-block;

    width: 7px;
    height: 11px;
    margin: 0 10px 0 0;

    content: '';

    background: url('../images/icon_link_g.png') no-repeat center center;
    background-size: cover;
}
.child-container-01 .child-index-link a.blank:before
{
    width: 9px;
    height: 8px;

    content: '';

    background: url('../images/win_icon_g.png') no-repeat center center;
    background-size: cover;
}

.child-container-01 .ttl
{
    float: left;

    width: 239px;
}

.child-container-01 .list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    *zoom: 1;
}

.child-container-01 .list li
{
    font-size: 16px;
    line-height: 1.3;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 240px !important;
    min-height: 64px;
    margin: 38px 38px 0 0;
    padding: 0;

    border: 1px solid #96c800;
    border-radius: 10px;
    background: #fff url('../images/icon_link_g.png') no-repeat left 10px center;
    -webkit-box-shadow: 3px 2px 5px -1px rgba(0, 0, 0, .1);
            box-shadow: 3px 2px 5px -1px rgba(0, 0, 0, .1);
}
.child-container-01 .list li.blank
{
    background: #fff url('../images/win_icon_g.png') no-repeat left 10px center;
}
.child-container-01 .list li:nth-child(4n)
{
    margin-right: 0;
}
.child-container-01 .list li a
{
    position: relative;

    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 64px;
    padding: 0 10px 0 25px;

    text-decoration: none;

    color: #007440;
}
.child-container-01 .list li a p
{
    position: absolute;
    top: 50%;

    width: 100%;
    margin: 0;
    padding: 0;

    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.child-container-01.not-ipad .list li:hover
{
    background: #007440 url('../images/icon_link_w.png') no-repeat left 10px center;
}
.child-container-01.not-ipad .list li:hover a
{
    color: #fff;
}

.child-container-01.not-ipad .list li.blank:hover
{
    background: #007440 url('../images/win_icon_w.png') no-repeat left 10px center;
}

.child-container-01.child-01 .ttl
{
    padding-top: 40px;
}

.child-container-01.child-02 .ttl
{
    padding-top: 60px;
}

.child-container-01.child-03 .ttl
{
    padding-top: 60px;
}

.child-container-01.child-04 .ttl
{
    padding-top: 55px;
}

.child-container-01.child-05 .ttl
{
    padding-top: 62px;
}

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

contents container

==============================*/
#cnts-container
{
    padding: 54px 0 80px 0;

    background: #fff;
}

#cnts-inner
{
    overflow: hidden;

    width: 960px;
    margin: 0 auto;

    *zoom: 1;
}

#main-contents
{
    float: left;

    width: 690px;
}

.column1 #main-contents
{
    float: none;

    width: 960px;
}

#sub-contents
{
    float: right;

    width: 236px;
}

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

pagetop

==============================*/
.pagetop
{
    text-align: center;

    background: #f1eccf;
}

.pagetop a
{
    display: block;

    padding: 29px 0 33px 0;
}

.pagetop:hover img
{
    opacity: .75;

    filter: alpha(opacity=75);
}

.fixed-bnr
{
    position: fixed;
    z-index: -1;
    right: 50px;
    bottom: 50px;

    -webkit-transition: opacity .3s linear;

    transition: opacity .3s linear;

    opacity: 0;
}
.fixed-bnr.active
{
    z-index: 300;

    opacity: 1;
}
.fixed-bnr img
{
    width: 473px;
}
.fixed-bnr .bnr-close
{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 4px;

    width: 30px;
    height: 30px;

    background: url('../images/bnr_close.png') no-repeat 0 0;
}
.fixed-bnr .bnr-close:hover
{
    cursor: pointer;
}

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

footer

==============================*/
#footer-01
{
    background: #007440;
}

#footer-01 a
{
    text-decoration: none;

    color: #fff;
}

#footer-01 a:hover
{
    text-decoration: underline;
}

.ftr-container-01
{
    position: relative;

    overflow: hidden;

    width: 1080px;
    margin: 0 auto;

    color: #fff;

    *zoom: 1;
}
.ftr-container-01 .footer-link
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
}
.ftr-container-01 .footer-link .footer-link__contents
{
    margin-top: 74px;
    margin-right: 70px;
}
.ftr-container-01 .footer-link .footer-link__contents dl dt
{
    font-size: 114%;
    font-weight: bold;
}
.ftr-container-01 .footer-link .footer-link__contents dl dd
{
    font-size: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding-top: 20px;
}
.ftr-container-01 .footer-link .footer-link__contents dl dd ul li
{
    margin-top: 10px;
}
.ftr-container-01 .footer-link .footer-link__contents dl dd ul li:first-of-type
{
    margin-top: 0;
}
.ftr-container-01 .footer-link .footer-link__contents dl dd ul li.blank:after
{
    position: relative;
    top: 0;

    display: inline-block;

    width: 9px;
    height: 8px;
    margin: 0 0 0 10px;

    content: '';

    background: url('../images/win_icon_w.png') no-repeat center center;
    background-size: cover;
}
.ftr-container-01 .footer-link .footer-link__contents dl dd ul li ul li
{
    padding-left: 15px;

    background: url('../images/icon_footer_link.png') no-repeat left top 5px;
}
.ftr-container-01 .footer-link .footer-link__contents:nth-child(1)
{
    width: 165px;
}
.ftr-container-01 .footer-link .footer-link__contents:nth-child(4)
{
    margin-right: 0;
}
.ftr-container-01 .footer-link .footer-link__contents:nth-child(5) dl dd > ul
{
    margin-right: 90px;
}
.ftr-container-01 .footer-link .footer-link__contents:nth-child(5) dl dd > ul:last-child
{
    margin-right: 0;
}
.ftr-container-01 .footer-link .footer-link__contents:last-child
{
    margin-right: 0;
}

.ftr-container-01 .logo-01
{
    position: absolute;
    top: 50px;
    left: 0;
}

.ftr-container-01 .ttl-01
{
    font-size: 0;
    line-height: 0;

    margin-bottom: 20px;
}

.ftr-container-01 .clm-01
{
    float: left;

    width: 194px;

    _display: inline;
}

.ftr-container-01 .clm-02
{
    float: left;
    overflow: hidden;

    width: 343px;

    *zoom: 1;
    _display: inline;
}

.ftr-container-01 .clm-02 ul
{
    float: left;

    width: 170px;
}

.ftr-container-01 .clm-03
{
    float: left;

    width: 253px;

    _display: inline;
}

.ftr-container-02
{
    font-size: 100%;

    position: relative;

    width: 1080px;
    margin: 0 auto;
    padding: 65px 0 80px 0;

    text-align: center;

    color: #fff;
}

.list-ftr-01 li
{
    padding-left: 10px;

    background: url(/common/images/bg_ftr_list_01.gif) no-repeat left .6em;
}

#ftr-copyright
{
    position: absolute;
    top: 28px;
    right: 0;
}

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

breadcrumbs

==============================*/
#breadcrumbs-container
{
    padding: 3px;

    background: #f1ebcf;
}

#breadcrumbs
{
    width: 960px;
    margin: 0 auto;
}

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

local navi

==============================*/
#lnav-01
{
    width: 234px;
    margin-bottom: 30px;
}

#list-lnav-01
{
    padding-bottom: 4px;

    background: url(/common/images/bg_lnav_btm_01.gif) no-repeat bottom;
}

#list-lnav-01 .item
{
    padding-bottom: 1px;

    border-right: solid 1px #ead137;
    border-left: solid 1px #ead137;
    background: url(/common/images/bg_dot_01.gif) repeat-x bottom;
}

#list-lnav-01 .item a
{
    display: block;
    display: /inline;
    zoom: 1;

    width: 195px;
    padding: 12px 5px 12px 32px;

    background: url(/common/images/bg_bullet_01.gif) no-repeat 15px center white;
}

#list-lnav-01 .item a:hover
{
    background-color: #fdee96;
}

#list-lnav-01 .item a.stay
{
    background-color: #fdee96;
}

#list-lnav-01 .item.last
{
    padding-bottom: 0;

    background-image: none;
}

#list-lnav-01.last-has-child
{
    background: url(/common/images/bg_lnav_btm_02.gif) no-repeat bottom;
}

#list-lnav-01.last
{
    background: url(/common/images/bg_lnav_btm_01_s.gif) no-repeat bottom;
}

#list-lnav-01 .list-child
{
    display: none;
    zoom: 1;
}

#list-lnav-01 .list-child li
{
    padding-bottom: 1px;

    background: url(/common/images/bg_lnav_01.gif) no-repeat bottom #f8f8f4;
}

#list-lnav-01 .list-child li.last
{
    padding-bottom: 0;

    background-image: none;
}

#list-lnav-01 .list-child a
{
    display: block;
    display: /inline;

    width: 195px;
    padding: 12px 5px 12px 32px;

    background-color: #f8f8f4;
    background-image: none;
}

#list-lnav-01 .list-child a:hover
{
    background-color: #fdee96;
}

#list-lnav-01 .list-child .btn
{
    font-size: 100%;
}

#list-lnav-01 .open .list-child
{
    display: block;
}

#list-lnav-01.last
{
    background: url(/common/images/bg_lnav_btm_01_s.gif) no-repeat bottom;
}

.list-ranking-01 .num
{
    position: absolute;

    text-indent: -9999px;
}

.list-ranking-01 .item.rank-01 a
{
    width: 182px !important;
    padding: 12px 5px 12px 45px !important;

    background: url(/common/images/bg_rank_01.gif) no-repeat 15px center !important;
}

.list-ranking-01 .item.rank-01 a:hover
{
    background-color: #fdee96 !important;
}

.list-ranking-01 .item.rank-02 a
{
    width: 182px !important;
    padding: 12px 5px 12px 45px !important;

    background: url(/common/images/bg_rank_02.gif) no-repeat 15px center !important;
}

.list-ranking-01 .item.rank-02 a:hover
{
    background-color: #fdee96 !important;
}

.list-ranking-01 .item.rank-03 a
{
    width: 182px !important;
    padding: 12px 5px 12px 45px !important;

    background: url(/common/images/bg_rank_03.gif) no-repeat 15px center !important;
}

.list-ranking-01 .item.rank-03 a:hover
{
    background-color: #fdee96 !important;
}

.list-ranking-01 .item.rank-04 a
{
    font-size: 86%;

    width: 182px !important;
    padding: 12px 5px 12px 45px !important;

    background: url(/common/images/bg_rank_04.gif) no-repeat 15px center !important;
}

.list-ranking-01 .item.rank-04 a:hover
{
    background-color: #fdee96 !important;
}

.list-ranking-01 .item.rank-05 a
{
    font-size: 86%;

    width: 182px !important;
    padding: 12px 5px 12px 45px !important;

    background: url(/common/images/bg_rank_05.gif) no-repeat 15px center !important;
}

.list-ranking-01 .item.rank-05 a:hover
{
    background-color: #fdee96 !important;
}

.list-ranking-01 .item.rank-06 a
{
    font-size: 86%;

    width: 182px !important;
    padding: 12px 5px 12px 45px !important;

    background: url(/common/images/bg_rank_06.gif) no-repeat 15px center !important;
}

.list-ranking-01 .item.rank-06 a:hover
{
    background-color: #fdee96 !important;
}

.list-ranking-01 .item.rank-07 a
{
    font-size: 86%;

    width: 182px !important;
    padding: 12px 5px 12px 45px !important;

    background: url(/common/images/bg_rank_07.gif) no-repeat 15px center !important;
}

.list-ranking-01 .item.rank-07 a:hover
{
    background-color: #fdee96 !important;
}

.list-ranking-01 .item.rank-08 a
{
    font-size: 86%;

    width: 182px !important;
    padding: 12px 5px 12px 45px !important;

    background: url(/common/images/bg_rank_08.gif) no-repeat 15px center !important;
}

.list-ranking-01 .item.rank-08 a:hover
{
    background-color: #fdee96 !important;
}

.list-ranking-01 .item.rank-09 a
{
    font-size: 86%;

    width: 182px !important;
    padding: 12px 5px 12px 45px !important;

    background: url(/common/images/bg_rank_09.gif) no-repeat 15px center !important;
}

.list-ranking-01 .item.rank-09 a:hover
{
    background-color: #fdee96 !important;
}

.list-ranking-01 .item.rank-10 a
{
    font-size: 86%;

    width: 182px !important;
    padding: 12px 5px 12px 45px !important;

    background: url(/common/images/bg_rank_10.gif) no-repeat 15px center !important;
}

.list-ranking-01 .item.rank-10 a:hover
{
    background-color: #fdee96 !important;
}

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

sub box

==============================*/
/*	.box-sub-01	*/
.box-sub-01
{
    margin-bottom: 25px;
}

.box-sub-01 .inner-01
{
    padding: 15px 18px;

    border-top: solid 1px #dddcd1;
    border-bottom: solid 1px #dddcd1;
}

/*	.box-sub-02	*/
.box-sub-02
{
    width: 234px;
    margin-bottom: 25px;
}

.box-sub-02 .inner-01
{
    padding: 13px 20px 18px 20px;

    background: url(/common/images/bg_box_sub_01.gif) no-repeat bottom #f9f7e7;
}

.box-sub-02 a
{
    color: #333;
}

.box-sub-02 a:hover
{
    color: #333;
}

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

log container

==============================*/
.log-container-01 iframe
{
    position: absolute;
}

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

voice container

==============================*/
#voice-inner
{
    position: relative;

    overflow: hidden;

    width: 960px;
    margin: 0 auto;

    *zoom: 1;
}

#xp1
{
    display: none;
}

#xp1.rsbtn
{
    display: block;
    float: right;

    height: 50px;
}

#voice-info
{
    font-size: 0;

    position: absolute;
    top: 5px;
    right: 250px;
}

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

viewSP

==============================*/
#viewSP
{
    width: 960px;
    margin: 0 auto;
}

/*
#hdg-l1-01 見出しH1

```
<h1 class="hdg-l1-01"><img src="/_element/images/hdg_h1_01.gif" width="690" height="112" alt="見出し1"></h1>
```
*/
.hdg-l1-01
{
    margin-bottom: 74px;
}

/*
#hdg-l2-01 見出しH2

```
<h2 class="hdg-l2-01">見出し2 H2</h2>
```
*/
.hdg-l2-01
{
    font-size: 170%;
    font-weight: bold;

    margin: 63px 0 18px 0;
    padding: 0 0 2px 18px;

    border-bottom: 2px solid #2d8f7b;
    background: url(/common/images/bg_hdg_l2_01.gif) no-repeat 2px .4em;
}

/*
#hdg-l3-01 見出しH3

##hdg-l3-01-container
width:690px;

##hdg-l3-02-container
width:330px;

##hdg-l3-03-container
width:214px;

```
<div class="hdg-l3-01-container">
<div class="hdg-l3-01-inner">
<h3 class="hdg-l3-01">見出し3 H3</h3>
<!-- /hdg-l3-01-inner --></div>
<!-- /hdg-l3-01-container --></div>

<div class="hdg-l3-01-container">
<div class="hdg-l3-01-inner">
<h3 class="hdg-l3-01"><a href="#">見出し3 H3<span class="ico-01"><img src="/common/images/ico_window_02.gif" width="9" height="8" alt="新しいウインドウで開きます"></span></a></h3>
<!-- /hdg-l3-01-inner --></div>
<!-- /hdg-l3-01-container --></div>

<div class="hdg-l3-02-container">
<div class="hdg-l3-02-inner">
<h3 class="hdg-l3-01">見出し3 H3</h3>
<!-- /hdg-l3-02-inner --></div>
<!-- /hdg-l3-02-container --></div>

<div class="hdg-l3-03-container">
<div class="hdg-l3-03-inner">
<h3 class="hdg-l3-01">見出し3 H3</h3>
<!-- /hdg-l3-03-inner --></div>
<!-- /hdg-l3-03-container --></div>
```
*/
.hdg-l3-01
{
    font-size: 134%;
    font-weight: bold;

    zoom: 1;

    padding: 5px 9px;

    border-right: solid 2px #88c1ae;
    border-left: solid 2px #88c1ae;
    background: #eef6ef;
}

.hdg-l3-01 a
{
    display: block;

    padding-left: 18px;

    color: #222;
    background: url(/common/images/bg_bullet_02.gif) no-repeat left .5em;
}

.hdg-l3-01 a:hover
{
    color: #1b705c;
}

.hdg-l3-01 a.anchor
{
    background: url(/common/images/bg_bullet_07.gif) no-repeat left .5em;
}

.hdg-l3-01-container
{
    zoom: 1;

    width: 690px;
    margin: 48px 0 18px 0;
    padding-top: 4px;

    background: url(/common/images/bg_hdg_l3_01_top.gif) no-repeat top;
}

.hdg-l3-01-inner
{
    zoom: 1;

    width: 690px;
    padding-bottom: 4px;

    background: url(/common/images/bg_hdg_l3_01_btm.gif) no-repeat bottom;
}

.hdg-l3-02-container
{
    zoom: 1;

    width: 330px;
    margin: 48px 0 18px 0;
    padding-top: 4px;

    background: url(/common/images/bg_hdg_l3_02_top.gif) no-repeat top;
}

.hdg-l3-02-inner
{
    zoom: 1;

    width: 330px;
    padding-bottom: 4px;

    background: url(/common/images/bg_hdg_l3_02_btm.gif) no-repeat bottom;
}

.hdg-l3-03-container
{
    zoom: 1;

    width: 214px;
    margin: 48px 0 18px 0;
    padding-top: 4px;

    background: url(/common/images/bg_hdg_l3_03_top.gif) no-repeat top;
}

.hdg-l3-03-inner
{
    zoom: 1;

    width: 214px;
    padding-bottom: 4px;

    background: url(/common/images/bg_hdg_l3_03_btm.gif) no-repeat bottom;
}

.hdg-l3-04-container
{
    zoom: 1;

    width: 960px;
    margin: 48px 0 18px 0;
    padding-top: 4px;

    background: url(/common/images/bg_hdg_l3_04_top.gif) no-repeat top;
}

.hdg-l3-04-inner
{
    zoom: 1;

    width: 960px;
    padding-bottom: 4px;

    background: url(/common/images/bg_hdg_l3_04_btm.gif) no-repeat bottom;
}

.hdg-l3-05-container
{
    zoom: 1;

    width: 462px;
    margin: 48px 0 18px 0;
    padding-top: 4px;

    background: url(/common/images/bg_hdg_l3_05_top.gif) no-repeat top;
}

.hdg-l3-05-inner
{
    zoom: 1;

    width: 462px;
    padding-bottom: 4px;

    background: url(/common/images/bg_hdg_l3_05_btm.gif) no-repeat bottom;
}

/*
#hdg-l3-02 見出しH3
表組みの見出しなどで使用します
```
<h3 class="hdg-l3-02">テキストテキストテキスト</h3>

```
*/
.hdg-l3-02
{
    font-size: 114%;
    font-weight: bold;

    margin: 20px 0 10px 0;

    color: #1c715d;
}

/*
#hdg-l4-01 見出しH4

##hdg-l4-01-container
width:690px;

##hdg-l4-02-container
width:330px;

##hdg-l4-03-container
width:214px;

```
<div class="hdg-l4-01-container">
<div class="hdg-l4-01-inner">
<h4 class="hdg-l4-01">見出し4 h4</h4>
<!-- /hdg-l4-01-inner --></div>
<!-- /hdg-l4-01-container --></div>

<div class="hdg-l4-01-container">
<div class="hdg-l4-01-inner">
<h4 class="hdg-l4-01"><a href="#">見出し4 h4<span class="ico-01"><img src="/common/images/ico_window_02.gif" width="9" height="8" alt="新しいウインドウで開きます"></span></a></h4>
<!-- /hdg-l4-01-inner --></div>
<!-- /hdg-l4-01-container --></div>

<div class="hdg-l4-02-container">
<div class="hdg-l4-02-inner">
<h4 class="hdg-l4-01">見出し4 h4</h4>
<!-- /hdg-l4-02-inner --></div>
<!-- /hdg-l4-02-container --></div>

<div class="hdg-l4-03-container">
<div class="hdg-l4-03-inner">
<h4 class="hdg-l4-01">見出し4 h4</h4>
<!-- /hdg-l4-03-inner --></div>
<!-- /hdg-l4-03-container --></div>
```
*/
.hdg-l4-01
{
    font-size: 117%;
    font-weight: bold;

    zoom: 1;

    padding: 5px 10px;

    background: #d2e6d4;
}

.hdg-l4-01 a
{
    display: block;

    padding-left: 18px;

    color: #222;
    background: url(/common/images/bg_bullet_02.gif) no-repeat left .4em;
}

.hdg-l4-01 a:hover
{
    color: #1b705c;
}

.hdg-l4-01-container
{
    zoom: 1;

    width: 690px;
    margin: 48px 0 15px 0;
    padding-top: 4px;

    background: url(/common/images/bg_hdg_l4_01_top.gif) no-repeat top;
}

.hdg-l4-01-inner
{
    zoom: 1;

    width: 690px;
    padding-bottom: 4px;

    background: url(/common/images/bg_hdg_l4_01_btm.gif) no-repeat bottom;
}

.hdg-l4-02-container
{
    zoom: 1;

    width: 330px;
    margin: 48px 0 15px 0;
    padding-top: 4px;

    background: url(/common/images/bg_hdg_l4_02_top.gif) no-repeat top;
}

.hdg-l4-02-inner
{
    zoom: 1;

    width: 330px;
    padding-bottom: 4px;

    background: url(/common/images/bg_hdg_l4_02_btm.gif) no-repeat bottom;
}

.hdg-l4-03-container
{
    zoom: 1;

    width: 214px;
    margin: 48px 0 15px 0;
    padding-top: 4px;

    background: url(/common/images/bg_hdg_l4_03_top.gif) no-repeat top;
}

.hdg-l4-03-inner
{
    zoom: 1;

    width: 214px;
    padding-bottom: 4px;

    background: url(/common/images/bg_hdg_l4_03_btm.gif) no-repeat bottom;
}

/*
#hdg-l5-01 見出しH5

```
<h5 class="hdg-l5-01">見出し5 h5</h5>
<h5 class="hdg-l5-01"><a href="#">見出し5 h5<span class="ico-01"><img src="/common/images/ico_window_02.gif" width="9" height="8" alt="新しいウインドウで開きます"></span></a></h5>
```
*/
.hdg-l5-01
{
    font-size: 117%;
    font-weight: bold;

    margin: 48px 0 15px;
    padding-bottom: 6px;

    border-bottom: solid 1px #4ea998;
}

.hdg-l5-01 a
{
    display: block;

    padding-left: 18px;

    color: #222;
    background: url(/common/images/bg_bullet_02.gif) no-repeat left .4em;
}

.hdg-l5-01 a:hover
{
    color: #1b705c;
}

/*
#テキスト

```
<p class="mgb15">テキスト基本サイズ12px</p>
<p class="mgb15"><em>強調テキスト</em></p>
<p class="mgb15"><strong>さらに強い強調テキスト</strong></p>
<p class="mgb15 txt-l-01">タイトルテキスト14px</p>
<p class="txt-s-01">サブテキストサイズ10px</p>
```
*/
em
{
    font-weight: bold;
}

strong
{
    font-weight: bold;

    color: #e32f47;
}

.txt-l-01
{
    font-size: 117%;
}

.txt-s-01
{
    font-size: 86%;
}

/*
#キャプションテキスト

```
<p class="mgb10 ta-c"><img src="/_element/images/img_dummy_01.gif" alt="" width="330" height="150"></p>
<p class="txt-s-01 ta-c mgb30">キャプションキャプションキャプションキャプション</p>
<p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>

```
*/
/*
#list-u-01 順不同リスト

```
<ul class="list-u-01">
<li>テキストテキストテキストテキストテキストテキストテキスト</li>
<li>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</li>
<li>テキストテキストテキストテキストテキストテキストテキストテキストテキスト</li>
</ul>

```
*/
.list-u-01 li
{
    zoom: 1;

    margin-bottom: 10px;
    padding-left: 16px;

    background: url(/common/images/bg_bullet_04.gif) no-repeat left .6em;
}

table .list-u-01 li
{
    margin-bottom: 5px;
}

/*
#list-o-01 順序リスト

```
<ul class="list-o-01">
<li><span class="mark">1.</span>テキストテキストテキストテキストテキストテキストテキスト
<ul class="list-o-02">
<li><span class="mark">(1)</span>テキストテキストテキストテキストテキストテキストテキスト</li>
<li><span class="mark">(2)</span>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</li>
<li><span class="mark">(3)</span>テキストテキストテキストテキストテキストテキストテキストテキストテキスト</li>
</ul>
</li>
<li><span class="mark">2.</span>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</li>
<li><span class="mark">3.</span>テキストテキストテキストテキストテキストテキストテキストテキストテキスト</li>
</ul>

```
*/
.list-o-01 li
{
    position: relative;

    zoom: 1;

    margin-bottom: 10px;
    padding-left: 17px;
}

.list-o-01 .mark
{
    position: absolute;
    top: 0;
    left: 0;
}

table .list-o-01 li
{
    margin-bottom: 5px;
}

.list-o-01 .list-o-02
{
    margin-top: 15px;
}

.list-o-02 li
{
    position: relative;

    zoom: 1;

    margin-bottom: 15px;
    padding-left: 2.5em;
}

.list-o-02 .mark
{
    position: absolute;
    top: 0;
    left: 0;
}

table .list-o-02 li
{
    margin-bottom: 5px;
}

/*
#list-link-01 アイコン付きリンクリスト

```
<ul class="list-link-01">
<li><a href="#">テキストテキストテキストテキストテキストテキストテキスト</a></li>
<li><a href="#" target="_blank">テキストテキストテキストテキスト<span class="ico-01"><img src="/common/images/ico_window_01.gif" width="8" height="7" alt="新しいウインドウで開きます"></span></a></li>
<li><a href="#">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</a></li>
<li class="mgb00"><a href="#">テキストテキストテキストテキストテキストテキストテキストテキストテキスト</a></li>
</ul>

```
*/
.list-link-01 li
{
    margin-bottom: 10px;
    padding-left: 16px;

    background: url(/common/images/bg_bullet_01.gif) no-repeat left .4em;

    _padding-top: 4px;
}

.list-link-01 .lower-01 li
{
    margin-bottom: 0;
    padding-left: 0;

    background: none;
}

table .list-link-01 li
{
    margin-bottom: 5px;
}

/*
#list-link-02 アイコン無しリンクリスト
主にPDFリストに使用します。
```
<ul class="list-link-02">
<li><a href="#"><span class="ico-02"><img src="/common/images/ico_pdf_01.gif" width="14" height="15" alt="PDFファイルを開きます"></span>テキストテキストテキストテキストテキストテキスト [PDF：97.13 KB]</a></li>
<li><a href="#"><span class="ico-02"><img src="/common/images/ico_pdf_01.gif" width="14" height="15" alt="PDFファイルを開きます"></span>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト [PDF：97.13 KB]</a></li>
<li><a href="#"><span class="ico-02"><img src="/common/images/ico_pdf_01.gif" width="14" height="15" alt="PDFファイルを開きます"></span>テキストテキストテキストテキストテキスト [PDF：97.13 KB]</a></li>
</ul>
```
*/
.list-link-02 li
{
    margin-bottom: 10px;
}

table .list-link-02 li
{
    margin-bottom: 5px;
}

/*
#list-link-03 アイコン付きリンクリスト
角丸ボックス中で使用します。

```
<ul class="list-link-03">
<li><a href="#">テキストテキストテキストテキストテキストテキストテキスト</a></li>
<li><a href="#">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</a></li>
<li><a href="#">テキストテキストテキストテキストテキストテキストテキストテキストテキスト</a></li>
</ul>

```
*/
.list-link-03 li
{
    margin-bottom: 5px;
    padding-left: 16px;

    background: url(/common/images/bg_bullet_05.gif) no-repeat left .5em;
}

/*
#list-link-04 回遊リンク用リンクリスト

```
<ul class="list-link-04">
<li class="stay"><a href="#" class="anchor">テキストテキスト</a></li>
<li><a href="#" class="anchor">テキストテキストテキスト</a></li>
<li><a href="#" class="anchor">テキスト</a></li>
<li><a href="#" class="anchor">テキストテキストテキスト</a></li>
<li><a href="#" class="anchor">テキストテキストテキスト</a></li>
<li><a href="#" class="anchor">テキストテキストテキストテキストテキスト</a></li>
</ul>

```
*/
.list-link-04
{
    overflow: hidden;

    *zoom: 1;
}

.list-link-04 li
{
    float: left;
    zoom: normal;

    padding: 0 20px 0 16px;

    white-space: nowrap;

    background: url(/common/images/bg_bullet_01.gif) no-repeat left .4em;
}

.list-link-04 li.stay a
{
    color: #222;
}

/*
#list-link-05 アイコン付きリンクリスト 緊急エリア用

```
<ul class="list-link-01">
<li><a href="#">テキストテキストテキストテキストテキストテキストテキスト</a></li>
<li><a href="#" target="_blank">テキストテキストテキストテキスト<span class="ico-01"><img src="/common/images/ico_window_01.gif" width="8" height="7" alt="新しいウインドウで開きます"></span></a></li>
<li><a href="#">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</a></li>
<li class="mgb00"><a href="#">テキストテキストテキストテキストテキストテキストテキストテキストテキスト</a></li>
</ul>

```
*/
.list-link-05 li
{
    margin-bottom: 5px;
    padding-left: 16px;

    background: url(/common/images/bg_bullet_06.gif) no-repeat left .4em;
}

.list-link-05 a,
.list-link-05 a:hover,
.list-link-05 a:visited
{
    color: #e32f47;
}

.list-link-06 li
{
    margin-bottom: 10px;
    padding-left: 17px;

    background: url(/common/images/ico_pdf_01.gif) no-repeat left .2em;
}

.list-link-05 .lower-01 li
{
    margin-bottom: 0;
    padding-left: 0;

    background: none;
}

table .list-link-06 li
{
    margin-bottom: 5px;
}

/*
#list-anc-01 アンカーリスト

```
<ul class="list-anc-01">
<li><a href="#header-01" class="anchor">アンカーリンクアンカーリンク</a></li>
<li><a href="#header-01" class="anchor">アンカーリンクアンカーリンクアンカーリンク</a></li>
<li><a href="#header-01" class="anchor">アンカーリンクアンカーリンクアンカーリンク</a></li>
<li><a href="#header-01" class="anchor">アンカーリンクアンカーリンク</a></li>
<li><a href="#header-01" class="anchor">アンカーリンクアンカーリンクアンカーリンク</a></li>
<li><a href="#header-01" class="anchor">アンカーリンクアンカーリンクアンカーリンク</a></li>
</ul>

```
*/
.list-anc-01
{
    overflow: hidden;

    *zoom: 1;
}

.list-anc-01 li
{
    margin-bottom: 10px;
    padding-left: 16px;

    background: url(/common/images/bg_bullet_03.gif) no-repeat left .4em;
}

/*
#list-anc-02 アンカーリスト

```
<ul class="list-anc-02">
<li><a href="#header-01" class="anchor">アンカーリンクアンカーリンク</a></li>
<li><a href="#header-01" class="anchor">アンカーリンクアンカーリンクアンカーリンク</a></li>
<li><a href="#header-01" class="anchor">アンカーリンクアンカーリンクアンカーリンク</a></li>
<li><a href="#header-01" class="anchor">アンカーリンクアンカーリンク</a></li>
<li><a href="#header-01" class="anchor">アンカーリンクアンカーリンクアンカーリンク</a></li>
<li><a href="#header-01" class="anchor">アンカーリンクアンカーリンクアンカーリンク</a></li>
</ul>

```
*/
.list-anc-02
{
    overflow: hidden;

    *zoom: 1;
}

.list-anc-02 li
{
    float: left;
    zoom: normal;

    padding: 0 20px 0 16px;

    white-space: nowrap;

    background: url(/common/images/bg_bullet_03.gif) no-repeat left .4em;
}

/*
#注釈リスト
##list-notice-01

##list-notice-02
数字付き注釈リスト

##list-notice-02
数字付き注釈リスト 2桁版
```
<ul class="list-notice-01">
<li><span class="mark">※</span>注釈テキスト注釈テキスト注釈テキスト注釈テキスト注釈テキスト注釈テキスト注釈テキスト</li>
<li><span class="mark">※</span>注釈テキスト注釈テキスト注釈テキスト注釈テキスト</li>
</ul>

<ul class="list-notice-02">
<li><span class="mark">※1</span>注釈テキスト注釈テキスト注釈テキスト注釈テキスト注釈テキスト注釈テキスト注釈テキスト</li>
<li><span class="mark">※2</span>注釈テキスト注釈テキスト注釈テキスト注釈テキスト注釈テキスト</li>
</ul>

```
*/
.list-notice-01 li
{
    position: relative;

    zoom: 1;

    margin-bottom: 5px;
    padding-left: 1.5em;

    background-image: none;
}

.list-notice-01 .mark
{
    position: absolute;
    top: 0;
    left: 0;
}

.list-notice-02 li
{
    position: relative;

    zoom: 1;

    margin-bottom: 5px;
    padding-left: 2.5em;

    background-image: none;
}

.list-notice-02 .mark
{
    position: absolute;
    top: 0;
    left: 0;
}

/*
#list-border-01 ボーダー付きリスト
list-border-01を利用したポイント実装例になります。

```
<!-- ignore --><div class="w690">

<ul class="list-border-01 mgb30">
<li class="item lyt-clm-01">
<div class="clm-01 w120">
<h3><img src="/common/images/img_point_01.gif" alt="POINT1" width="96" height="30"></h3>
<!-- /clm-01 --></div>
<div class="clm-02 w570">
<p class="txt-l-01 mgb15"><em>様々な住宅プランからお選びいただけます</em></p>
<p>新築・増改築、建売住宅やマンションの購入など、JAの住宅ローンは、様々なお客さまのマイホームプランにお役立ていただけます。</p>
<!-- /clm-02 --></div>
</li>
<li class="item lyt-clm-01">
<div class="clm-01 w120">
<h3><img src="/common/images/img_point_02.gif" alt="POINT2" width="96" height="30"></h3>
<!-- /clm-01 --></div>
<div class="clm-02 w570">
<p class="txt-l-01 mgb15"><em>無理のない返済でゆとりある計画を</em></p>
<p>JAの住宅ローンは、返済方法・融資額・融資期間等を選択できます。<br>
お客さまのライフプランにあわせて、無理のない返済計画をご提案いたします。</p>
<!-- /clm-02 --></div>
</li>
<li class="item lyt-clm-01">
<div class="clm-01 w120">
<h3><img src="/common/images/img_point_03.gif" alt="POINT3" width="96" height="30"></h3>
<!-- /clm-01 --></div>
<div class="clm-02 w570">
<p class="txt-l-01 mgb15"><em>リフォームだっておまかせください</em></p>
<p class="mgb15">リフォームにもJAのローンをお役立ていただけます。増改築や間取りの変更から、インテリアや外装の工事など幅広くご利用になれます。</p>
<ul class="list-link-01">
<li class="mgb00"><a href="#">リフォームローン</a></li>
</ul>
<!-- /clm-02 --></div>
</li>
</ul>
<!-- ignore --></div>
```
*/
.list-border-01 .item
{
    margin-bottom: 20px;
    padding-bottom: 20px;

    border-bottom: solid 1px #e0e0e0;
}

/*
#list-q-01 質問一覧リスト

```
<ul class="list-q-01">
<li><a href="#">よくあるご質問よくあるご質問よくあるご質問</a></li>
<li><a href="#">よくあるご質問よくあるご質問よくあるご質問</a></li>
<li><a href="#">よくあるご質問よくあるご質問よくあるご質問よくあるご質問よくあるご質問よくあるご質問よくあるご質問よくあるご質問よくあるご質問</a></li>
</ul>
```
*/
.list-q-01 li
{
    margin-bottom: 20px;
    padding: 0 0 10px 30px;

    border-bottom: solid 1px #dfdfdf;
    background: url(/common/images/bg_q_01.gif) no-repeat left top;
}

/*
#list-qa-01 質問と回答リスト

```
<dl class="list-qa-01">
<dt class="question">よくあるご質問よくあるご質問よくあるご質問</dt>
<dd class="answer"><p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p></dd>
<dt class="question">よくあるご質問よくあるご質問よくあるご質問</dt>
<dd class="answer"><p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p></dd>
</dl>
```
*/
.list-qa-01 .question
{
    margin-bottom: 18px;
    padding: 0 0 10px 30px;

    border-bottom: solid 1px #dfdfdf;
    background: url(/common/images/bg_q_01.gif) no-repeat left top;
}

.list-qa-01 .answer
{
    margin-bottom: 45px;
    padding-left: 30px;

    background: url(/common/images/bg_a_01.gif) no-repeat left top;
}

/*
#list-info-01 更新履歴などの一覧表示用リスト

```
<ul class="list-info-01">
<li class="item">
<p class="date">2013年01月31日</p><p class="category">サイト更新</p>
<ul class="list-link-01">
<li><a href="#">福島県内JAとしての防災集団移転促進事業にかかる対応方向について</a></li>
</ul>
</li>
<li class="item">
<p class="date">2013年01月31日</p><p class="category alert">ご注意ください</p>
<ul class="list-link-01">
<li><a href="#">クレジットカードのショッピング枠の現金化に関する広告等について（ご注意のお願い）</a></li>
</ul>
</li>
</ul>
```
*/
.list-info-01 .item
{
    padding: 20px 0 5px 0;

    border-bottom: solid 1px #dddcd1;
}

.list-info-01 .item.last
{
    border-bottom: none;
}

.list-info-01 .date
{
    display: inline;

    padding-right: 20px;
}

.list-info-01 .category
{
    font-size: 72%;
    line-height: 1;

    display: inline;

    margin: 0 3px;
    padding: 1px 2px;

    color: #7e7e7e;
    border: solid 1px #c8c8c8;
    background: #fff;
}

.list-info-01 .category.alert
{
    color: #f63857;
    border: solid 1px #ff4c68;
}

.list-info-01 .category.emg
{
    color: #fff;
    border: solid 1px #ff4c68;
    background: #ff4c68;
}

.list-info-01 .category img
{
    vertical-align: middle;
}

.list-info-01 .list-link-01
{
    margin-top: 10px;
}

.list-info-02 .item
{
    margin-bottom: 5px;
}

.list-info-02 .date
{
    display: inline;

    padding-right: 20px;
}

.list-info-02 .category
{
    font-size: 72%;
    line-height: 1;

    display: inline;

    margin: 0 3px;
    padding: 1px 2px;

    color: #7e7e7e;
    border: solid 1px #c8c8c8;
    background: #fff;
}

.list-info-02 .category.alert
{
    color: #f63857;
    border: solid 1px #ff4c68;
}

.list-info-02 .category.emg
{
    color: #fff;
    border: solid 1px #ff4c68;
    background: #ff4c68;
}

.list-info-02 .category img
{
    vertical-align: middle;
}

.list-info-02 .list-link-05
{
    margin-top: 5px;
}

/*
#list-btn-01 ボタン用リスト

```
<ul class="list-btn-01">
<li><a href="#"><img src="/images/banner/banner_01.jpg" class="over01" alt="住宅ローン相談会" width="217" height="92"></a></li>
<li><a href="#"><img src="/images/banner/banner_02.jpg" class="over01" alt="ちょきんぎょコーナー" width="217" height="92"></a></li>
<li><a href="#"><img src="/images/banner/banner_03.jpg" class="over01" alt="TVCMギャラリー" width="217" height="92"></a></li>
<li><a href="#"><img src="/images/banner/banner_04.jpg" class="over01" alt="JAネットマイカーローン" width="217" height="92"></a></li>
<li><a href="#"><img src="/images/banner/banner_03.jpg" class="over01" alt="TVCMギャラリー" width="217" height="92"></a></li>
</ul>
```
*/
.list-btn-01 li
{
    margin-bottom: 10px;
}

/*
#list-img-01 画像の横並びリスト

```
<ul class="list-img-01">
<li><img src="/_element/images/img_dummy_01.gif" alt="" width="100" height="80"></li>
<li><img src="/_element/images/img_dummy_01.gif" alt="" width="100" height="80"></li>
<li><img src="/_element/images/img_dummy_01.gif" alt="" width="100" height="80"></li>
<li><img src="/_element/images/img_dummy_01.gif" alt="" width="100" height="80"></li>
</ul>
```
*/
.list-img-01 li
{
    display: inline-block;

    padding: 0 4px;

    *display: inline;
    *zoom: 1;
}

.list-img-01 p
{
    display: inline;
}

/*
#list-btn-01 タブリスト
ステイ表示は画像拡張子前に<strong>_s</strong>を記述してください。<br>
またimgから<strong>.over02</strong>を削除してください。

```
<nav class="tab-01">
<ul class="list-tab-01">
<li><a href="/loan/nougyo/"><img src="/loan/nougyo/common/images/btn_tab_01_s.gif" alt="JAの農業融資" width="110" height="70"></a></li>
<li><a href="/loan/nougyo/ninaite/"><img src="/loan/nougyo/common/images/btn_tab_02.gif" alt="農業金融強化について" width="110" height="70" class="over02"></a></li>
<li><a href="/loan/nougyo/ichiran/"><img src="/loan/nougyo/common/images/btn_tab_03.gif" alt="農業関係資金一覧" width="110" height="70" class="over02"></a></li>
<li><a href="/loan/nougyo/kindaika/"><img src="/loan/nougyo/common/images/btn_tab_04.gif" alt="農業近代化資金" width="110" height="70" class="over02"></a></li>
<li><a href="/loan/nougyo/sinkou/"><img src="/loan/nougyo/common/images/btn_tab_05.gif" alt="新農業振興資金（アグリマイティー資金）" width="110" height="70" class="over02"></a></li>
<li class="last"><a href="/loan/nougyo/houseloan/"><img src="/loan/nougyo/common/images/btn_tab_06.gif" alt="JA農機ハウスローン" width="110" height="70" class="over02"></a></li>
</ul>
</nav>
```
*/
.tab-01
{
    width: 682px;
    height: 77px;
    padding: 9px 0 0 8px;

    background: url(/common/images/bg_tab_01.gif) no-repeat;
}

.list-tab-01
{
    overflow: hidden;

    *zoom: 1;
}

.list-tab-01 li
{
    float: left;

    margin-right: 3px;

    _display: inline;
}

.list-tab-01 li.last
{
    margin-right: 0;
}

/*
#list-tab-01

```
<div class="tab-container-01">

<ul class="list-tab-01">
<li class="active"><a href="#tab01"><img src="/tvcm/images/btn_tab_01.gif" alt="Web限定！！ 60秒CM" width="270" height="35"></a></li>
<li class="last"><a href="#tab02"><img src="/tvcm/images/btn_tab_02.gif" alt="30秒CM" width="269" height="35"></a></li>
</ul>

<div id="tab01" class="tab-contents active">
<div class="tab-inner">
<p>tab01</p>
<!-- /tab-inner --></div>
<!-- /tab-contents --></div>

<div id="tab02" class="tab-contents">
<div class="tab-inner">
<p>tab02</p>
<!-- /tab-inner --></div>
<!-- /tab-contents --></div>

<!-- /tab-container-01 --></div>

```
*/
.list-tab-01
{
    overflow: hidden;

    *zoom: 1;
}

.list-tab-01 li
{
    float: left;

    margin-right: 1px;
}

.list-tab-01 li.last
{
    margin-right: 0;
}

.tab-contents
{
    position: absolute;
    left: -9999px;
}

.tab-contents.active
{
    position: static;
    left: auto;
}

/*
#list-num-01 ページングリスト

```

<ul class="list-num-01">
<li class="back"><a href="#">戻る</a></li>
<li class="number">
<ul>
<li class="stay">1</li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
<li><a href="#">9</a></li>
<li><a href="#">10</a></li>
</ul>
</li>
<li class="next"><a href="#">次へ</a></li>
</ul>

```
*/
.list-num-01
{
    text-align: center;
}

.list-num-01 ul,
.list-num-01 li
{
    display: inline;
}

.list-num-01 .back
{
    padding-right: 10px;
}

.list-num-01 .number li
{
    padding-right: 10px;
}

.list-num-01 a
{
    text-decoration: underline;
}

.list-num-01 .stay
{
    font-weight: bold;
}

/*
#lyt-2clm-01 2カラムレイアウト

```
<div class="lyt-2clm-01">
<div class="clm-01">
<div class="hdg-l3-02-container">
<div class="hdg-l3-02-inner">
<h3 class="hdg-l3-01">見出し3 H3</h3>
<!-- /hdg-l3-02-inner --></div>
<!-- /hdg-l3-02-container --></div>
<!-- /clm-01 --></div>
<div class="clm-02">
<div class="hdg-l3-02-container">
<div class="hdg-l3-02-inner">
<h3 class="hdg-l3-01">見出し3 H3</h3>
<!-- /hdg-l3-02-inner --></div>
<!-- /hdg-l3-02-container --></div>
<!-- /clm-02 --></div>
<!-- /lyt-2clm-01 --></div>

```
*/
.lyt-2clm-01
{
    overflow: hidden;

    width: 690px;

    *zoom: 1;
}

.lyt-2clm-01 .clm-01
{
    float: left;

    width: 330px;
}

.lyt-2clm-01 .clm-02
{
    float: right;

    width: 330px;
}

.column1 .lyt-2clm-01
{
    overflow: hidden;

    width: 960px;

    *zoom: 1;
}

.column1 .lyt-2clm-01 .clm-01
{
    float: left;

    width: 462px;
}

.column1 .lyt-2clm-01 .clm-02
{
    float: right;

    width: 462px;
}

/*
#lyt-3clm-01 3カラムレイアウト

```
<div class="lyt-3clm-01">
<div class="clm-01">
<div class="hdg-l3-03-container">
<div class="hdg-l3-03-inner">
<h3 class="hdg-l3-01">見出し3 H3</h3>
<!-- /hdg-l3-03-inner --></div>
<!-- /hdg-l3-03-container --></div>
<!-- /clm-01 --></div>
<div class="clm-02">
<div class="hdg-l3-03-container">
<div class="hdg-l3-03-inner">
<h3 class="hdg-l3-01">見出し3 H3</h3>
<!-- /hdg-l3-03-inner --></div>
<!-- /hdg-l3-03-container --></div>
<!-- /clm-02 --></div>
<div class="clm-03">
<div class="hdg-l3-03-container">
<div class="hdg-l3-03-inner">
<h3 class="hdg-l3-01">見出し3 H3</h3>
<!-- /hdg-l3-03-inner --></div>
<!-- /hdg-l3-03-container --></div>
<!-- /clm-03 --></div>
<!-- /lyt-3clm-01 --></div>

```
*/
.lyt-3clm-01
{
    overflow: hidden;

    width: 690px;

    *zoom: 1;
}

.lyt-3clm-01 .clm-01,
.lyt-3clm-01 .clm-02
{
    float: left;

    width: 214px;
    margin-right: 24px;

    _display: inline;
}

.lyt-3clm-01 .clm-03
{
    float: left;

    width: 214px;

    _display: inline;
}

/*
#lyt-4clm-01 4カラムレイアウト

```
<div class="lyt-4clm-01">
<div class="clm-01">
<div class="cnts-box-06-container">
<div class="cnts-box-06-inner">
<div class="cnts-box-06 set-height-4clm-01">
<p class="mgb15">テキストテキストテキストテキストテキストテキスト</p>
<p>テキストテキストテキストテキストテキストテキスト</p>
<!-- /cnts-box-06 --></div>
<!-- /cnts-box-06-inner --></div>
<!-- /cnts-box-06-container --></div>
<!-- /clm-01 --></div>
<div class="clm-02">
<div class="cnts-box-06-container">
<div class="cnts-box-06-inner">
<div class="cnts-box-06 set-height-4clm-01">
<p class="mgb15">テキストテキストテキストテキストテキストテキスト</p>
<p class="mgb15">テキストテキストテキストテキストテキストテキスト</p>
<p>テキストテキストテキストテキストテキストテキスト</p>
<!-- /cnts-box-06 --></div>
<!-- /cnts-box-06-inner --></div>
<!-- /cnts-box-06-container --></div>
<!-- /clm-02 --></div>
<div class="clm-03">
<div class="cnts-box-06-container">
<div class="cnts-box-06-inner">
<div class="cnts-box-06 set-height-4clm-01">
<p class="mgb15">テキストテキストテキストテキストテキストテキスト</p>
<p class="mgb15">テキストテキストテキストテキストテキストテキスト</p>
<p class="mgb15">テキストテキストテキストテキストテキストテキスト</p>
<p>テキストテキストテキストテキストテキストテキスト</p>
<!-- /cnts-box-06 --></div>
<!-- /cnts-box-06-inner --></div>
<!-- /cnts-box-06-container --></div>
<!-- /clm-03 --></div>
<div class="clm-04">
<div class="cnts-box-06-container">
<div class="cnts-box-06-inner">
<div class="cnts-box-06 set-height-4clm-01">
<p class="mgb15">テキストテキストテキストテキストテキストテキスト</p>
<p class="mgb15">テキストテキストテキストテキストテキストテキスト</p>
<p class="mgb15">テキストテキストテキストテキストテキストテキスト</p>
<p class="mgb15">テキストテキストテキストテキストテキストテキスト</p>
<p>テキストテキストテキストテキストテキストテキスト</p>
<!-- /cnts-box-06 --></div>
<!-- /cnts-box-06-inner --></div>
<!-- /cnts-box-06-container --></div>
<!-- /clm-04 --></div>
<!-- /lyt-4clm-01 --></div>

```
*/
.lyt-4clm-01
{
    overflow: hidden;

    width: 690px;

    *zoom: 1;
}

.lyt-4clm-01 .clm-01,
.lyt-4clm-01 .clm-02,
.lyt-4clm-01 .clm-03
{
    float: left;

    width: 169px;
    margin-right: 4px;

    _display: inline;
}

.lyt-4clm-01 .clm-04
{
    float: left;

    width: 169px;

    _display: inline;
}

/*
#lyt-clm-01 カラムレイアウトパターン
.clm-01にfloat:left、.clm-02にfloat:rightが指定されています。<br>
それぞれのカラムにwidth調整用のclassを付与しレイアウトしてください。

```

<!-- ignore --><div class="w690">

<div class="lyt-clm-01">
<div class="clm-01 w175">
<p>width:175px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="175" height="50"></p>
<!-- /clm-01 --></div>
<div class="clm-02 w515">
<p>width:515px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="515" height="50"></p>
<!-- /clm-02 --></div>
<!-- /lyt-clm-01 --></div>

<!-- ignore --></div>

```
*/
.lyt-clm-01
{
    overflow: hidden;

    width: 100%;
    margin: 0 auto;

    *zoom: 1;
}

.lyt-clm-01 .clm-01
{
    float: left;
}

.lyt-clm-01 .clm-02
{
    float: right;
}

/*
#box
##cnts-box-01
グレー罫通常ボックス
##cnts-box-02
エラー表示用ボックス
##cnts-box-03
PDFダウンロード用ボックス
##cnts-box-04
強調表示用ボックス
##cnts-box-05
強調表示用ボックス
##cnts-box-06
4カラム用ボックス
##cnts-box-07
検索用ボックス
##cnts-box-08
背景グレーボックス1カラム
##cnts-box-09
背景グレーボックス2カラム
##cnts-box-10
背景グレーボックス3カラム

```
<div class="cnts-box-01-container">
<div class="cnts-box-01-inner">
<div class="cnts-box-01">
<p>テキストテキストテキストテキストテキストテキスト</p>
<!-- /cnts-box-01 --></div>
<!-- /cnts-box-01-inner --></div>
<!-- /cnts-box-01-container --></div>

<!-- ignore --><br>
<!-- ignore --><br>

<div class="cnts-box-02-container">
<div class="cnts-box-02-inner">
<div class="cnts-box-02">
<p><strong>テキストテキストテキストテキストテキストテキスト</strong></p>
<!-- /cnts-box-02 --></div>
<!-- /cnts-box-02-inner --></div>
<!-- /cnts-box-02-container --></div>

<!-- ignore --><br>
<!-- ignore --><br>

<div class="cnts-box-03-container">
<div class="cnts-box-03-inner">
<div class="cnts-box-03">
<p>テキストテキストテキストテキストテキストテキスト</p>
<!-- /cnts-box-03 --></div>
<!-- /cnts-box-03-inner --></div>
<!-- /cnts-box-03-container --></div>

<!-- ignore --><br>
<!-- ignore --><br>

<div class="cnts-box-04-container">
<div class="cnts-box-04-inner">
<div class="cnts-box-04">
<p>テキストテキストテキストテキストテキストテキスト</p>
<!-- /cnts-box-04 --></div>
<!-- /cnts-box-04-inner --></div>
<!-- /cnts-box-04-container --></div>

<!-- ignore --><br>
<!-- ignore --><br>

<div class="cnts-box-05-container">
<div class="cnts-box-05-inner">
<div class="cnts-box-05">
<p>テキストテキストテキストテキストテキストテキスト</p>
<!-- /cnts-box-05 --></div>
<!-- /cnts-box-05-inner --></div>
<!-- /cnts-box-05-container --></div>

<!-- ignore --><br>
<!-- ignore --><br>

<div class="cnts-box-06-container">
<div class="cnts-box-06-inner">
<div class="cnts-box-06">
<p>テキストテキストテキストテキストテキストテキスト</p>
<!-- /cnts-box-06 --></div>
<!-- /cnts-box-06-inner --></div>
<!-- /cnts-box-06-container --></div>

<!-- ignore --><br>
<!-- ignore --><br>

<div class="cnts-box-08-container">
<div class="cnts-box-08-inner">
<div class="cnts-box-08">
<p>テキストテキストテキストテキストテキストテキスト</p>
<!-- /cnts-box-08 --></div>
<!-- /cnts-box-08-inner --></div>
<!-- /cnts-box-08-container --></div>

<!-- ignore --><br>
<!-- ignore --><br>

<div class="cnts-box-09-container">
<div class="cnts-box-09-inner">
<div class="cnts-box-09">
<p>テキストテキストテキストテキストテキストテキスト</p>
<!-- /cnts-box-09 --></div>
<!-- /cnts-box-09-inner --></div>
<!-- /cnts-box-09-container --></div>

<!-- ignore --><br>
<!-- ignore --><br>

<div class="cnts-box-10-container">
<div class="cnts-box-10-inner">
<div class="cnts-box-10">
<p>テキストテキストテキストテキストテキストテキスト</p>
<!-- /cnts-box-10 --></div>
<!-- /cnts-box-10-inner --></div>
<!-- /cnts-box-10-container --></div>

```
*/
.cnts-box-01-container
{
    zoom: 1;

    width: 690px;
    padding-top: 4px;

    background: url(/common/images/bg_box_01_top.gif) no-repeat top;
}

.cnts-box-01-inner
{
    zoom: 1;

    padding-bottom: 4px;

    background: url(/common/images/bg_box_01_btm.gif) no-repeat bottom;
}

.cnts-box-01
{
    zoom: 1;

    padding: 15px 20px 10px 20px;

    border-right: solid 1px gainsboro;
    border-left: solid 1px gainsboro;
    background: white;
}

.cnts-box-02-container
{
    zoom: 1;

    width: 690px;
    padding-top: 4px;

    background: url(/common/images/bg_box_02_top.gif) no-repeat top;
}

.cnts-box-02-inner
{
    zoom: 1;

    padding-bottom: 4px;

    background: url(/common/images/bg_box_02_btm.gif) no-repeat bottom;
}

.cnts-box-02
{
    zoom: 1;

    padding: 15px 20px 10px 20px;

    border-right: solid 1px #f68285;
    border-left: solid 1px #f68285;
    background: #fff2f3;
}

.cnts-box-03-container
{
    zoom: 1;

    width: 690px;
    padding-top: 4px;

    background: url(/common/images/bg_box_03_top.gif) no-repeat top;
}

.cnts-box-03-inner
{
    zoom: 1;

    padding-bottom: 4px;

    background: url(/common/images/bg_box_03_btm.gif) no-repeat bottom;
}

.cnts-box-03
{
    zoom: 1;

    padding: 15px 20px 10px 20px;

    border-right: solid 1px #53ae9d;
    border-left: solid 1px #53ae9d;
    background: white;
}

.cnts-box-04-container
{
    zoom: 1;

    width: 330px;
    padding-top: 4px;

    background: url(/common/images/bg_box_04_top.gif) no-repeat top;
}

.cnts-box-04-inner
{
    zoom: 1;

    padding-bottom: 4px;

    background: url(/common/images/bg_box_04_btm.gif) no-repeat bottom;
}

.cnts-box-04
{
    zoom: 1;

    padding: 15px 20px 10px 20px;

    border-right: solid 1px #eee8cc;
    border-left: solid 1px #eee8cc;
    background: #eee8cc;
}

.cnts-box-05-container
{
    zoom: 1;

    width: 690px;
    padding-top: 4px;

    background: url(/common/images/bg_box_05_top.gif) no-repeat top;
}

.cnts-box-05-inner
{
    zoom: 1;

    padding-bottom: 4px;

    background: url(/common/images/bg_box_05_btm.gif) no-repeat bottom;
}

.cnts-box-05
{
    zoom: 1;

    padding: 15px 20px 10px 20px;

    border-right: solid 1px #eee8cc;
    border-left: solid 1px #eee8cc;
    background: #eee8cc;
}

.cnts-box-06-container
{
    zoom: 1;

    width: 169px;
    padding-top: 4px;

    background: url(/common/images/bg_box_06_top.gif) no-repeat top;
}

.cnts-box-06-inner
{
    zoom: 1;

    padding-bottom: 4px;

    background: url(/common/images/bg_box_06_btm.gif) no-repeat bottom;
}

.cnts-box-06
{
    zoom: 1;

    padding: 15px 20px 10px 20px;

    border-right: solid 1px #f8f5e1;
    border-left: solid 1px #f8f5e1;
    background: #f8f5e1;
}

.cnts-box-07-container
{
    zoom: 1;

    width: 690px;
    padding-top: 9px;

    background: url(/common/images/bg_box_07_top.gif) no-repeat top;
}

.cnts-box-07-inner
{
    zoom: 1;

    padding-bottom: 9px;

    background: url(/common/images/bg_box_07_btm.gif) no-repeat bottom;
}

.cnts-box-07
{
    zoom: 1;

    padding: 10px 0;

    border-right: solid 6px #f1ebcf;
    border-left: solid 6px #f1ebcf;
    background: white;
}

.cnts-box-08-container
{
    zoom: 1;

    width: 690px;
    padding-top: 4px;

    background: url(/common/images/bg_box_08_top.gif) no-repeat top;
}

.cnts-box-08-inner
{
    zoom: 1;

    padding-bottom: 4px;

    background: url(/common/images/bg_box_08_btm.gif) no-repeat bottom;
}

.cnts-box-08
{
    zoom: 1;

    padding: 15px 20px 10px 20px;

    border-right: solid 1px #f2f2ee;
    border-left: solid 1px #f2f2ee;
    background: #f2f2ee;
}

.cnts-box-09-container
{
    zoom: 1;

    width: 330px;
    padding-top: 4px;

    background: url(/common/images/bg_box_09_top.gif) no-repeat top;
}

.cnts-box-09-inner
{
    zoom: 1;

    padding-bottom: 4px;

    background: url(/common/images/bg_box_09_btm.gif) no-repeat bottom;
}

.cnts-box-09
{
    zoom: 1;

    padding: 15px 20px 10px 20px;

    border-right: solid 1px #f2f2ee;
    border-left: solid 1px #f2f2ee;
    background: #f2f2ee;
}

.cnts-box-10-container
{
    zoom: 1;

    width: 214px;
    padding-top: 4px;

    background: url(/common/images/bg_box_10_top.gif) no-repeat top;
}

.cnts-box-10-inner
{
    zoom: 1;

    padding-bottom: 4px;

    background: url(/common/images/bg_box_10_btm.gif) no-repeat bottom;
}

.cnts-box-10
{
    zoom: 1;

    padding: 15px 20px 10px 20px;

    border-right: solid 1px #f2f2ee;
    border-left: solid 1px #f2f2ee;
    background: #f2f2ee;
}

/*
#box-emg-01 緊急お知らせエリア
幅960px版になります。
```
<div class="box-emg-01-container">
<div class="box-emg-01-inner">
<div class="box-emg-01">
<div class="ttl">
<p><img src="/common/images/ttl_emg_01.gif" alt="緊急のお知らせ" width="152" height="18"></p>
<!-- /ttl --></div>
<div class="cnts">
<ul class="list-info-02">
<li class="item">
<p class="date">2013年01月31日</p><p class="category alert">システム障害</p>
<ul class="list-link-05">
<li class="mgb00"><a class="" href="#">【重要】金融機関を装った詐欺メール・詐欺サイト(フィッシング詐欺)にご注意ください</a></li>
</ul>
</li>
</ul>
<!-- /cnts --></div>
<!-- /box-emg-01 --></div>
<!-- /box-emg-01-inner --></div>
<!-- /box-emg-01-container --></div>
```
*/
.box-emg-01-container
{
    width: 960px;
    margin: 0 auto 30px auto;
    padding-top: 6px;

    color: #e32e46;
    background: url(/common/images/bg_box_emg_01_top.gif) no-repeat top;
}

.box-emg-01-inner
{
    padding-bottom: 6px;

    background: url(/common/images/bg_box_emg_01_btm.gif) no-repeat bottom;
}

.box-emg-01
{
    display: table;
    overflow: hidden;

    background: url(/common/images/bg_box_emg_01.gif) repeat-y;

    *zoom: 1;
}

.box-emg-01 .ttl
{
    display: table-cell;

    width: 242px;

    text-align: center;
    vertical-align: middle;
}

.box-emg-01 .cnts
{
    display: table-cell;

    width: 688px;
    padding: 15px 15px 1px 15px;

    vertical-align: middle;
}

* html .box-emg-01 .ttl
{
    display: inline;
    zoom: 1;
}

*:first-child + html .box-emg-01 .ttl
{
    display: inline;
    zoom: 1;
}

* html .box-emg-01 .cnts
{
    display: inline;
    zoom: 1;
}

*:first-child + html .box-emg-01 .cnts
{
    display: inline;
    zoom: 1;
}

.box-emg-02-container
{
    width: 565px;
    margin: 0 auto 45px auto;
    padding-top: 4px;

    color: #e32e46;
    background: url(/common/images/bg_box_emg_02_top.gif) no-repeat top;
}

.box-emg-02-inner
{
    padding-bottom: 4px;

    background: url(/common/images/bg_box_emg_02_btm.gif) no-repeat bottom;
}

.box-emg-02
{
    display: table;
    overflow: hidden;

    background: url(/common/images/bg_box_emg_02.gif) repeat-y;

    *zoom: 1;
}

.box-emg-02 .ttl
{
    display: table-cell;

    width: 139px;
    padding-left: 2px;

    text-align: center;
    vertical-align: middle;
}

.box-emg-02 .cnts
{
    display: table-cell;

    width: 394px;
    padding: 15px 15px 1px 15px;

    vertical-align: middle;
}

* html .box-emg-02 .ttl
{
    display: inline;
    zoom: 1;
}

*:first-child + html .box-emg-02 .ttl
{
    display: inline;
    zoom: 1;
}

* html .box-emg-02 .cnts
{
    display: inline;
    zoom: 1;
}

*:first-child + html .box-emg-02 .cnts
{
    display: inline;
    zoom: 1;
}

/*
#tbl-data-01 表組み
セル幅は<strong>colgroup</strong>で調整してください。<br>
セル内のtext-alignとvertical-alignはそれぞれ調整用のスタイルで調整してください。

```
<table class="tbl-data-01" cellspacing="0">
<colgroup>
<col style="width:30%;">
<col style="width:20%;">
<col style="width:50%;">
</colgroup>
<thead>
<tr>
<th>テキスト</th>
<th>テキストテキストテキスト</th>
<th>テキストテキスト</th>
</tr>
</thead>
<tbody>
<tr>
<th>テキストテキストテキストテキスト</th>
<td>テキストテキストテキスト</td>
<td><span class="ico-02"><img src="/loan/nougyo/ichiran/images/ico_01.gif" width="25" height="25" alt="農"></span><span class="ico-02"><img src="/loan/nougyo/ichiran/images/ico_02.gif" width="25" height="25" alt="就"></span><span class="ico-02"><img src="/loan/nougyo/ichiran/images/ico_03.gif" width="25" height="25" alt="担"></span><span class="ico-02"><img src="/loan/nougyo/ichiran/images/ico_04.gif" width="25" height="25" alt="他"></span></td>
</tr>
<tr>
<th>テキストテキストテキストテキスト</th>
<td>テキストテキストテキスト</td>
<td>テキストテキスト</td>
</tr>
<tr>
<th>テキストテキストテキストテキスト</th>
<td>テキストテキストテキスト</td>
<td>テキストテキスト</td>
</tr>
<tr>
<td height="50" colspan="3">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</td>
</tr>
</tbody>
</table>
```
*/
.tbl-data-01
{
    width: 100%;
    border-spacing: 0;
    border-top: solid 1px #53ae9d;
    border-left: solid 1px #53ae9d;
}
.tbl-data-01 thead th
{
    font-weight: bold;
    background: #d4e8d6;
}
.tbl-data-01 th
{
    background: #f5f5ed;
}
.tbl-data-01 .th-01
{
    background: #f4f4e2;
}

.tbl-data-01 th,
.tbl-data-01 td
{
    padding: 15px 20px;
    border-right: solid 1px #53ae9d;
    border-bottom: solid 1px #53ae9d !important;
}




.tbl-data-01 th.bbn
{
    border-bottom: none !important;
}

.in-tbl-01
{
    padding: 0 !important;
}

.lyt-clm-tbl-01
{
    overflow: hidden;

    width: 688px;

    *zoom: 1;
}

.lyt-clm-tbl-01 .clm-tbl-01
{
    float: left;

    width: 250px;
    padding: 15px;

    background: #f7f7ef;
}

.lyt-clm-tbl-01 .clm-tbl-02
{
    float: right;

    width: 378px;
    padding: 15px;
}

/*
#アイコン用スタイル
##ico-01
padding-left:5px
##ico-02
padding-right:5px

```
<ul class="list-link-01">
<li><a href="#">テキストテキストテキストテキストテキスト [PDF：97.13 KB]<span class="ico-01"><img src="/common/images/ico_pdf_01.gif" width="14" height="15" alt="PDFファイルを開きます"></span></a></li>
</ul>
<ul class="list-link-02">
<li><a href="#"><span class="ico-02"><img src="/common/images/ico_pdf_01.gif" width="14" height="15" alt="PDFファイルを開きます"></span>テキストテキストテキストテキストテキスト [PDF：97.13 KB]</a></li>
</ul>
```
*/
.ico-01
{
    padding-left: 5px;
}

.ico-01 img
{
    vertical-align: middle;
}

.ico-02
{
    padding-right: 5px;
}

.ico-02 img
{
    vertical-align: middle;
}

/*
#ページ先頭に戻る

```
<p class="page-top-01"><a class="anchor" href="#header-01">このページの先頭へ</a></p>
```
*/
.page-top-01
{
    margin: 20px 0;
    padding-right: 15px;

    text-align: right;

    background: url(/common/images/bg_pagetop_01.gif) no-repeat right;
}

/*
#ゴールパターン

各ゴールパターンはインクルードファイルになっています。<br>
下記ソースのインクルードの記述のみ使用してください。<br>
<br>
<strong>goal-A</strong><br>
<?php include $_SERVER['DOCUMENT_ROOT'] . '/common/include/goal-A.html'; ?><br>
<br>
<strong>goal-B</strong><br>
<?php include $_SERVER['DOCUMENT_ROOT'] . '/common/include/goal-B.html'; ?><br>
<br>
<strong>goal-C</strong><br>
<?php include $_SERVER['DOCUMENT_ROOT'] . '/common/include/goal-C.html'; ?><br>
<br>
<strong>goal-D</strong><br>
<?php include $_SERVER['DOCUMENT_ROOT'] . '/common/include/goal-D.html'; ?><br>
<br>
<strong>goal-E</strong><br>
<?php include $_SERVER['DOCUMENT_ROOT'] . '/common/include/goal-E.html'; ?><br>
<br>
<strong>goal-F</strong><br>
<?php include $_SERVER['DOCUMENT_ROOT'] . '/common/include/goal-F.html'; ?><br>
<br>
<strong>goal-G</strong><br>
<?php include $_SERVER['DOCUMENT_ROOT'] . '/common/include/goal-G.html'; ?><br>
<br>
<strong>goal-H</strong><br>
<?php include $_SERVER['DOCUMENT_ROOT'] . '/common/include/goal-H.html'; ?><br>
<br>
<strong>goal-I</strong><br>
<?php include $_SERVER['DOCUMENT_ROOT'] . '/common/include/goal-I.html'; ?><br>
<br>
<strong>goal-J</strong><br>
<?php include $_SERVER['DOCUMENT_ROOT'] . '/common/include/goal-J.html'; ?><br>
<br>
<strong>goal-K</strong><br>
<?php include $_SERVER['DOCUMENT_ROOT'] . '/common/include/goal-K.html'; ?><br>
<br>
<strong>goal-L</strong><br>
<?php include $_SERVER['DOCUMENT_ROOT'] . '/common/include/goal-L.html'; ?>
```
<!-- ignore --><p class="mgt30"><em>goal-A</em></p>

<div class="box-goal-01-container">
<div class="box-goal-01-inner">
<div class="box-goal-01">
<p class="mgb05"><a href="http://map.jabank.org/"><img src="/common/images/btn_goal_01.gif" alt="サービスに関するお問い合わせやお申し込みはお近くのJAまでお気軽にどうぞ。 店舗・ATM検索" width="652" height="142" class="over02"></a></p>
<p class="mgb05"><a href="/kouza/hajimete/"><img src="/common/images/btn_goal_02.gif" alt="JAバンクは全国どなたでも安心してご利用いただける金融機関です。 はじめてのお客さまへ" width="652" height="68" class="over02"></a></p>
<p><a href="/tsukau/cd_atm/"><img src="/common/images/btn_goal_03.gif" alt="セブン銀行、イーネット、ローソン銀行ATM等で平日日中手数料無料！ JAバンクの手数料無料ATM" width="652" height="68" class="over02"></a></p>
<!-- /box-goal-01 --></div>
<!-- /box-goal-01-inner --></div>
<!-- /box-goal-01-container --></div>

<!-- ignore --><p class="mgt30"><em>goal-B</em></p>

<div class="box-goal-01-container">
<div class="box-goal-01-inner">
<div class="box-goal-01">
<div class="lyt-clm-01 mgb05">
<div class="clm-01 w323">
<p><a href="/loan/soudan/"><img src="/common/images/btn_goal_04.gif" alt="住宅ローン相談会へ行こう！全国で実施の住宅ローン相談会の実施日程はこちら。 住宅ローン相談会" width="323" height="178" class="over02"></a></p>
<!-- /clm-01 --></div>
<div class="clm-02 w323">
<p><a href="http://map.jabank.org/"><img src="/common/images/btn_goal_04.gif" alt="現在の金利やサービスに関するお問い合わせ・お申し込みはお近くのJAまでお気軽にどうぞ。" width="323" height="178" class="over02"></a></p>
<!-- /clm-02 --></div>
<!-- /lyt-clm-01 --></div>
<p><a href="/kouza/hajimete/"><img src="/common/images/btn_goal_02.gif" alt="JAバンクは全国どなたでも安心してご利用いただける金融機関です。 はじめてのお客さまへ" width="652" height="68" class="over02"></a></p>
<!-- /box-goal-01 --></div>
<!-- /box-goal-01-inner --></div>
<!-- /box-goal-01-container --></div>

<!-- ignore --><p class="mgt30"><em>goal-C</em></p>

<div class="box-goal-01-container">
<div class="box-goal-01-inner">
<div class="box-goal-01">
<p class="mgb05"><a href="http://map.jabank.org/"><img src="/common/images/btn_goal_06.gif" alt="金利などのサービスに関するお問い合わせやお申し込みはお近くのJAまでお気軽にどうぞ。 店舗・ATM検索" width="652" height="161" class="over02"></a></p>
<p><a href="/kouza/hajimete/"><img src="/common/images/btn_goal_02.gif" alt="JAバンクは全国どなたでも安心してご利用いただける金融機関です。 はじめてのお客さまへ" width="652" height="68" class="over02"></a></p>
<!-- /box-goal-01 --></div>
<!-- /box-goal-01-inner --></div>
<!-- /box-goal-01-container --></div>

<!-- ignore --><p class="mgt30"><em>goal-D</em></p>

<div class="box-goal-01-container">
<div class="box-goal-01-inner">
<div class="box-goal-01">
<p class="mgb05"><a href="/tameru/ichiran/"><img src="/common/images/btn_goal_07.gif" alt="サービスに関するお問い合わせやお申し込みはお近くのJAまでお気軽にどうぞ。取扱いJA・信連一覧" width="652" height="142" class="over02"></a></p>
<p><a href="/kouza/hajimete/"><img src="/common/images/btn_goal_02.gif" alt="JAバンクは全国どなたでも安心してご利用いただける金融機関です。 はじめてのお客さまへ" width="652" height="68" class="over02"></a></p>
<!-- /box-goal-01 --></div>
<!-- /box-goal-01-inner --></div>
<!-- /box-goal-01-container --></div>

<!-- ignore --><p class="mgt30"><em>goal-E</em></p>

<div class="box-goal-01-container">
<div class="box-goal-01-inner">
<div class="box-goal-01">
<p class="mgb05"><a href="http://map.jabank.org/"><img src="/common/images/btn_goal_08.gif" alt="お問い合わせ等はお取引のあるJAまでお気軽にどうぞ。 店舗・ATM検索" width="652" height="142" class="over02"></a></p>
<!-- /box-goal-01 --></div>
<!-- /box-goal-01-inner --></div>
<!-- /box-goal-01-container --></div>

<!-- ignore --><p class="mgt30"><em>goal-F</em></p>

<div class="box-goal-01-container">
<div class="box-goal-01-inner">
<div class="box-goal-01">
<p class="mgb05"><a href="http://map.jabank.org/"><img src="/common/images/btn_goal_01.gif" alt="サービスに関するお問い合わせやお申し込みはお近くのJAまでお気軽にどうぞ。 店舗・ATM検索" width="652" height="142" class="over02"></a></p>
<p><a href="/kouza/hajimete/"><img src="/common/images/btn_goal_02.gif" alt="JAバンクは全国どなたでも安心してご利用いただける金融機関です。 はじめてのお客さまへ" width="652" height="68" class="over02"></a></p>
<!-- /box-goal-01 --></div>
<!-- /box-goal-01-inner --></div>
<!-- /box-goal-01-container --></div>

<!-- ignore --><p class="mgt30"><em>goal-G</em></p>

<div class="box-goal-01-container">
<div class="box-goal-01-inner">
<div class="box-goal-02">
<p class="mgb05"><a href="/kouza/sougoukouza/"><img src="/common/images/btn_goal_09.gif" alt="サービスに関するお問い合わせやお申し込みはお近くのJAまでお気軽にどうぞ。 総合口座の開設はこちら" width="662" height="109" class="over02"></a></p>
<!-- /box-goal-02 --></div>
<!-- /box-goal-01-inner --></div>
<!-- /box-goal-01-container --></div>

<!-- ignore --><p class="mgt30"><em>goal-H</em></p>

<div class="box-goal-01-container">
<div class="box-goal-01-inner">
<div class="box-goal-01">
<p class="mgb05"><a href="http://map.jabank.org/"><img src="/common/images/btn_goal_10.gif" alt="サービスに関するお問い合わせやお申し込みはお近くのJAまでお気軽にどうぞ。 総合口座の開設はこちら 店舗・ATM検索" width="652" height="192" class="over02"></a></p>
<p class="mgb05"><a href="/kouza/hajimete/"><img src="/common/images/btn_goal_02.gif" alt="JAバンクは全国どなたでも安心してご利用いただける金融機関です。 はじめてのお客さまへ" width="652" height="68" class="over02"></a></p>
<p><a href="/tsukau/cd_atm/"><img src="/common/images/btn_goal_03.gif" alt="セブン銀行、イーネット、ローソン銀行ATM等で平日日中手数料無料！ JAバンクの手数料無料ATM" width="652" height="68" class="over02"></a></p>
<!-- /box-goal-01 --></div>
<!-- /box-goal-01-inner --></div>
<!-- /box-goal-01-container --></div>

<!-- ignore --><p class="mgt30"><em>goal-I</em></p>

<div class="box-goal-01-container">
<div class="box-goal-01-inner">
<div class="box-goal-01">
<p class="mgb05"><a href="http://map.jabank.org/"><img src="/common/images/btn_goal_01.gif" alt="サービスに関するお問い合わせやお申し込みはお近くのJAまでお気軽にどうぞ。 店舗・ATM検索" width="652" height="142" class="over02"></a></p>
<!-- /box-goal-01 --></div>
<!-- /box-goal-01-inner --></div>
<!-- /box-goal-01-container --></div>

<!-- ignore --><p class="mgt30"><em>goal-J</em></p>

<div class="box-goal-01-container">
<div class="box-goal-01-inner">
<div class="box-goal-01">
<p class="mgb05"><a href="/tameru/ichiran/"><img src="/common/images/btn_goal_07.gif" alt="サービスに関するお問い合わせやお申し込みはお近くのJAまでお気軽にどうぞ。取扱いJA・信連一覧" width="652" height="142" class="over02"></a></p>
<p><a href="/faq/"><img src="/common/images/btn_goal_11.gif" alt="国債・投資信託について、お客さまからよくあるご質問をまとめました。 よくあるご質問：貯める・増やす" width="652" height="68" class="over02"></a></p>
<!-- /box-goal-01 --></div>
<!-- /box-goal-01-inner --></div>
<!-- /box-goal-01-container --></div>

<!-- ignore --><p class="mgt30"><em>goal-K</em></p>

<div class="box-goal-01-container-02">
<p><img src="/common/images/ttl_goal_01.gif" alt="JAカードのお問い合わせ先" width="690" height="55"></p>
<div class="box-goal-01-inner">
<div class="box-goal-01">
<p><a href="http://map.jabank.org/"><img src="/common/images/btn_goal_12.gif" alt="JAカードのお申し込み、お取扱いカード等については、お近くのJAにお問い合わせください。 店舗・ATM検索" width="652" height="142" class="over02"></a></p>
<div class="box-goal-03 mgb15">
<p class="ta-c"><img src="/common/images/txt_goal_01.gif" alt="JAカードのお申し込み、お取扱いカード等については、お近くのJAにお問い合わせください。" width="534" height="65"></p>
<p class="ta-c"><img src="/common/images/ttl_goal_02.gif" alt="コールセンター" width="606" height="38"></p>
<p class="ta-c"><img src="/common/images/txt_goal_02.gif" alt="東日本：TEL 03-5940-1100 西日本：TEL 06-6616-0770（受付時間：9:00～17:30／年中無休、ただし年末年始を除く）なお、JAカードを既にお持ちのお客さまは「カードサービスセンター」にて、各種サービスのご案内もご利用いただけます。" width="606" height="109"></p>
<p class="ta-c"><img src="/common/images/ttl_goal_03.gif" alt="カードサービスセンター" width="606" height="38"></p>
<p class="ta-c"><img src="/common/images/txt_goal_03.gif" alt="0120-030-060 携帯電話・PHSからは03-5978-1411（受付時間：9:00～18:00／年中無休、ただし年末年始を除く）また、クレジットカードの機能・サービス、ご登録内容の変更などご照会内容に即したお問い合わせは、三菱UFJニコス「お問い合わせ」からご連絡先を選択のうえ、お問い合わせください。" width="606" height="102"></p>
<p class="ta-r mgb25"><a href="http://www.cr.mufg.jp/member/support/inquiry/list/"><img src="/common/images/btn_goal_13.gif" alt="詳しくは三菱UFJニコス「お問い合わせ」へ" width="268" height="13" class="over01"></a></p>
<!-- /box-goal-03 --></div>
<p class="ta-c"><a href="/faq/hunsitu/"><img src="/common/images/btn_goal_14.gif" alt="カードの紛失・盗難のご連絡はこちら" width="430" height="49" class="over02"></a></p>
<!-- /box-goal-01 --></div>
<!-- /box-goal-01-inner --></div>
<!-- /box-goal-01-container --></div>

<!-- ignore --><p class="mgt30"><em>goal-L</em></p>

<div class="box-goal-01-container">
<div class="box-goal-01-inner">
<div class="box-goal-01">
<p class="mgb05"><a href="http://map.jabank.org/"><img src="/common/images/btn_goal_01.gif" alt="サービスに関するお問い合わせやお申し込みはお近くのJAまでお気軽にどうぞ。 店舗・ATM検索" width="652" height="142" class="over02"></a></p>
<p><a href="/tsukau/cd_atm/"><img src="/common/images/btn_goal_03.gif" alt="セブン銀行、イーネット、ローソン銀行ATM等で平日日中手数料無料！ JAバンクの手数料無料ATM" width="652" height="68" class="over02"></a></p>
<!-- /box-goal-01 --></div>
<!-- /box-goal-01-inner --></div>
<!-- /box-goal-01-container --></div>

<!-- ignore --><p class="mgt30"><em>goal-M</em></p>

<div class="box-goal-01-container mgb15">
<div class="box-goal-01-inner">
<div class="box-goal-01">
<p class="mgb15"><a href="http://map.jabank.org/"><img src="/common/images/btn_goal_08.gif" alt="お問い合わせ等はお取引のあるJAまでお気軽にどうぞ。 店舗・ATM検索" width="652" height="142" class="over02"></a></p>
<p class="ta-c"><a href="/support/#hunsitu"><img src="/common/images/btn_goal_14.gif" alt="カードの紛失・盗難のご連絡はこちら" width="430" height="49" class="over02"></a></p>
<!-- /box-goal-01 --></div>
<!-- /box-goal-01-inner --></div>
<!-- /box-goal-01-container --></div>

```
*/
.box-goal-01-container
{
    zoom: 1;

    width: 690px;
    margin-top: 60px;
    padding-top: 4px;

    background: url(/common/images/bg_goal_top.gif) no-repeat top;
}

.box-goal-01-container-02
{
    width: 690px;
    margin-top: 60px;
}

.box-goal-01-inner
{
    zoom: 1;

    padding-bottom: 4px;

    background: url(/common/images/bg_goal_btm.gif) no-repeat bottom;
}

.box-goal-01
{
    zoom: 1;

    padding: 15px 19px 10px 19px;

    background: #efe9cd;
}

.box-goal-02
{
    zoom: 1;

    padding: 15px 14px 10px 14px;

    background: #efe9cd;
}

.box-goal-03
{
    position: relative;

    width: 652px;
    height: 450px;
    margin: 0 auto;
    padding: 4px 0;

    background: url(/common/images/bg_goal_02.gif) no-repeat;
}

/*
#list-map-01

```
<div class="map-01-container">
<ul class="list-map-01">
<li class="btn-hokkaido"><a href="#"><img src="/common/images/btn_map_hokkaido_01.gif" alt="北海道" width="64" height="26" class="over02"></a></li>
<li class="btn-aomori"><a href="#"><img src="/common/images/btn_map_aomori_01.gif" alt="青森" width="49" height="26" class="over02"></a></li>
<li class="btn-iwate"><a href="#"><img src="/common/images/btn_map_iwate_01.gif" alt="岩手" width="49" height="26" class="over02"></a></li>
<li class="btn-miyagi"><a href="#"><img src="/common/images/btn_map_miyagi_01.gif" alt="宮城" width="49" height="26" class="over02"></a></li>
<li class="btn-akita"><a href="#"><img src="/common/images/btn_map_akita_01.gif" alt="秋田" width="49" height="26" class="over02"></a></li>
<li class="btn-yamagata"><a href="#"><img src="/common/images/btn_map_yamagata_01.gif" alt="山形" width="49" height="26" class="over02"></a></li>
<li class="btn-fukushima"><a href="#"><img src="/common/images/btn_map_fukushima_01.gif" alt="福島" width="49" height="26" class="over02"></a></li>
<li class="btn-ibaraki"><a href="#"><img src="/common/images/btn_map_ibaraki_01.gif" alt="茨城" width="49" height="26" class="over02"></a></li>
<li class="btn-tochigi"><a href="#"><img src="/common/images/btn_map_tochigi_01.gif" alt="栃木" width="49" height="26" class="over02"></a></li>
<li class="btn-gunma"><a href="#"><img src="/common/images/btn_map_gunma_01.gif" alt="群馬" width="49" height="26" class="over02"></a></li>
<li class="btn-saitama"><a href="#"><img src="/common/images/btn_map_saitama_01.gif" alt="埼玉" width="49" height="26" class="over02"></a></li>
<li class="btn-chiba"><a href="#"><img src="/common/images/btn_map_chiba_01.gif" alt="千葉" width="49" height="26" class="over02"></a></li>
<li class="btn-tokyo"><a href="#"><img src="/common/images/btn_map_tokyo_01.gif" alt="東京" width="49" height="26" class="over02"></a></li>
<li class="btn-kanagawa"><a href="#"><img src="/common/images/btn_map_kanagawa_01.gif" alt="神奈川" width="64" height="26" class="over02"></a></li>
<li class="btn-niigata"><a href="#"><img src="/common/images/btn_map_niigata_01.gif" alt="新潟" width="49" height="26" class="over02"></a></li>
<li class="btn-toyama"><a href="#"><img src="/common/images/btn_map_toyama_01.gif" alt="富山" width="49" height="26" class="over02"></a></li>
<li class="btn-ishikawa"><a href="#"><img src="/common/images/btn_map_ishikawa_01.gif" alt="石川" width="49" height="26" class="over02"></a></li>
<li class="btn-fukui"><a href="#"><img src="/common/images/btn_map_fukui_01.gif" alt="福井" width="49" height="26" class="over02"></a></li>
<li class="btn-yamanashi"><a href="#"><img src="/common/images/btn_map_yamanashi_01.gif" alt="山梨" width="49" height="26" class="over02"></a></li>
<li class="btn-nagano"><a href="#"><img src="/common/images/btn_map_nagano_01.gif" alt="長野" width="49" height="26" class="over02"></a></li>
<li class="btn-gifu"><a href="#"><img src="/common/images/btn_map_gifu_01.gif" alt="岐阜" width="49" height="26" class="over02"></a></li>
<li class="btn-shizuoka"><a href="#"><img src="/common/images/btn_map_shizuoka_01.gif" alt="静岡" width="49" height="26" class="over02"></a></li>
<li class="btn-aichi"><a href="#"><img src="/common/images/btn_map_aichi_01.gif" alt="愛知" width="49" height="26" class="over02"></a></li>
<li class="btn-mie"><a href="#"><img src="/common/images/btn_map_mie_01.gif" alt="三重" width="49" height="26" class="over02"></a></li>
<li class="btn-shiga"><a href="#"><img src="/common/images/btn_map_shiga_01.gif" alt="滋賀" width="49" height="26" class="over02"></a></li>
<li class="btn-kyoto"><a href="#"><img src="/common/images/btn_map_kyoto_01.gif" alt="京都" width="49" height="26" class="over02"></a></li>
<li class="btn-osaka"><a href="#"><img src="/common/images/btn_map_osaka_01.gif" alt="大阪" width="49" height="26" class="over02"></a></li>
<li class="btn-hyogo"><a href="#"><img src="/common/images/btn_map_hyogo_01.gif" alt="兵庫" width="49" height="26" class="over02"></a></li>
<li class="btn-nara"><a href="#"><img src="/common/images/btn_map_nara_01.gif" alt="奈良" width="49" height="26" class="over02"></a></li>
<li class="btn-wakayama"><a href="#"><img src="/common/images/btn_map_wakayama_01.gif" alt="和歌山" width="62" height="26" class="over02"></a></li>
<li class="btn-tottori"><a href="#"><img src="/common/images/btn_map_tottori_01.gif" alt="鳥取" width="49" height="26" class="over02"></a></li>
<li class="btn-shimane"><a href="#"><img src="/common/images/btn_map_shimane_01.gif" alt="島根" width="49" height="26" class="over02"></a></li>
<li class="btn-okayama"><a href="#"><img src="/common/images/btn_map_okayama_01.gif" alt="岡山" width="49" height="26" class="over02"></a></li>
<li class="btn-hiroshima"><a href="#"><img src="/common/images/btn_map_hiroshima_01.gif" alt="広島" width="49" height="26" class="over02"></a></li>
<li class="btn-yamaguchi"><a href="#"><img src="/common/images/btn_map_yamaguchi_01.gif" alt="山口" width="49" height="26" class="over02"></a></li>
<li class="btn-tokushima"><a href="#"><img src="/common/images/btn_map_tokushima_01.gif" alt="徳島" width="49" height="26" class="over02"></a></li>
<li class="btn-kagawa"><a href="#"><img src="/common/images/btn_map_kagawa_01.gif" alt="香川" width="49" height="26" class="over02"></a></li>
<li class="btn-ehime"><a href="#"><img src="/common/images/btn_map_ehime_01.gif" alt="愛媛" width="49" height="26" class="over02"></a></li>
<li class="btn-kochi"><a href="#"><img src="/common/images/btn_map_kochi_01.gif" alt="高知" width="49" height="26" class="over02"></a></li>
<li class="btn-fukuoka"><a href="#"><img src="/common/images/btn_map_fukuoka_01.gif" alt="福岡" width="49" height="26" class="over02"></a></li>
<li class="btn-saga"><a href="#"><img src="/common/images/btn_map_saga_01.gif" alt="佐賀" width="49" height="26" class="over02"></a></li>
<li class="btn-nagasaki"><a href="#"><img src="/common/images/btn_map_nagasaki_01.gif" alt="長崎" width="49" height="26" class="over02"></a></li>
<li class="btn-kumamoto"><a href="#"><img src="/common/images/btn_map_kumamoto_01.gif" alt="熊本" width="49" height="26" class="over02"></a></li>
<li class="btn-oita"><a href="#"><img src="/common/images/btn_map_oita_01.gif" alt="大分" width="49" height="26" class="over02"></a></li>
<li class="btn-miyazaki"><a href="#"><img src="/common/images/btn_map_miyazaki_01.gif" alt="宮崎" width="49" height="26" class="over02"></a></li>
<li class="btn-kagoshima"><a href="#"><img src="/common/images/btn_map_kagoshima_01.gif" alt="鹿児島" width="62" height="26" class="over02"></a></li>
<li class="btn-okinawa"><a href="#"><img src="/common/images/btn_map_okinawa_01.gif" alt="沖縄" width="49" height="26" class="over02"></a></li>
</ul>
<!-- /map-01-container --></div>
```
*/
.map-01-container
{
    position: relative;

    width: 640px;
    height: 341px;
    margin: 0 auto;

    background: url(/common/images/bg_map_01.gif) no-repeat;
}

.map-01-container .list-map-01 .btn-hokkaido
{
    position: absolute;
    top: 34px;
    left: 510px;
}

.map-01-container .list-map-01 .btn-aomori
{
    position: absolute;
    top: 83px;
    left: 545px;
}

.map-01-container .list-map-01 .btn-iwate
{
    position: absolute;
    top: 110px;
    left: 545px;
}

.map-01-container .list-map-01 .btn-miyagi
{
    position: absolute;
    top: 137px;
    left: 545px;
}

.map-01-container .list-map-01 .btn-akita
{
    position: absolute;
    top: 83px;
    left: 495px;
}

.map-01-container .list-map-01 .btn-yamagata
{
    position: absolute;
    top: 110px;
    left: 495px;
}

.map-01-container .list-map-01 .btn-fukushima
{
    position: absolute;
    top: 164px;
    left: 545px;
}

.map-01-container .list-map-01 .btn-ibaraki
{
    position: absolute;
    top: 232px;
    left: 546px;
}

.map-01-container .list-map-01 .btn-tochigi
{
    position: absolute;
    top: 205px;
    left: 546px;
}

.map-01-container .list-map-01 .btn-gunma
{
    position: absolute;
    top: 205px;
    left: 496px;
}

.map-01-container .list-map-01 .btn-saitama
{
    position: absolute;
    top: 232px;
    left: 496px;
}

.map-01-container .list-map-01 .btn-chiba
{
    position: absolute;
    top: 259px;
    left: 546px;
}

.map-01-container .list-map-01 .btn-tokyo
{
    position: absolute;
    top: 259px;
    left: 496px;
}

.map-01-container .list-map-01 .btn-kanagawa
{
    position: absolute;
    top: 286px;
    left: 496px;
}

.map-01-container .list-map-01 .btn-niigata
{
    position: absolute;
    top: 159px;
    left: 432px;
}

.map-01-container .list-map-01 .btn-toyama
{
    position: absolute;
    top: 159px;
    left: 382px;
}

.map-01-container .list-map-01 .btn-ishikawa
{
    position: absolute;
    top: 186px;
    left: 382px;
}

.map-01-container .list-map-01 .btn-fukui
{
    position: absolute;
    top: 213px;
    left: 382px;
}

.map-01-container .list-map-01 .btn-yamanashi
{
    position: absolute;
    top: 213px;
    left: 432px;
}

.map-01-container .list-map-01 .btn-nagano
{
    position: absolute;
    top: 186px;
    left: 432px;
}

.map-01-container .list-map-01 .btn-gifu
{
    position: absolute;
    top: 263px;
    left: 382px;
}

.map-01-container .list-map-01 .btn-shizuoka
{
    position: absolute;
    top: 290px;
    left: 432px;
}

.map-01-container .list-map-01 .btn-aichi
{
    position: absolute;
    top: 263px;
    left: 432px;
}

.map-01-container .list-map-01 .btn-mie
{
    position: absolute;
    top: 290px;
    left: 382px;
}

.map-01-container .list-map-01 .btn-shiga
{
    position: absolute;
    top: 155px;
    left: 305px;
}

.map-01-container .list-map-01 .btn-kyoto
{
    position: absolute;
    top: 182px;
    left: 305px;
}

.map-01-container .list-map-01 .btn-osaka
{
    position: absolute;
    top: 236px;
    left: 305px;
}

.map-01-container .list-map-01 .btn-hyogo
{
    position: absolute;
    top: 209px;
    left: 305px;
}

.map-01-container .list-map-01 .btn-nara
{
    position: absolute;
    top: 263px;
    left: 305px;
}

.map-01-container .list-map-01 .btn-wakayama
{
    position: absolute;
    top: 290px;
    left: 305px;
}

.map-01-container .list-map-01 .btn-tottori
{
    position: absolute;
    top: 155px;
    left: 229px;
}

.map-01-container .list-map-01 .btn-hiroshima
{
    position: absolute;
    top: 209px;
    left: 229px;
}

.map-01-container .list-map-01 .btn-okayama
{
    position: absolute;
    top: 182px;
    left: 229px;
}

.map-01-container .list-map-01 .btn-shimane
{
    position: absolute;
    top: 155px;
    left: 179px;
}

.map-01-container .list-map-01 .btn-yamaguchi
{
    position: absolute;
    top: 182px;
    left: 179px;
}

.map-01-container .list-map-01 .btn-tokushima
{
    position: absolute;
    top: 278px;
    left: 229px;
}

.map-01-container .list-map-01 .btn-kagawa
{
    position: absolute;
    top: 252px;
    left: 229px;
}

.map-01-container .list-map-01 .btn-ehime
{
    position: absolute;
    top: 252px;
    left: 179px;
}

.map-01-container .list-map-01 .btn-kochi
{
    position: absolute;
    top: 279px;
    left: 179px;
}

.map-01-container .list-map-01 .btn-fukuoka
{
    position: absolute;
    top: 177px;
    left: 115px;
}

.map-01-container .list-map-01 .btn-saga
{
    position: absolute;
    top: 177px;
    left: 65px;
}

.map-01-container .list-map-01 .btn-nagasaki
{
    position: absolute;
    top: 204px;
    left: 65px;
}

.map-01-container .list-map-01 .btn-kumamoto
{
    position: absolute;
    top: 258px;
    left: 115px;
}

.map-01-container .list-map-01 .btn-oita
{
    position: absolute;
    top: 204px;
    left: 115px;
}

.map-01-container .list-map-01 .btn-miyazaki
{
    position: absolute;
    top: 231px;
    left: 115px;
}

.map-01-container .list-map-01 .btn-kagoshima
{
    position: absolute;
    top: 285px;
    left: 102px;
}

.map-01-container .list-map-01 .btn-okinawa
{
    position: absolute;
    top: 285px;
    left: 27px;
}

/*
#box-search-01 検索用box

```
<p><a href="#"><img src="/common/images/btn_gnav_01_01.gif" alt="総合口座" width="178" height="84" class="over01"></a></p>
```
*/
.box-search-01 .ttl
{
    height: 25px;
    padding-top: 15px;

    background: url(/common/images/bg_dot_02.gif) repeat-y right;
}

.box-search-01 .ttl img
{
    vertical-align: top;
}

.box-search-01 .box-input-01
{
    padding: 5px 10px 0 26px;
}

.box-search-01 .elm-01
{
    display: inline;

    margin-right: 10px;

    vertical-align: top;
}

.box-search-01 .img-01
{
    font-size: 0;
}

.box-search-01.separate
{
    margin-bottom: 13px;
    padding-bottom: 15px;

    border-bottom: solid 2px #f1ebcf;
}

.box-search-01 input
{
    vertical-align: top;
}

.list-radio-01
{
    display: inline;
    overflow: hidden;

    *zoom: 1;
}

.list-radio-01 li
{
    float: left;

    margin-right: 20px;

    white-space: nowrap;
}

.list-radio-01 li.last
{
    margin-right: 0;
}

.list-radio-01 li input
{
    margin-right: 5px;

    vertical-align: middle;
}

.list-radio-01 label
{
    vertical-align: text-top;
}

.input-txt-01
{
    width: 340px;
    padding: 5px;
}

/*
#over01 CSSによるロールオーバー

```
<p><a href="#"><img src="/common/images/btn_gnav_01_01.gif" alt="総合口座" width="178" height="84" class="over01"></a></p>
```
*/
img.over01:hover,
input.over01:hover
{
    opacity: .75;

    filter: alpha(opacity=75);
}

/*
#over02 imgによるロールオーバー

```
<p><a href="#"><img width="115" height="95" class="over02" alt="口座を開く" src="/common/images/btn_gnav_01.gif"></a></p>
```
*/
/*
#text-align 調整用スタイル

```
<p class="ta-c">text-align:center</p>
<p class="ta-r">text-align:right</p>
<p class="ta-l">text-align:left</p>
```
*/
.ta-c
{
    text-align: center !important;
}

.ta-r
{
    text-align: right !important;
}

.ta-l
{
    text-align: left !important;
}

/*
#vertical-align 調整用スタイル

主にテーブルのセルに付与します。

```
<table class="tbl-data-01" cellspacing="0">
<tbody>
<tr>
<td class="va-t">vertical-align:top<br>vertical-align:top</td>
<td class="va-m">vertical-align:middle</td>
<td class="va-b">vertical-align:bottom</td>
<tr>
</tbody>
</table>
```
*/
.va-t
{
    vertical-align: top !important;
}

.va-m
{
    vertical-align: middle !important;
}

.va-b
{
    vertical-align: bottom !important;
}

.bdt0
{
    border-top: none !important;
}

.bdb0
{
    border-bottom: none !important;
}

.bdr0
{
    border-right: none !important;
}

.bdl0
{
    border-left: none !important;
}

/*
#margin-bottom 調整用スタイル

```
<p class="mgb00">margin-bottom:0px</p>
<p class="mgb05">margin-bottom:5px</p>
<p class="mgb10">margin-bottom:10px</p>
<p class="mgb15">margin-bottom:15px</p>
<p class="mgb20">margin-bottom:20px</p>
<p class="mgb25">margin-bottom:25px</p>
<p class="mgb30">margin-bottom:30px</p>
<p class="mgb35">margin-bottom:35px</p>
```
*/
.mgb00
{
    margin-bottom: 0 !important;
}

.mgb05
{
    margin-bottom: 5px !important;
}

.mgb10
{
    margin-bottom: 10px !important;
}

.mgb15
{
    margin-bottom: 15px !important;
}

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

.mgb25
{
    margin-bottom: 25px !important;
}

.mgb30
{
    margin-bottom: 30px !important;
}

.mgb35
{
    margin-bottom: 35px !important;
}

.mgb40
{
    margin-bottom: 40px !important;
}

.mgb45
{
    margin-bottom: 45px !important;
}

.mgb50
{
    margin-bottom: 50px !important;
}

.mgb55
{
    margin-bottom: 55px !important;
}

.mgb60
{
    margin-bottom: 60px !important;
}

.mgb65
{
    margin-bottom: 65px !important;
}

.mgb70
{
    margin-bottom: 70px !important;
}

.mgb75
{
    margin-bottom: 75px !important;
}

.mgb80
{
    margin-bottom: 80px !important;
}

/*
#margin-top 調整用スタイル

```
<p class="mgt00">margin-top:0px</p>
<p class="mgt05">margin-top:5px</p>
<p class="mgt10">margin-top:10px</p>
<p class="mgt15">margin-top:15px</p>
<p class="mgt20">margin-top:20px</p>
<p class="mgt25">margin-top:25px</p>
<p class="mgt30">margin-top:30px</p>
<p class="mgt35">margin-top:35px</p>
```
*/
.mgt00
{
    margin-top: 0 !important;
}

.mgt05
{
    margin-top: 5px !important;
}

.mgt10
{
    margin-top: 10px !important;
}

.mgt15
{
    margin-top: 15px !important;
}

.mgt20
{
    margin-top: 20px !important;
}

.mgt25
{
    margin-top: 25px !important;
}

.mgt30
{
    margin-top: 30px !important;
}

.mgt35
{
    margin-top: 35px !important;
}

.mgt40
{
    margin-top: 40px !important;
}

.mgt45
{
    margin-top: 45px !important;
}

.mgt50
{
    margin-top: 50px !important;
}

.mgt55
{
    margin-top: 55px !important;
}

.mgt60
{
    margin-top: 60px !important;
}

.mgt65
{
    margin-top: 65px !important;
}

.mgt70
{
    margin-top: 70px !important;
}

.mgt75
{
    margin-top: 75px !important;
}

.mgt80
{
    margin-top: 80px !important;
}

/*
#margin-right 調整用スタイル

```
<p class="mgr00">margin-right:0px</p>
<p class="mgr05">margin-right:5px</p>
<p class="mgr10">margin-right:10px</p>
<p class="mgr15">margin-right:15px</p>
<p class="mgr20">margin-right:20px</p>
<p class="mgr25">margin-right:25px</p>
<p class="mgr30">margin-right:30px</p>
<p class="mgr35">margin-right:35px</p>
```
*/
.mgr00
{
    margin-right: 0 !important;
}

.mgr05
{
    margin-right: 5px !important;
}

.mgr10
{
    margin-right: 10px !important;
}

.mgr15
{
    margin-right: 15px !important;
}

.mgr20
{
    margin-right: 20px !important;
}

.mgr25
{
    margin-right: 25px !important;
}

.mgr30
{
    margin-right: 30px !important;
}

.mgr35
{
    margin-right: 35px !important;
}

.mgr40
{
    margin-right: 40px !important;
}

.mgr45
{
    margin-right: 45px !important;
}

.mgr50
{
    margin-right: 50px !important;
}

.mgr55
{
    margin-right: 55px !important;
}

.mgr60
{
    margin-right: 60px !important;
}

.mgr65
{
    margin-right: 65px !important;
}

.mgr70
{
    margin-right: 70px !important;
}

.mgr75
{
    margin-right: 75px !important;
}

.mgr80
{
    margin-right: 80px !important;
}

/*
#margin-left 調整用スタイル

```
<p class="mgl00">margin-left:0px</p>
<p class="mgl05">margin-left:5px</p>
<p class="mgl10">margin-left:10px</p>
<p class="mgl15">margin-left:15px</p>
<p class="mgl20">margin-left:20px</p>
<p class="mgl25">margin-left:25px</p>
<p class="mgl30">margin-left:30px</p>
<p class="mgl35">margin-left:35px</p>
```
*/
.mgl00
{
    margin-left: 0 !important;
}

.mgl05
{
    margin-left: 5px !important;
}

.mgl10
{
    margin-left: 10px !important;
}

.mgl15
{
    margin-left: 15px !important;
}

.mgl20
{
    margin-left: 20px !important;
}

.mgl25
{
    margin-left: 25px !important;
}

.mgl30
{
    margin-left: 30px !important;
}

.mgl35
{
    margin-left: 35px !important;
}

.mgl40
{
    margin-left: 40px !important;
}

.mgl45
{
    margin-left: 45px !important;
}

.mgl50
{
    margin-left: 50px !important;
}

.mgl55
{
    margin-left: 55px !important;
}

.mgl60
{
    margin-left: 60px !important;
}

.mgl65
{
    margin-left: 65px !important;
}

.mgl70
{
    margin-left: 70px !important;
}

.mgl75
{
    margin-left: 75px !important;
}

.mgl80
{
    margin-left: 80px !important;
}

/*
#float調整用スタイル

```
<p class="flt-l">float:left</p>
<p class="flt-r">float:right</p>
```
*/
.flt-l
{
    float: left !important;
}

.flt-r
{
    float: right !important;
}

/*
#width 調整用スタイル

```
<p class="w98">width:98px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="98" height="50"></p>
<p class="w100">width:100px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="100" height="50"></p>
<p class="w108">width:108px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="108" height="50"></p>
<p class="w120">width:120px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="120" height="50"></p>
<p class="w136">width:136px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="136" height="50"></p>
<p class="w148">width:148px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="148" height="50"></p>
<p class="w160">width:160px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="160" height="50"></p>
<p class="w175">width:175px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="175" height="50"></p>
<p class="w190">width:190px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="190" height="50"></p>
<p class="w200">width:200px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="200" height="50"></p>
<p class="w210">width:210px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="210" height="50"></p>
<p class="w230">width:230px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="230" height="50"></p>
<p class="w250">width:230px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="250" height="50"></p>
<p class="w290">width:290px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="290" height="50"></p>
<p class="w323">width:323px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="323" height="50"></p>
<p class="w336">width:336px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="336" height="50"></p>
<p class="w430">width:430px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="430" height="50"></p>
<p class="w460">width:460px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="460" height="50"></p>
<p class="w480">width:480px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="480" height="50"></p>
<p class="w500">width:500px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="500" height="50"></p>
<p class="w515">width:515px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="515" height="50"></p>
<p class="w524">width:524px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="524" height="50"></p>
<p class="w548">width:548px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="548" height="50"></p>
<p class="w570">width:570px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="570" height="50"></p>
<p class="w590">width:590px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="590" height="50"></p>
```
*/
.w60
{
    width: 60px !important;
}

.w98
{
    width: 98px !important;
}

.w100
{
    width: 100px !important;
}

.w108
{
    width: 108px !important;
}

.w120
{
    width: 120px !important;
}

.w136
{
    width: 136px !important;
}

.w148
{
    width: 148px !important;
}

.w160
{
    width: 160px !important;
}

.w175
{
    width: 175px !important;
}

.w190
{
    width: 190px !important;
}

.w200
{
    width: 200px !important;
}

.w210
{
    width: 210px !important;
}

.w230
{
    width: 230px !important;
}

.w250
{
    width: 250px !important;
}

.w290
{
    width: 290px !important;
}

.w323
{
    width: 323px !important;
}

.w336
{
    width: 336px !important;
}

.w430
{
    width: 430px !important;
}

.w460
{
    width: 460px !important;
}

.w480
{
    width: 480px !important;
}

.w500
{
    width: 500px !important;
}

.w515
{
    width: 515px !important;
}

.w524
{
    width: 524px !important;
}

.w540
{
    width: 540px !important;
}

.w548
{
    width: 548px !important;
}

.w570
{
    width: 570px !important;
}

.w630
{
    width: 630px !important;
}

.w690
{
    width: 690px !important;
}

/*
#viewSP
スマートフォン用の要素を非表示にします。
*/
.viewSP
{
    display: none;
}

/*
#(ex)point

```
<!-- ignore --><div class="w690">

<ul class="list-border-01">
<li class="item">
<div class="lyt-clm-01 mgb30">
<div class="clm-01 w120">
<h3><img src="/common/images/img_point_01.gif" alt="POINT1" width="96" height="30"></h3>
<!-- /clm-01 --></div>
<div class="clm-02 w570">
<p class="txt-l-01 mgb15"><em>様々な住宅プランからお選びいただけます</em></p>
<p>新築・増改築、建売住宅やマンションの購入など、JAの住宅ローンは、様々なお客さまのマイホームプランにお役立ていただけます。</p>
<!-- /clm-02 --></div>
<!-- /lyt-clm-01 --></div>

<div class="cnts-box-01-container">
<div class="cnts-box-01-inner">
<div class="cnts-box-01">
<ul class="list-u-01">
<li>テキストテキストテキストテキストテキストテキストテキスト</li>
<li>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</li>
<li>テキストテキストテキストテキストテキストテキストテキストテキストテキスト</li>
</ul>
<!-- /cnts-box-01 --></div>
<!-- /cnts-box-01-inner --></div>
<!-- /cnts-box-01-container --></div>
<li>
</ul>

<!-- ignore --></div>
```
*/
/*
#(ex)box-rates

```
<!-- ignore --><div class="w690">

<div class="cnts-box-01-container">
<div class="cnts-box-01-inner">
<div class="cnts-box-01">
<div class="lyt-clm-01">
<div class="clm-01 w98">
<p><img width="72" height="26" alt="金利について" src="/common/images/img_caution_01.gif"></p>
<!-- /clm-01 --></div>
<div class="clm-02 w548">
<p class="mgb15">金利などのご融資条件は、各JAによって異なりますので、本サイトには表示しておりません。<br>
詳しくはお近くのJAまでお問い合わせください。</p>
<ul class="list-link-01">
<li class="mgb00"><a href="http://map.jabank.org/">店舗・ATM検索</a></li>
</ul>
<!-- /clm-02 --></div>
<!-- /lyt-clm-01 --></div>
<!-- /cnts-box-01 --></div>
<!-- /cnts-box-01-inner --></div>
<!-- /cnts-box-01-container --></div>

<!-- ignore --></div>
```
*/
/*
#(ex)box-type-01

```
<!-- ignore --><div class="w690">

<div class="cnts-box-01-container">
<div class="cnts-box-01-inner">
<div class="cnts-box-01">
<p class="txt-l-01 mgb15"><em>テキストテキストテキストテキストテキスト</em></p>
<ul class="list-u-01">
<li>テキストテキストテキストテキストテキストテキストテキスト</li>
<li>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</li>
<li class="mgb00">テキストテキストテキストテキストテキストテキストテキストテキストテキスト</li>
</ul>
<!-- /cnts-box-01 --></div>
<!-- /cnts-box-01-inner --></div>
<!-- /cnts-box-01-container --></div>

<!-- ignore --></div>
```
*/
/*
#(ex)box-type-02

```
<!-- ignore --><div class="w690">

<div class="cnts-box-01-container">
<div class="cnts-box-01-inner">
<div class="cnts-box-01">
<p class="txt-l-01 mgb15"><a href="#"><em>テキストテキストテキストテキストテキスト</em></a></p>
<ul class="list-anc-02">
<li><a href="#">テキストテキストテキスト</a></li>
<li><a href="#">テキストテキストテキストテキスト</a></li>
<li><a href="#">テキストテキスト</a></li>
<li><a href="#">テキストテキストテキストテキストテキスト</a></li>
<li class="mgb00"><a href="#">テキストテキストテキストテキスト</a></li>
</ul>
<!-- /cnts-box-01 --></div>
<!-- /cnts-box-01-inner --></div>
<!-- /cnts-box-01-container --></div>

<!-- ignore --></div>
```
*/
/*
#(ex)box-type-03

```
<!-- ignore --><div class="w690">

<div class="cnts-box-03-container">
<div class="cnts-box-03-inner">
<div class="cnts-box-03">
<ul class="list-link-02">
<li><a href="#"><span class="ico-02"><img width="14" height="15" alt="PDFファイルを開きます" src="/common/images/ico_pdf_01.gif"></span>テキストテキストテキストテキストテキストテキスト [PDF：97.13 KB]</a></li>
<li><a href="#"><span class="ico-02"><img width="14" height="15" alt="PDFファイルを開きます" src="/common/images/ico_pdf_01.gif"></span>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト [PDF：97.13 KB]</a></li>
<li class="mgb00"><a href="#"><span class="ico-02"><img width="14" height="15" alt="PDFファイルを開きます" src="/common/images/ico_pdf_01.gif"></span>テキストテキストテキストテキストテキスト [PDF：97.13 KB]</a></li>
</ul>
<!-- /cnts-box-03 --></div>
<!-- /cnts-box-03-inner --></div>
<!-- /cnts-box-03-container --></div>

<!-- ignore --></div>
```
*/
/*
#(ex)lyt-type-01

```
<div class="lyt-clm-01 w336">
<div class="clm-01 w148">
<p class="mgb10">width:148px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="148" height="94"></p>
<p class="txt-s-01 ta-c">キャプション</p>
<!-- /clm-01 --></div>
<div class="clm-02 w148">
<p class="mgb10">width:148px<br><img src="/_element/images/img_dummy_01.gif" alt="" width="148" height="94"></p>
<p class="txt-s-01 ta-c mgb30">キャプション</p>
<!-- /clm-02 --></div>
<!-- /lyt-clm-01 --></div>

```
*/
/*
#(ex)lyt-type-02
画像の2カラムレイアウトは<strong>.lyt-2clm-01</strong>を使用し、
それぞれのカラムに<strong>.ta-c</strong>を付与してください。

```
<!-- ignore --><div class="w690">

<div class="lyt-2clm-01">
<div class="clm-01 ta-c">
<p><img src="/_element/images/img_dummy_01.gif" alt="" width="290" height="50"></p>
<!-- /clm-01 --></div>
<div class="clm-02 ta-c">
<p><img src="/_element/images/img_dummy_01.gif" alt="" width="290" height="50"></p>
<!-- /clm-02 --></div>
<!-- /lyt-2clm-01 --></div>

<!-- ignore --></div>

```
*/
/*
#(ex)lyt-type-03
<strong>id:F-07-01</strong>で使用

```
<!-- ignore --><div class="w690">

<div class="lyt-2clm-01">
<div class="clm-01">
<div class="lyt-clm-01">
<div class="clm-01 w100">
<p><img src="/_element/images/img_dummy_01.gif" alt="" width="100" height="130"></p>
<!-- /clm-01 --></div>
<div class="clm-02 w210">
<p class="txt-s-01">YYYY年MM月DD日</p>
<p><em>テキストテキストテキスト</em></p>
<p class="txt-s-01"><a href="#" target="_blank"><span class="ico-02"><img width="14" height="15" alt="PDFファイルを開きます" src="/common/images/ico_pdf_01.gif"></span>[PDF：00.00 KB]</a></p>
<!-- /clm-02 --></div>
<!-- /lyt-clm-01 --></div>
<!-- /clm-01 --></div>
<div class="clm-02">
<div class="lyt-clm-01">
<div class="clm-01 w100">
<p><img src="/_element/images/img_dummy_01.gif" alt="" width="100" height="130"></p>
<!-- /clm-01 --></div>
<div class="clm-02 w210">
<p class="txt-s-01">YYYY年MM月DD日</p>
<p><em>テキストテキストテキスト</em></p>
<p class="txt-s-01"><a href="#" target="_blank"><span class="ico-02"><img width="14" height="15" alt="PDFファイルを開きます" src="/common/images/ico_pdf_01.gif"></span>[PDF：00.00 KB]</a></p>
<!-- /clm-02 --></div>
<!-- /lyt-clm-01 --></div>
<!-- /clm-02 --></div>
<!-- /lyt-2clm-01 --></div>

<!-- ignore --></div>

```
*/
/*
#(ex)lyt-reader-01

```
<!-- ignore --><div class="w690 mgb30">

<div class="lyt-clm-01">
<div class="clm-01 w148">
<p><a href="http://get.adobe.com/jp/reader/" target="_blank"><img src="/common/images/btn_reader_01.gif" alt="Get ADOBE READER" width="158" height="39" class="over01"></a></p>
<!-- /clm-01 --></div>
<div class="clm-02 w515">
<p>PDFファイルをご覧いただくには、Adobe&reg;Reader&reg;が必要です。</p>
<ul class="list-link-01">
<li><a href="http://get.adobe.com/jp/reader/" target="_blank">Adobe&reg;Reader&reg;のダウンロードはこちら<span class="ico-01"><img width="8" height="7" alt="新しいウインドウで開きます" src="/common/images/ico_window_01.gif"></span></a></li>
</ul>
<!-- /clm-02 --></div>
<!-- /lyt-clm-01 --></div>

<!-- ignore --></div>

<!-- ignore --><div class="w690">

<div class="lyt-clm-01">
<div class="clm-01 w160">
<p><a href="http://get.adobe.com/jp/flashplayer/" target="_blank"><img width="160" height="41" alt="Get ADOBE FLASH PLAYER" src="/common/images/btn_flashplayer_01.gif" class="over01"></a></p>
<!-- /clm-01 --></div>
<div class="clm-02 w500">
<p>ご利用いただくには、Adobe&reg; Flash&reg; Playerが必要です。</p>
<ul class="list-link-01">
<li><a href="http://get.adobe.com/jp/flashplayer/" target="_blank">Adobe&reg; Flash&reg; Playerのダウンロードはこちら<span class="ico-01"><img width="8" height="7" alt="新しいウインドウで開きます" src="/common/images/ico_window_01.gif"></span></a></li>
</ul>
<!-- /clm-02 --></div>
<!-- /lyt-clm-01 --></div>

<!-- ignore --></div>


```
*/
/*
#(ex)tbl-type-01

```
<!-- ignore --><div class="w690">

<table class="tbl-data-01" cellspacing="0">
<colgroup>
<col style="width:30%;">
<col style="width:70%;">
</colgroup>
<thead>
<tr>
<th class="ta-c" colspan="2">テキストテキスト</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="2" class="in-tbl-01">
<div class="lyt-clm-tbl-01">
<div class="clm-tbl-01 set-height-tbl-01">
<p class="ta-c">テキストテキスト<br>
<img src="/_element/images/img_dummy_01.gif" width="242" height="73" alt=""></p>
<!-- /clm-tbl-01 --></div>
<div class="clm-tbl-02 set-height-tbl-01">
<ul class="list-img-01 ta-c">
<li>
<p class="ta-c">テキストテキスト<br>
<img src="/_element/images/img_dummy_01.gif" width="114" height="73" alt=""></p>
</li>
<li>
<p class="ta-c">テキストテキスト<br>
<img src="/_element/images/img_dummy_01.gif" width="114" height="73" alt=""></p>
</li>
<li>
<p class="ta-c">テキストテキスト<br>
<img src="/_element/images/img_dummy_01.gif" width="114" height="73" alt=""></p>
</li>
</ul>
<!-- /clm-tbl-02 --></div>
<!-- /lyt-clm-tbl-01 --></div>
</td>
</tr>
<tr>
<th>テキスト</th>
<td>テキスト</td>
</tr>
</tbody>
</table>

<!-- ignore --></div>

```
*/
/*
#(ex)tbl-type-02
国債・投資信託取扱いJA・信連一覧（C-05-01以降）で使用します。

```
<!-- ignore --><div class="w690">

<table class="tbl-data-01" cellspacing="0">
<colgroup>
<col style="width:20%;">
<col style="width:15%;">
<col style="width:65%;">
</colgroup>
<thead>
<tr>
<th colspan="3" class="ta-c">テキストテキストテキストテキスト</th>
</tr>
</thead>
<tbody>
<tr>
<th>テキストテキスト</th>
<td colspan="2">テキストテキストテキスト</td>
</tr>
<tr>
<th>テキストテキストテキストテキスト</th>
<td colspan="2">テキストテキストテキストテキストテキスト</td>
</tr>
<tr>
<th rowspan="2">テキスト</th>
<th class="th-01 ta-c">テキスト</th>
<td>
<ul class="list-u-01">
<li><a href="#" target="_blank">テキストテキストテキストテキスト<span class="ico-01"><img src="/common/images/ico_window_01.gif" width="8" height="7" alt="新しいウインドウで開きます"></span></a></li>
<li><a href="#" target="_blank">テキストテキストテキストテキストテキストテキスト<span class="ico-01"><img src="/common/images/ico_window_01.gif" width="8" height="7" alt="新しいウインドウで開きます"></span></a></li>
<li><a href="#" target="_blank">テキストテキスト<span class="ico-01"><img src="/common/images/ico_window_01.gif" width="8" height="7" alt="新しいウインドウで開きます"></span></a></li>
<li><a href="#" target="_blank">テキストテキストテキストテキスト<span class="ico-01"><img src="/common/images/ico_window_01.gif" width="8" height="7" alt="新しいウインドウで開きます"></span></a></li>
<li class="mgb00"><a href="#" target="_blank">テキストテキストテキストテキストテキストテキスト<span class="ico-01"><img src="/common/images/ico_window_01.gif" width="8" height="7" alt="新しいウインドウで開きます"></span></a></li>
</ul>
</td>
</tr>
<tr>
<th class="th-01 ta-c">テキスト</th>
<td>
<ul class="list-u-01">
<li><a href="#" target="_blank">テキストテキストテキストテキスト<span class="ico-01"><img src="/common/images/ico_window_01.gif" width="8" height="7" alt="新しいウインドウで開きます"></span></a></li>
<li><a href="#" target="_blank">テキストテキストテキストテキストテキストテキスト<span class="ico-01"><img src="/common/images/ico_window_01.gif" width="8" height="7" alt="新しいウインドウで開きます"></span></a></li>
<li><a href="#" target="_blank">テキストテキスト<span class="ico-01"><img src="/common/images/ico_window_01.gif" width="8" height="7" alt="新しいウインドウで開きます"></span></a></li>
<li><a href="#" target="_blank">テキストテキストテキストテキスト<span class="ico-01"><img src="/common/images/ico_window_01.gif" width="8" height="7" alt="新しいウインドウで開きます"></span></a></li>
<li class="mgb00"><a href="#" target="_blank">テキストテキストテキストテキストテキストテキスト<span class="ico-01"><img src="/common/images/ico_window_01.gif" width="8" height="7" alt="新しいウインドウで開きます"></span></a></li>
</ul>
</td>
</tr>
</tbody>
</table>

<!-- ignore --></div>

```
*/
/*
#(ex)lightbox
画像の呼び出しには<strong>.lightbox-01</strong>を付与します。<br>
ajaxによるHTMLファイルの呼び出しには<strong>.lightbox-02</strong>を付与します。

```
<!-- ignore --><div class="w690">

<ul class="list-link-01">
<li><a href="/images/mainvisual/mainvisual_01.jpg" class="lightbox-01">画像ファイル呼び出し</a></li>
<li><a href="/_template/page01.html" class="lightbox-02">ajaxによるHTMLファイル呼び出し</a></li>
</ul>

<!-- ignore --></div>

```
*/
/*=======================================

.item-index-01

=======================================*/
.item-index-01
{
    position: relative;

    width: 690px;
    /*  height: 786px;  */
    /*  height: 760px;  */
    height: 798px;

    background: url(/tameru/tousisintaku/select/images/bg_01.gif) no-repeat;
}

.item-index-01 li
{
    font-size: 0;
}

.item-index-01 .item-01
{
    position: absolute;
    top: 44px;
    left: 44px;
}

.item-index-01 .item-02
{
    position: absolute;
    top: 44px;
    left: 262px;
}

.item-index-01 .item-03
{
    position: absolute;
    top: 44px;
    left: 481px;
}

.item-index-01 .item-04
{
    position: absolute;
    top: 315px;
    left: 44px;
}

.item-index-01 .item-05
{
    position: absolute;
    top: 430px;
    left: 44px;
}

.item-index-01 .item-06
{
    position: absolute;
    top: 425px;
    left: 142px;
}

.item-index-01 .item-07
{
    position: absolute;
    top: 570px;
    left: 44px;
}

.item-index-01 .item-08
{
    position: absolute;
    top: 570px;
    left: 262px;
}

.item-index-01 .item-09
{
    position: absolute;
    top: 570px;
    left: 481px;
}

#present_prf_map_container
{
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0;

    width: 100%;
}

#present_prf_map_container .prf_map
{
    position: absolute;

    width: 912px;
    height: 366px;
    margin-top: 40px;
    margin-left: 12px;

    background-image: url(/campaign/camp01/images/map_bg.png);
    background-repeat: no-repeat;
}

#present_prf_map_container .prf_map li a
{
    background-image: url(/campaign/camp01/images/prf_images.png);
}

#present_prf_map_container .prf_map li a:hover
{
    background-image: url(/campaign/camp01/images/prf_images_ov.png);
}

#present .chuui
{
    clear: both;

    width: 725px;
    margin-top: 10px;
    margin-left: 20px;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;

    background-color: #f2f2f2;
}

#present .faq
{
    padding-bottom: 25px;
}

#present .chuui .tit
{
    font-size: 120%;

    margin-bottom: 15px;
    padding-bottom: 5px;

    background-image: url(../images/faq/bd_01.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

#present .chuui .tit h3
{
    font-weight: bold;

    padding-left: 15px;

    background-image: url(../images/faq/icon_01.gif);
    background-repeat: no-repeat;
    background-position: left;
}

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

.prf_map li a
{
    font-size: 1px;

    display: block;

    width: 38px;
    height: 20px;

    text-indent: -9999px;

    background-repeat: no-repeat;
}

.prf_map ul.hokkaido
{
    position: absolute;
    top: 43px;
    left: 742px;
}

.prf_map ul.touhoku
{
    position: absolute;
    top: 133px;
    left: 721px;
}

.prf_map ul.kantou
{
    position: absolute;
    top: 236px;
    left: 707px;
}

.prf_map ul.chubu1
{
    position: absolute;
    top: 205px;
    left: 542px;
}

.prf_map ul.chubu2
{
    position: absolute;
    top: 279px;
    left: 576px;
}

.prf_map ul.kinki
{
    position: absolute;
    top: 225px;
    left: 437px;
}

.prf_map ul.chugoku
{
    position: absolute;
    top: 220px;
    left: 299px;
}

.prf_map ul.shikoku
{
    position: absolute;
    top: 283px;
    left: 312px;
}

.prf_map ul.kyushu
{
    position: absolute;
    top: 225px;
    left: 188px;
}

.prf_map ul.okinawa
{
    position: absolute;
    top: 310px;
    left: 112px;
}

.prf_map li.douhoku
{
    position: absolute;
    top: 28px;
    left: -7px;
}

.prf_map li.douhoku a
{
    width: 48px;

    background-position: 0 -202px;
}

.prf_map li.dounan_douou
{
    position: absolute;
    top: 26px;
    left: -21px;
}

.prf_map li.dounan_douou a
{
    display: none;

    height: 36px;

    background-position: -152px -160px;
}

.prf_map li.douou
{
    position: absolute;
    top: 47px;
    left: -21px;
}

.prf_map li.doutou
{
    position: absolute;
    top: 36px;
    left: 22px;
}

.prf_map li.doutou a
{
    display: none;

    background-position: 0 -20px;
}

.prf_map li.akita
{
    position: absolute;
    top: 0;
    left: 0;
}

.prf_map li.akita a
{
    background-position: 0 -100px;
}

.prf_map li.yamagata
{
    position: absolute;
    top: 20px;
    left: 0;
}

.prf_map li.yamagata a
{
    background-position: 0 -120px;
}

.prf_map li.aomori
{
    position: absolute;
    top: 0;
    left: 43px;
}

.prf_map li.aomori a
{
    background-position: 0 -40px;
}

.prf_map li.iwate
{
    position: absolute;
    top: 20px;
    left: 43px;
}

.prf_map li.iwate a
{
    background-position: 0 -60px;
}

.prf_map li.miyagi
{
    position: absolute;
    top: 40px;
    left: 43px;
}

.prf_map li.miyagi a
{
    background-position: 0 -80px;
}

.prf_map li.hukushima
{
    position: absolute;
    top: 60px;
    left: 43px;
}

.prf_map li.hukushima a
{
    background-position: 0 -140px;
}

.prf_map li.gunma
{
    position: absolute;
    top: 0;
    left: 0;
}

.prf_map li.gunma a
{
    background-position: -38px 0;
}

.prf_map li.saitama
{
    position: absolute;
    top: 21px;
    left: 0;
}

.prf_map li.saitama a
{
    background-position: -38px -20px;
}

.prf_map li.tokyo
{
    position: absolute;
    top: 44px;
    left: 0;
}

.prf_map li.tokyo a
{
    background-position: -38px -60px;
}

.prf_map li.kanagawa
{
    position: absolute;
    top: 66px;
    left: 0;
}

.prf_map li.kanagawa a
{
    width: 52px;

    background-position: -152px -100px;
}

.prf_map li.tochigi
{
    position: absolute;
    top: 0;
    left: 57px;
}

.prf_map li.tochigi a
{
    background-position: 0 -180px;
}

.prf_map li.ibaraki
{
    position: absolute;
    top: 21px;
    left: 57px;
}

.prf_map li.ibaraki a
{
    background-position: 0 -160px;
}

.prf_map li.chiba
{
    position: absolute;
    top: 44px;
    left: 57px;
}

.prf_map li.chiba a
{
    background-position: -38px -40px;
}

.prf_map li.ishikawa
{
    position: absolute;
    top: 0;
    left: 0;
}

.prf_map li.ishikawa a
{
    background-position: -38px -120px;
}

.prf_map li.hukui
{
    position: absolute;
    top: 20px;
    left: 0;
}

.prf_map li.hukui a
{
    background-position: -38px -140px;
}

.prf_map li.toyama
{
    position: absolute;
    top: 0;
    left: 46px;
}

.prf_map li.toyama a
{
    background-position: -38px -100px;
}

.prf_map li.nagano
{
    position: absolute;
    top: 20px;
    left: 46px;
}

.prf_map li.nagano a
{
    background-position: -38px -180px;
}

.prf_map li.niigata
{
    position: absolute;
    top: 0;
    left: 93px;
}

.prf_map li.niigata a
{
    background-position: -38px -80px;
}

.prf_map li.yamanashi
{
    position: absolute;
    top: 20px;
    left: 93px;
}

.prf_map li.yamanashi a
{
    background-position: -38px -160px;
}

.prf_map li.gihu
{
    position: absolute;
    top: 0;
    left: 0;
}

.prf_map li.gihu a
{
    background-position: -76px 0;
}

.prf_map li.mie
{
    position: absolute;
    top: 24px;
    left: 0;
}

.prf_map li.mie a
{
    background-position: -76px -60px;
}

.prf_map li.aichi
{
    position: absolute;
    top: 0;
    left: 53px;
}

.prf_map li.aichi a
{
    background-position: -76px -40px;
}

.prf_map li.shizuoka
{
    position: absolute;
    top: 24px;
    left: 53px;
}

.prf_map li.shizuoka a
{
    background-position: -76px -20px;
}

.prf_map li.hyougo
{
    position: absolute;
    top: 0;
    left: 0;
}

.prf_map li.hyougo a
{
    background-position: -76px -140px;
}

.prf_map li.osaka
{
    position: absolute;
    top: 24px;
    left: 0;
}

.prf_map li.osaka a
{
    background-position: -76px -120px;
}

.prf_map li.kyoto
{
    position: absolute;
    top: 0;
    left: 40px;
}

.prf_map li.kyoto a
{
    background-position: -76px -100px;
}

.prf_map li.shiga
{
    position: absolute;
    top: 24px;
    left: 40px;
}

.prf_map li.shiga a
{
    background-position: -76px -80px;
}

.prf_map li.nara
{
    position: absolute;
    top: 48px;
    left: 40px;
}

.prf_map li.nara a
{
    background-position: -76px -160px;
}

.prf_map li.wakayama
{
    position: absolute;
    top: 72px;
    left: 28px;
}

.prf_map li.wakayama a
{
    width: 48px;

    background-position: -152px -120px;
}

.prf_map li.yamaguchi
{
    position: absolute;
    top: 0;
    left: 0;
}

.prf_map li.yamaguchi a
{
    background-position: -114px -60px;
}

.prf_map li.shimane
{
    position: absolute;
    top: 0;
    left: 38px;
}

.prf_map li.shimane a
{
    background-position: -114px 0;
}

.prf_map li.okayama
{
    position: absolute;
    top: 24px;
    left: 76px;
}

.prf_map li.okayama a
{
    background-position: -114px -20px;
}

.prf_map li.tottori
{
    position: absolute;
    top: 0;
    left: 76px;
}

.prf_map li.tottori a
{
    background-position: -76px -180px;
}

.prf_map li.hiroshima
{
    position: absolute;
    top: 24px;
    left: 38px;
}

.prf_map li.hiroshima a
{
    background-position: -114px -40px;
}

.prf_map li.ehime
{
    position: absolute;
    top: 0;
    left: 0;
}

.prf_map li.ehime a
{
    background-position: -114px -120px;
}

.prf_map li.kouchi
{
    position: absolute;
    top: 20px;
    left: 0;
}

.prf_map li.kouchi a
{
    background-position: -114px -140px;
}

.prf_map li.kagawa
{
    position: absolute;
    top: 0;
    left: 52px;
}

.prf_map li.kagawa a
{
    background-position: -114px -100px;
}

.prf_map li.tokushima
{
    position: absolute;
    top: 20px;
    left: 52px;
}

.prf_map li.tokushima a
{
    background-position: -114px -80px;
}

.prf_map li.saga
{
    position: absolute;
    top: 0;
    left: 0;
}

.prf_map li.saga a
{
    background-position: -114px -180px;
}

.prf_map li.nagasaki
{
    position: absolute;
    top: 24px;
    left: 0;
}

.prf_map li.nagasaki a
{
    background-position: -152px 0;
}

.prf_map li.kumamoto
{
    position: absolute;
    top: 48px;
    left: 0;
}

.prf_map li.kumamoto a
{
    background-position: -152px -20px;
}

.prf_map li.hukuoka
{
    position: absolute;
    top: 0;
    left: 51px;
}

.prf_map li.hukuoka a
{
    background-position: -114px -160px;
}

.prf_map li.ooita
{
    position: absolute;
    top: 24px;
    left: 51px;
}

.prf_map li.ooita a
{
    background-position: -152px -40px;
}

.prf_map li.miyazaki
{
    position: absolute;
    top: 48px;
    left: 51px;
}

.prf_map li.miyazaki a
{
    background-position: -152px -60px;
}

.prf_map li.kagoshima
{
    position: absolute;
    top: 72px;
    left: 38px;
}

.prf_map li.kagoshima a
{
    width: 50px;

    background-position: -152px -140px;
}

.prf_map li.okinawa a
{
    background-position: -152px -80px;
}

.prf_map .close_map_btn
{
    position: absolute;
    top: 16px;
    left: 851px;
}

@media print
{
    #utility-01,
    #f-size-container,
    #search-01,
    #gnav-01,
    .gnav-child-01,
    .pagetop,
    .bnr-area-01,
    #breadcrumbs-container,
    .ftr-container-01,
    .list-ftr-01,
    #breadcrumbs-container,
    #sub-contents,
    #list-voice
    {
        display: none;
    }
    body
    {
        background: #fff;

        _zoom: .7 !important;
    }
    #cnts-container
    {
        padding: 0 0 30px 0;

        background: white !important;

        marign: 0;
    }
    #cnts-inner
    {
        width: 100% !important;
    }
    #main-contents
    {
        position: static;

        float: none !important;

        margin: 0 auto;
    }
    #header-01
    {
        height: 40px !important;
        margin-bottom: 30px;
        padding: 0 !important;
    }
    #header-01 .header-inner-01,
    #header-01 .header-inner-02
    {
        margin: 0 !important;
        padding: 0 !important;
    }
    #logo-01
    {
        position: static;

        margin: 0 !important;
        padding: 0 !important;
    }
    #footer-01
    {
        background: #fff;
    }
    .lyt-2clm-01
    {
        display: table;
    }
    .lyt-2clm-01 .clm-01,
    .lyt-2clm-01 .clm-02
    {
        display: table-cell;
    }
    .lyt-clm-01
    {
        display: table;
    }
    .lyt-clm-01 .clm-01,
    .lyt-clm-01 .clm-02
    {
        display: table-cell;
    }
}

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

.three_insurance

=======================================*/
.three_insurance .point
{
    width: 634px;
    padding: 0 25px;

    border-right: solid 3px #d64b63;
    border-bottom: solid 3px #d64b63;
    border-left: solid 3px #d64b63;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.three_insurance .point p.caption
{
    font-size: 125%;

    padding: 20px 0;

    text-align: center;
    letter-spacing: .1em;

    border-radius: 16px;
    background: #edc3cb;
}

.three_insurance .point h2
{
    font-size: 420%;
    font-weight: bold;
    line-height: 1.3;

    margin: 30px 0 25px;

    text-align: center;
    letter-spacing: .1em;

    color: #d64b63;
}

.three_insurance .point_conteiner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.three_insurance .point_conteiner div.point_inner
{
    margin: 0 10px;
    padding: 10px;

    border-radius: 8px;
    background: #d64b63;
}

.point_inner p
{
    font-size: 120%;
    line-height: 1.4;

    padding: 15px 0;

    text-align: center;

    color: #fff;
}

.three_insurance .point p.description
{
    font-size: 115%;
    line-height: 2;

    padding: 30px 10px;

    text-align: center;

    color: #d64b63;
}