/* CSS Document */

#cnavi ul li,
#cnavi ul li a {
    background-image: url(../images/reform_paint/cnavi.jpg);
}

    .cont1 h1.title {
        background-image: url(../images/reform_paint/cont1-title.jpg);
    }
    .cont2 h1.title {
        background-image: url(../images/reform_paint/cont2-title.jpg);
    }

    .cont1 .block1 h3.title {
        background-image: url(../images/reform_paint/cont1_block1-title.gif);
    }
    .cont1 .block2 h3.title {
        background-image: url(../images/reform_paint/cont1_block2-title.gif);
    }
    .cont1 .block3 h3.title {
        background-image: url(../images/reform_paint/cont1_block3-title.gif);
    }
    .cont1 .block4 h3.title {
        background-image: url(../images/reform_paint/cont1_block4-title.gif);
    }


    .cont1 .block2 .intro {
        border: 2px solid;
        border-radius: 7px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        padding: 13px;
        margin-bottom: 30px;
    }
        .cont1 .block2 .intro img {
            float: left;
            margin-right: 15px;
        }
        .cont1 .block2 .intro strong {
            display: block;
            width: 376;
            height: 25px;
            background-repeat: no-repeat;
            text-indent: -9999px;
            margin: 0 0 13px 174px;
        }
        .cont1 .block2 .intro p {
            margin-bottom: 0;
        }
        
        .cont1 .block2 .intro.roof {
            border-color: #ff6500;
        }
        .cont1 .block2 .intro.roof strong {
            background-image: url(../images/reform_paint/cont1_block2_title1.gif);
        }
        .cont1 .block2 .intro.wall {
            border-color: #33a800;
        }
        .cont1 .block2 .intro.wall strong {
            background-image: url(../images/reform_paint/cont1_block2_title2.gif);
        }
        
    .cont1 .block2 dl {
        overflow: hidden;
        padding-left: 30px;
        margin-bottom: 18px;
    }
        .cont1 .block2 dl dt {
            background-repeat: no-repeat;
            padding-left: 36px;
            height: 27px;
            font-size: 18px;
            line-height: 24px;
            font-weight: bold;
        }
        .cont1 .block2 dl.roof dt {
            color: #ff6500;
        }
        .cont1 .block2 dl.wall dt {
            color: #33a800;
        }
        .cont1 .block2 dl dd {
            padding-left: 37px;
            margin-bottom: 18px;
        }
        
        .cont1 .block2 dl.roof dt.no1 { background-image: url(../images/reform_paint/icon_topic1_no1.gif); }
        .cont1 .block2 dl.roof dt.no2 { background-image: url(../images/reform_paint/icon_topic1_no2.gif); }
        .cont1 .block2 dl.roof dt.no3 { background-image: url(../images/reform_paint/icon_topic1_no3.gif); }
        .cont1 .block2 dl.roof dt.no4 { background-image: url(../images/reform_paint/icon_topic1_no4.gif); }
        .cont1 .block2 dl.roof dt.no5 { background-image: url(../images/reform_paint/icon_topic1_no5.gif); }
        .cont1 .block2 dl.roof dt.no6 { background-image: url(../images/reform_paint/icon_topic1_no6.gif); }

        .cont1 .block2 dl.wall dt.no1 { background-image: url(../images/reform_paint/icon_topic2_no1.gif); }
        .cont1 .block2 dl.wall dt.no2 { background-image: url(../images/reform_paint/icon_topic2_no2.gif); }
        .cont1 .block2 dl.wall dt.no3 { background-image: url(../images/reform_paint/icon_topic2_no3.gif); }
        .cont1 .block2 dl.wall dt.no4 { background-image: url(../images/reform_paint/icon_topic2_no4.gif); }
        .cont1 .block2 dl.wall dt.no5 { background-image: url(../images/reform_paint/icon_topic2_no5.gif); }
    
        .cont1 .block2 a,
        .cont1 .block3 a {
            display: block;
            background: no-repeat #EDF8FF 15px 7px url(../images/common/pdf_icon.jpg);
            height: 36px;
            line-height: 36px;
            text-indent: 46px;
            font-size: 14px;
            color: #046ace;
            margin-bottom: 18px;
        }
    
    .cont1 .block3 img {
        margin: 0 auto 5px;
    }
    .cont1 .block3 p.roof {
        color: #ff6500;
    }
    .cont1 .block3 p.wall {
        color: #33a800;
    }
    

    .cont2 .block1 {
        position: relative;
    }
    .cont2 .block1 dl {
        padding-left: 10px;
        position: relative;
        z-index: 2;
    }
        .cont2 .block1 img {
            position: absolute;
            left: 374px;
            z-index: 1;
        }
        .cont2 .block1 img.pict1 {
            top: 157px;
        }
        .cont2 .block1 img.pict2 {
            top: 710px;
        }
        .cont2 .block1 dl dt {
            background: no-repeat;
            text-indent: -9999px;
            width: 112px;
            height: 30px;
            float: left;
            clear: left;
        }
        .cont2 .block1 dl dt.no1 { background-image: url(../images/common/step_no1.gif); }
        .cont2 .block1 dl dt.no2 { background-image: url(../images/common/step_no2.gif); }
        .cont2 .block1 dl dt.no3 { background-image: url(../images/common/step_no3.gif); }
        .cont2 .block1 dl dt.no4 { background-image: url(../images/common/step_no4.gif); }
        .cont2 .block1 dl dt.no5 { background-image: url(../images/common/step_no5.gif); }
        .cont2 .block1 dl dt.no6 { background-image: url(../images/common/step_no6.gif); }
        .cont2 .block1 dl dt.no7 { background-image: url(../images/common/step_no7.gif); }
        .cont2 .block1 dl dt.no8 { background-image: url(../images/common/step_no8.gif); }
        .cont2 .block1 dl dt.no9 { background-image: url(../images/common/step_no9.gif); }
        .cont2 .block1 dl dt.no10 { background-image: url(../images/common/step_no10.gif); }
        .cont2 .block1 dl dt.no11 { background-image: url(../images/common/step_no11.gif); }
        .cont2 .block1 dl dt.no12 { background-image: url(../images/common/step_no12.gif); }
        
        .cont2 .block1 dl dd {
            color: #024a9a;
            font-size: 22px;
            font-weight: bold;
            line-height: 35px;
            background-repeat: no-repeat;
            background-image: url(../images/reform/cont4_block1_arrow.gif);
            background-position: 160px 35px;
            padding-left: 130px;
            padding-bottom: 40px;
            font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        }
    
        .cont2 .block1 dl dd.no12 {
            background-image: none;
        }