@charset "utf-8";
/* CSS Document */

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

img {vertical-align: bottom;}




#special_area_nav {
    margin: 20px 10px 0 30px;/*0729 meta*/
}
    #special_area_nav ul {
        overflow: hidden;
    }
        #special_area_nav ul li {
            float: left;
            width: 230px;
            height: 110px;
            margin-right: 20px;
        }
            #special_area_nav ul li a {
                display: block;
                width: 230px:
                height: 110px;
            }

#area_nav {
    margin: 40px 10px 0 30px;
}
    #area_nav ul {
        overflow: hidden;
    }
        #area_nav ul li {
            float: left;
            width: 105px;
            height: 60px;
            margin-right: 20px;
        }
            #area_nav ul li a {
                display: table-cell;
                width: 105px;
                height: 60px;
                font-size: 14px;
                text-align: center;
                vertical-align: middle;
                background-color: #eee;
                background-image: url(../images/municipality_list/ico_tri01.png);
                background-repeat: no-repeat;
                background-position: center 50px;/*0729 meta*/
            }
                #area_nav ul li#area_nav01 a {background-color: #bfd6f0;}
                #area_nav ul li#area_nav02 a {background-color: #acdbe5;}
                #area_nav ul li#area_nav03 a {background-color: #f0d5aa;}
                #area_nav ul li#area_nav04 a {background-color: #f8d0cf;}
                #area_nav ul li#area_nav05 a {background-color: #e8e4b2;}
                #area_nav ul li#area_nav06 a {background-color: #b2e8e1;}
                #area_nav ul li#area_nav07 a {background-color: #e0d2b6;}
                #area_nav ul li#area_nav08 a {background-color: #ddc8eb;}

article {
    margin: 0 10px;
    padding-top: 40px;/*0729 meta*/
}
article:first-child {padding-top: 40px;}
article:last-child {padding-bottom: 90px;}
    .box_area01 {
        overflow: hidden;
        padding-bottom: 20px;
    }
        .box_area01 h2 {
            display: table-cell;
            width: 980px;
            height: 100px;
            vertical-align: middle;
            background-color: #eee;
            background-repeat: no-repeat;
            background-position: 0 0;
        }
        #area01 h2 {background-image: url(../images/municipality_list/h2_municipality01.jpg);}
        #area02 h2 {background-image: url(../images/municipality_list/h2_municipality02.jpg);}
        #area03 h2 {background-image: url(../images/municipality_list/h2_municipality03.jpg);}
        #area04 h2 {background-image: url(../images/municipality_list/h2_municipality04.jpg);}
        #area05 h2 {background-image: url(../images/municipality_list/h2_municipality05.jpg);}
        #area06 h2 {background-image: url(../images/municipality_list/h2_municipality06.jpg);}
        #area07 h2 {background-image: url(../images/municipality_list/h2_municipality07.jpg);}
        #area08 h2 {background-image: url(../images/municipality_list/h2_municipality08.jpg);}

            .box_area01 h2 span {
                display: inline-block;
                margin-left: 30px;
                color: #fff;
                font-size: 20px;
            }
                .box_area01 h2 span.bk {color: #000;}

        .box_area01 section {
            position: relative;
            float: left;
            overflow: hidden;
            width: 300px;
            height: 356px;/*0729 meta*/
            margin: 20px 0 0 20px;
            padding: 0;
        }
        
        .box_area01 section.new:before {
            content: "NEW";
            position: absolute;
            top: 0;
            right: 0;
            z-index: 10;
            width: 67px;
            height: 20px;
            text-indent: -10000px;
            background-color: #ff6000;
            background-image: url(../images/municipality_list/ico_new01.gif);
            background-repeat: no-repeat;
            background-position: 0 0;
        }
        
            .box_area01 section div.inner {
                position: relative;
                width: 300px;
                height: 356px;/*0729 meta*/
                box-sizing: border-box;
                padding: 20px 18px;/*0729 meta*/
                background-color: #fff;
            }
            
        .box_area01 section.col2 {
            overflow: hidden;
            width: 620px;
            height: 356px;/*0729 meta*/
        }
            .box_area01 section.col2 div.inner {
                padding: 0;
                width: 640px;
                height: 356px;/*0729 meta*/
                background-color: transparent;
            }
                .box_area01 section.col2 div.inner ul {}
                    .box_area01 section.col2 div.inner ul li {
                        float: left;
                        margin: 0 20px 20px 0;
                    }


        #area01 {background-color: #d5e5f8;}
        #area02 {background-color: #def1f5;}
        #area03 {background-color: #f4e1c2;}
        #area04 {background-color: #f9e1e1;}
        #area05 {background-color: #e8e4b2;}
        #area06 {background-color: #d7f5f1;}
        #area07 {background-color: #f1e6d1;}
        #area08 {background-color: #f2e5fb;}

        .box_area01 section h3 {
            margin: 0;
            font-size: 18px;
            font-weight: normal;
        }
            .box_area01 section h3 span {font-size: 12px;}
        #area01 section h3 a {color: #4686cf;}
        #area02 section h3 a {color: #278498;}
        #area03 section h3 a {color: #bd7d18;}
        #area04 section h3 a {color: #e27876;}
        #area05 section h3 a {color: #b2a503;}
        #area06 section h3 a {color: #06a18c;}
        #area07 section h3 a {color: #c08e29;}
        #area08 section h3 a {color: #621098;}

        .box_area01 section p {
            height: 80px;/*0729 meta*/
            /*line-height: 1.8; 0729 meta*/
        }

        .ul_col02 {
            overflow: hidden;
            padding-top: 5px;/*0729 meta */
        }
            .ul_col02 li {
                float: right;
            }
            .ul_col02 li:first-child {
                float: left;
            }

        .btn_municipality01 {
            position: absolute;
            left: 20px;
            bottom: 20px;
            width: 264px;/*0729 meta*/
            height: 50px !important;
            margin: 0;
            text-align: center;s
        }
            .btn_municipality01 a {
                display: table-cell;
                width: 264px;/*0729 meta*/
                height: 50px;
                line-height: 1.3;
                vertical-align: middle;
                color: #fff;
                text-decoration: none;
                background-color: #9a5a24;
                background-image: url(../images/common/btn_arrow_right.png);
                background-repeat: no-repeat;
                background-position: center right 10px;
            }
            .btn_municipality01 a:hover {opacity: 0.7;}

        .box_area01 .btn_area {
            clear: both;
            padding-top: 20px;
            text-align: center;
        }
            .box_area01 .btn_area .large_bt_r {width: 350px;}