@charset "utf-8";

@import url('topics.css');
@import url('mechanism.css');
@import url('qa.css');
@import url('diary.css');
@import url('access_info.css');
@import url('calendar.css');
@import url('architect.css');
@import url('house_gallery.css');
@import url('building.css');
@import url('order.css');
@import url('cost.css');
@import url('making_flow.css');
@import url('form.css');
@import url('about_architect.css');




.wp-caption,
.alignnone {
    width: auto!important;
}

#map img {
    max-width: none;
}

.helvetica{
    font-family: helvetica!important;
}
/*-----------------------------------------------------------------------------------*/
/*  common_setting_CSS
/*-----------------------------------------------------------------------------------*/
.green_color{
    color: #4CAC37!important;
}
.orange_color{
    color: #FF4A00!important;
}
.blue_color{
    color: #21429B!important;
}
.white_color{
    color: #FFF!important;
}
.red_color{
    color: #D80000!important;
}


.green_bg{
    background-color: #4CAC37!important;
}
.orange_bg{
    background-color: #FF4A00!important;
}
.blue_bg{
    background-color: #21429B!important;
}
.aqua_blue_bg{
    background-color: #00A0E9!important;
}
.gray_bg{
    background-color: #999!important;
}


.none_margin_left{
    margin-left: 0%!important;

}

.text-left{
    text-align: left!important;
    background: #FFF;
}

.text-center{
    text-align: center!important;
}

.text_box{
    margin: 0% 1% 0% 1%;
    font-size: 14px;
}
/*-----------------------------------------------------------------------------------*/
/*  common_title
/*-----------------------------------------------------------------------------------*/
.contents_title_box{
    height: 90px;
    width:100%;
    background: url('../images/line.jpg') repeat-x bottom left;
    margin-top: 15px;
    margin-bottom: 20px;
}

.contents_title{
    padding:5px 15px 0px 0px;
    margin: 0px;
    line-height: 75px;
    font-size: 40px;
    font-weight: normal;
    display: block;
}

.contents_sub_title{
    padding:20px 0px 0px 0px;
    margin: 0px;
    line-height: 60px;
    font-size: 18px;
    font-weight: normal;
    display: block;
    color:#FF4A00;
}

.contents_title_box span{
    font-size: 20px;
}

.contents_title_icon{
    height: 63px;
    margin: 0px 15px 0px 0px;
}
.common_list a{
    text-decoration: none;

}


@media (min-width: 1px) and (max-width: 959px) {
    .contents_title{
        padding:5px 15px 0px 0px;
        margin: 0px;
        line-height: 75px;
        font-size: 30px;
        font-weight: normal;
        display: block;
    }
    .contents_sub_title{
        padding:20px 0px 0px 0px;
        margin: 0px;
        line-height: 60px;
        font-size: 14px;
        font-weight: normal;
        display: block;
        color:#FF4A00;
    }
    .contents_title_icon{
        height: 55px;
        margin: 0px 15px 0px 0px;
    }
}

@media (min-width: 1px) and (max-width: 769px) {
    .contents_title_box{
        height:60px;
        width:100%;
        margin-bottom: 10px!important;
        background: url('../images/line.jpg') repeat-x bottom left;
    }
    .contents_title{
        padding:5px 15px 0px 0px;
        width:80%;
        margin: 0px;
        line-height: 23px;
        font-size: 15px;
        background: #FFF;
        font-weight: normal;
        display: block;
    }
    .contents_sub_title{
        padding:4px 0px 0px 0px;
        margin: 0px;
        line-height: 16px;
        font-size: 11px;
        background: #FFF;
        font-weight: normal;
        display: block;
        color:#FF4A00;
        float: left;
    }
    .contents_title_icon{
        height: 45px;
    }
    .contents_title_box span{
        font-size: 10px!important;
    }
}
@media (min-width: 1px) and (max-width: 500px) {
    .contents_title{
        padding:5px 0px 0px 0px;
        width:76%;
        margin: 0px;
        line-height: 20px;
        background: #FFF;
        font-weight: normal;
        display: block;
    }
}

/*-----------------------------------------------------------------------------------*/
/*  common_under_title
/*-----------------------------------------------------------------------------------*/
.under_title_link{
    display:block;
}

.under_title_box{
    width:100%;
    background: #21429B  url('../images/under_title_bg.png') no-repeat bottom right;
    background-size: 105px 105px;
    margin-top: 15px;
    margin-bottom: 20px;
    border-radius: 3px;
    padding: 0% 0% 2% 0%;
}
.under_title_icon{
    height: 35px;
    width: 35px;
    float: left;
    padding:1.5% 0% 0% 1.5%;
}

.under_title_box h2{
    padding:1.5% 0% 0% 6%;
    margin: 0px;
    line-height: 35px;
    font-size: 30px;
    font-weight: bold;
    color: #FFF;
}

.under_title_box p{
    padding:1% 2% 0% 2%;
    margin: 0px;
    line-height: 20px;
    font-size: 15px;
    font-weight: bold;
    display: block;
    color:#FFF;

}

@media (min-width: 1px) and (max-width: 769px) {

    .under_title_box{
        width:100%;
        background: #21429B  url('../images/under_title_bg.png') no-repeat bottom right;
        background-size: 90px 90px;
        margin-top: 15px;
        margin-bottom: 20px;
        border-radius: 3px;
        padding: 0% 0% 2% 0%;
    }
    .under_title_icon{
        height: 25px;
        width: 25px;
        float: left;
        padding:1.5% 0% 0% 1.5%;
    }

    .under_title_box h2{
        padding:1.5% 0% 0% 6%;
        margin: 0px;
        line-height: 25px;
        font-size: 20px;
        font-weight: bold;
        color: #FFF;
    }

    .under_title_box p{
        padding:1% 2% 0% 2%;
        margin: 0px;
        line-height: 15px;
        font-size: 12px;
        font-weight: bold;
        display: block;
        color:#FFF;
    }
}
@media (min-width: 1px) and (max-width: 500px) {

    .under_title_box{
        width:100%;
        background: #21429B  url('../images/under_title_bg.png') no-repeat bottom right;
        background-size: 65px 65px;
        margin-top: 5px;
        margin-bottom: 10px;
        border-radius: 3px;
        padding: 0% 0% 5% 0%;
    }

    .under_title_icon{
        height: 20px;
        width: 20px;
        float: left;
        padding:1.5% 0% 0% 1.5%;
    }

    .under_title_box h2{
        padding:1.5% 0% 0% 6%;
        margin: 0px;
        line-height: 20px;
        font-size: 14px;
        font-weight: bold;
        color: #FFF;
    }

    .under_title_box p{
        padding:1% 2% 0% 2%;
        margin: 0px;
        line-height: 13px;
        font-size: 10px;
        font-weight: bold;
        display: block;
        color:#FFF;
    }

}

/*-----------------------------------------------------------------------------------*/
/*  common_check_title
/*-----------------------------------------------------------------------------------*/

.common_check_title{
    width:100%;
}
.common_check_icon{
    height: 30px;
    width: 30px;
    float: left;
    padding:4.5% 0% 4.5% 1.5%;
}
.common_check_text{
    padding:4.9% 0% 4.5% 6%;
    margin: 0px;
    line-height: 30px;
    font-size: 23px;
    font-weight: bold;
    color: #333;
}
.common_check_sub_text{
    padding:0% 0% 0% 0%;
    margin: 0% 1% 0% 1%;
    line-height: 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}
@media (min-width: 1px) and (max-width: 769px) {
.common_check_icon{
        height: 19px;
        width: 19px;
        float: left;
        padding:4.5% 0% 4.5% 1.5%;
    }
    .common_check_text{
        padding:4.9% 0% 4.5% 6%;
        margin: 0px;
        line-height: 20px;
        font-size: 14px;
        font-weight: bold;
        color: #333;
    }
}
/*-----------------------------------------------------------------------------------*/
/*  dot_line_style
/*-----------------------------------------------------------------------------------*/
.dot_line_box{
    margin: 2% 1% 0% 1%;
    border-top: 1px dotted #999;
    padding:2% 0% 0% 0%;
    font-size: 14px;
    text-align: left;
}
.dot_line_box_last{
    margin: 2% 1% 3% 1%;
    border-bottom: 1px dotted #999;
    padding:2% 0% 2% 0%;
    font-size: 14px;

}
.dot_line_box_nodot{
    border-bottom: 0px;

}
.dot_line_box h3{
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
    padding:0% 0% 1.5% 0%;
}
/*-----------------------------------------------------------------------------------*/
/*  hukidashi_style
/*-----------------------------------------------------------------------------------*/

.fukidashi_title{
    border-radius: 3px;
    padding: 1.5% 3% 1.5% 3%;
    color: #FFF;
    margin: 2% 1% 4% 1%;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    line-height: 22px;
}

.fukidashi_box{
    position: relative;
    background: #EEE;
    width: 92%;
    margin: 3% 1% 3% 1%;
    border-radius: 3px;
    line-height: 24px;
    font-size: 14px;
    color: #333;
    font-weight: normal;
    padding:3%;
}
.fukidashi_box:after{
    content: '';
    position: absolute;
    left: 48%;
    top: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #EEE;
}
.fukidashi_box_last{
    margin: 3% 1% 1% 1%;
}

@media (min-width: 1px) and (max-width: 769px) {
    .fukidashi_title{
        border-radius: 3px;
        padding:1%;
        color:#FFF;
        margin: 1%;
        font-size: 12px;
        font-weight:bold;
        text-align: center;
    }
    .fukidashi_box{
        position: relative;
        background: #EEE;
        width: 92%;
        margin-top: 5%;
        margin-right: 1%;
        margin-left: 1%;
        margin-bottom: 11px;
        border-radius: 3px;
        line-height: 14px;
        font-size: 10px;
        color: #333;
        font-weight: normal;
        padding:3%;
    }
    .fukidashi_box:after{
        content: '';
        position: absolute;
        left: 48%;
        top: -10px;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #EEE;
    }
}


/*-----------------------------------------------------------------------------------*/
/*  page navi
/*-----------------------------------------------------------------------------------*/


.wp-pagenavi {
    clear: both;

}

.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    font-size:13px;
    padding: 0.5% 1.5% 0.5% 1.5%;
    margin: 2px;
    background: #FF4A00;;
    border-radius: 3px;
    color: #FFF;
    border:none;

}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border:none;
}

.wp-pagenavi span.current {
    font-weight: bold;
}





.previouspostslink{
    float:left;
    text-align:right;

}


.nextpostslink{
    float:right;
    text-align:left;
}