@charset "utf-8";

/*-----------------------------------
contents nav
-----------------------------------*/
.contents-nav dt{
    font-size: 110%;
    font-weight: bold;
}
.contents-nav li a,
.side-nav .other li a{
    display: block;
    border: 1px solid #666;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.contents-nav li a,.contents-nav li a:hover,.contents-nav li a:visited,
.side-nav .other li a,.side-nav .other li a:hover,.side-nav .other li a:visited{
    color: #333;
    text-decoration: none;
}
.contents-nav li.pro a{background-image: url(/static/image/picture/propertytax.png);}
.contents-nav li.inh a{background-image: url(/static/image/picture/inheritancetax.png);}
.contents-nav li.tra a{background-image: url(/static/image/picture/transfer.png);}
.contents-nav li.dis a{background-image: url(/static/image/picture/dismantle.png);}
.contents-nav li.zon a{background-image: url(/static/image/picture/zone.png);}
.contents-nav li.ban a{background-image: url(/static/image/picture/bank.png);}
.contents-nav li.sub a{background-image: url(/static/image/picture/sublease.png);}
.contents-nav li.sha a{background-image: url(/static/image/picture/sharehouse.png);}
.contents-nav li.ref a{background-image: url(/static/image/picture/reform.png);}
.contents-nav li.air a{background-image: url(/static/image/picture/airbnb.png);}
.contents-nav li.car a{background-image: url(/static/image/picture/caretaker.png);}
.contents-nav li.sol a{background-image: url(/static/image/picture/solarpower.png);}
.contents-nav li.ren a{background-image: url(/static/image/picture/rent.png);}
.contents-nav li.sal a{background-image: url(/static/image/akiyabank/icon-sale.png);}
.contents-nav li.buy a{background-image: url(/static/image/akiyabank/icon-buy.png);}
.contents-nav li.inq a{background-image: url(/static/image/akiyabank/icon-inq.png);}
#propertytax .contents-nav li.pro a,
#inheritancetax .contents-nav li.inh a,
#transfer .contents-nav li.tra a,
#dismantle .contents-nav li.dis a,
#zone .contents-nav li.zon a,
#bank .contents-nav li.ban a,
#sublease .contents-nav li.sub a,
#sharehouse .contents-nav li.sha a,
#reform .contents-nav li.ref a,
#airbnb .contents-nav li.air a,
#caretaker .contents-nav li.car a,
#solarpower .contents-nav li.sol a,
#rent .contents-nav li.ren a{
    background-color: #9EDDDE;
    border: 1px solid #4EBFC2;
}
.contents-nav li a:visited{
    background-color: #FBFBFB;
    border: 1px solid #B2B2B2;
}
.contents-nav li a:hover,
.side-nav .other li a:hover{
    background-color: #9EDDDE;
    border: 1px solid #4EBFC2;
}

.side-nav{
    font-size: 94%;
}
.side-nav .contents-nav dt{
    margin-bottom: 0;
    background: #3d8d8b;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    font-size: 100%;
    color: #FFF;
}
.side-nav .contents-nav li a{
    border: none;
    border-bottom: 1px dotted #666;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}
.side-nav .contents-nav li a:hover{
    background-color: #9EDDDE;
    border: none;
    border-bottom: 1px dotted #666;
}
.side-nav .contents-nav li:last-child a{
    border-bottom: none;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
}
.side-nav li.aki a{background-image: url(/static/image/icon/akiyabank.png);}
.side-nav li.blo a{background-image: url(/static/image/icon/blog.png);}
.side-nav .other li{
    margin-bottom: 10px;
}
.side-nav .other li:last-child{
    margin-bottom: 0;
}

/*--Large screens--*/
@media print, screen and (min-width: 40.063em){
    .contents-nav{
        margin: 35px 0 0;
    }
    .contents-nav dt{
        margin-bottom: 15px;
    }
    .contents-nav li{
        float: left;
        width: 33%;
        margin-right: 1%;
        margin-top: 1%;
    }
    .contents-nav li:nth-child(3n){
        width: 32%;
        margin-right: 0;
    }
    .contents-nav li:nth-child(1),
    .contents-nav li:nth-child(2),
    .contents-nav li:nth-child(3){
        margin-top: 0;
    }
    .contents-nav li a{
        min-height: 40px;
        padding: 15px 15px 15px 65px;
        background-color: #f7f7f7;
        background-repeat: no-repeat;
        background-position: 15px center;
        -webkit-background-size: 40px 40px;
        -moz-background-size: 40px 40px;
        -o-background-size: 40px 40px;
        -ms-background-size: 40px 40px;
        background-size: 40px 40px;
        font-size: 105%;
    }

    .side-nav .contents-nav,
    .side-nav .other{
        margin: 0 10px 20px 0;
    }
    .side-nav .contents-nav dt{
        padding: 5px 15px;
    }
    .side-nav .contents-nav li{
        float: none;
        width: 100%;
        margin-right: 0;
        margin-top: 0;
    }
    .side-nav .contents-nav li a,
    .side-nav .other li a{
        min-height: 30px;
        padding: 10px 10px 10px 50px;

        background-color: #f7f7f7;
        background-repeat: no-repeat;
        background-position: 10px center;
        -moz-background-size: 30px 30px;
        -o-background-size: 30px 30px;
        -ms-background-size: 30px 30px;
        background-size: 30px 30px;
        font-size: 100%;
    }
    .side-nav .contents-nav li a{
        border: none;
        border-bottom: 1px dotted #666;
    }

    .list-nav .contents-nav{
        margin: 0 0 40px;
    }
}

/*--Small screens--*/
@media only screen and (max-width: 40em){
    .contents-nav{
        margin:20px 0 0;
    }
    .contents-nav dt{
        margin-bottom: 10px;
    }
    .contents-nav li{
        margin-bottom: 10px;
    }
    .contents-nav li:last-child{
        margin-bottom: 0;
    }
    .contents-nav li a,
    .side-nav .other li a{
        min-height: 30px;
        padding: 10px 10px 10px 50px;
        background-color: #f7f7f7;
        background-repeat: no-repeat;
        background-position: 12px center;
        -webkit-background-size: 30px 30px;
        -moz-background-size: 30px 30px;
        -o-background-size: 30px 30px;
        -ms-background-size: 30px 30px;
        background-size: 30px 30px;
    }
    .side-nav .contents-nav{
        margin: 0 0 20px;
    }
    .side-nav .contents-nav:last-child{
        margin-bottom: 0;
    }
    .side-nav .contents-nav dt{
        padding: 5px 10px;
    }
    .side-nav .contents-nav li{
        margin-bottom: 0;
    }

    .list-nav .contents-nav{
        margin: 0 0 20px;
    }
}