@charset "utf-8";

.titContent{
    color:#00395c;
    font-size:2.0em;
    line-height:130%;
    padding:15px 0;
}

.kind_class{
  font-size: 0.91em;
  float: right;
  padding: 38px 0 30px 0;
}

.kind_class .star_area{
    color: #eb5244;
    padding-right: 10px;
}
.star_area img{
    padding-bottom: 8px; 
    height: 21px;
}

.mid_orange_title{
    color: #eb5244;
    font-size:2.6em;
    font-weight: bold;
    line-height:130%;
    padding:15px 0;
}

.img_width{
    width: 100%;
    height: auto;
}

.jaxa_txt{
    color:#00395c;
    font-size:1.8em;
    font-weight: bold;
    line-height:130%;
    padding: 10px 0 15px 60px;
    background: url("../images/ttl_paint04_02.png") no-repeat left top;
}

.jaxa_list{
    margin-bottom: 30px;
}

.jaxa_list div{
    background: url("../images/icn_list_pointer.gif") no-repeat left 3px;
    padding-left: 20px;
}

.jaxa_title_label{
    background: #00395c;
    color:#ffffff;
    font-size:1.8em;
    text-align: center;
    padding: 20px;
    line-height: 1.2em;
}

.product_name{
    border-bottom: 3px solid #00395c;
    color: #00395c;
    font-size: 1.7em;
    padding: 20px 0 10px;
    margin-bottom: 20px;
}

.produkt_sub_title{
    background: #efddcb;
    text-align: center;
    line-height: 3.2em;
}

.produkt_main_title{
    line-height: 2em;
    padding-left: 20px !important;
    font-size: 1.6em;
    font-weight: bold;
}

.product_txt{
    color: #00395c;
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
    line-height: 1.3em;
    margin-bottom: 20px;
}

.txt_area{
    margin-top: 20px;
    margin-bottom: 30px;
}

.product_sub_title{
    color: #735951;
    font-size: 1.5em;
    line-height: 1.1em;
    font-weight: bold;
    background: url("../images/icn_list_pointer.gif") no-repeat left 3px;
    padding-left: 20px;
    background-size: 17px;
    margin-bottom: 20px;
}

.gaina_detail_area{
    color: #735951;
    background: #efddcb;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.4em;
    text-align: center;
    padding: 20px;
}

.gaina_detail_area span{
    color: #eb5244;
    font-size: 1.3em;
}

.mid_orange_label{
    background: #eb5244;
    color: #efddcb;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.4em;
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.red{
    color: red;
    font-weight: bold;
}

.img_rkt{
    width: 50%;
    height: auto;
    min-width: 225px;
    max-width: 300px;
}

.img_center_rkt{
    text-align: center;
}

.ryoritsu_area{
    padding: 10px !important;
}

.ryoritsu_title{
    color: #ffffff;
    background: #333333;
    padding: 10px;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
}

.ryoritsu_txt{
    padding: 30px;
    border: 3px solid #dddddd;
    border-top: none;
}

.sansyou_area{
    color: #735951;
    background: #efddcb;
    margin: 10px 0 0 0;
    padding: 10px;
}

.marg_30{
    margin-bottom: 30px;
}

.knkyou_txt_area{
    margin: 20px 0;
}

.img_kankyou{
    float: right;
}

.example_2{
    width: 70%;
    margin: auto;
    background: #feff99;
    padding: 20px 50px;
    margin-bottom: 20px;
}

.example_area{
    padding: 0 10px;
}

.syokunin_area{
    background: #efddcb;
    margin: 30px 0;
}

.syokunin_title{
    color: #735951;
    font-size: 1.5em;
    font-weight: bold;
    padding: 5px 30px 30px;
    line-height: 1.2em;
}

.rotate_area{
    background: #735951;
    color: #ffffff;
    -moz-transform: rotate(-11deg);
    -webkit-transform: rotate(-11deg);
    -o-transform: rotate(-11deg);
    -ms-transform: rotate(-11deg);
    transform: rotate(-11deg);
    display: inline-block;
    padding: 15px 25px;
    margin-right: 20px;
}

.syokunin_label{
    color: #00395c;
    font-size: 1.8em;
    line-height: 1.2em;
}

.syokunin_txt{
    margin: 10px 0;
}

.syk_txt_area{
    padding: 15px 40px !important;
}

.img_syk{
    text-align: center;
    margin: 10px 0;
}

.table_title{
    background: url(../images/ttl_wallpaint01.png) no-repeat left 8px;
    padding-left: 45px;
    font-size: 1.5em;
    color: #26a6d1;
    line-height: 2.2em;
}

.product_tables{
    width: 100%;
    margin-bottom: 30px;
}

.product_tables tr th{
    padding: 10px 0;
}

.product_tables tr td{
    padding: 15px 0;
}

.product_tables tr th,
.product_tables tr td{
    text-align: center;
    border: 1px solid #cccccc;
}

.product_tables tr th:nth-child(1),
.product_tables tr td:nth-child(1){
    text-align: left;
    border-left: none;
}

.product_tables tr th:nth-child(8),
.product_tables tr td:nth-child(8){
    border-right: none;
}

.product_tables tr th:nth-child(2),
.product_tables tr td:nth-child(2),
.product_tables tr th:nth-child(4),
.product_tables tr td:nth-child(4),
.product_tables tr th:nth-child(6),
.product_tables tr td:nth-child(6),
.product_tables tr th:nth-child(8),
.product_tables tr td:nth-child(8){
    background: #eeeeee;
}

.product_tables tr td a{
    color: #eb5244;
    text-decoration: none;
}

.cover_link{
    margin-bottom: 30px;
}

.cover_link div{
    margin: 10px 0;
}

.cover_link div a{
    color: #eb5244;
}

.kind_list_area{
    margin-bottom: 30px;
}

.kind_name_label{
    background: #f5eae6;
    color: #775c53;
    border: 1px solid #775c53;
    padding: 7px;
    font-weight: bold;
    margin-bottom: 10px;
    border-radius: 3px;
}

.kind_name_label a{
    float: right;
    font-size: 0.7em;
}

.kind_name_label a span{
    padding: 0 5px 0 5px;
}

.kind_list_table{

}

.kind_list_table tr th{
    width: 20%;
    text-align: center !important;
}

.kind_list_table tr .th_w30{
    width: 30%;
}

.kind_list_table tr td{
    width: 80%;
}

.kind_list_table tr .td_w20{
    width: 20%;
}

.kind_list_table tr .td_w30{
    width: 30%;
}

.kind_list_table tr .td_w40{
    width: 40%;
}

.kind_list_table tr th:nth-child(1),
.kind_list_table tr td:nth-child(1){
    border-left: 1px solid #cccccc;
}

.kind_list_table tr td[colspan="3"]{
    text-align: left;
}

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

.kind_link{
    text-align: right;
}

.kind_link a{
    padding: 8px 15vw;
    font-weight: bold;
    background: #00395c;
    color: #ffffff;
    border-radius: 7px;
}

.kind_link a span{
    color: #eb5244;
    padding: 0 0 0 10px;
}

.img_center{
    text-align: center;
}

.tokutyou_txt{
    margin: 0 auto 30px;
    max-width:680px;
}

.left_border_title{
    background: #efddca;
    border-left: 5px solid #745950;
    color: #745950;
    margin: 0 auto 30px;
    font-size: 1.8em;
    padding: 15px;
    font-weight: bold;
}

.prcs_area{
    margin: 20px auto 30px;
}

.prcs_title{
    color:#00395c;
    font-weight: bold;
    margin-bottom: 10px;
}

.prcs_title:before{
    content: "■";
}

.prcs_txt{
    margin-bottom: 20px;
}

.power_link_area{
    width: 60%;
    margin: 0 auto 20px;
}

.power_link_area a{
    text-decoration: none;
}

.power_link{
    background: #00395c;
    color: #ffffff;
    text-align: center;
    padding: 15px;
    font-size: 1.1em;
    font-weight: bold;
    border-radius: 7px;
}

.power_link span{
    color: #eb5244;
    padding: 0 10px;
}

.power_link:hover{
    background: #eb5244;
}

.power_link:hover span{
    color: #ffffff;
}

/* titMerit */
.titMerit{
    border-left:solid 5px #745950;
    background:#efddca;
    color:#725950;
    font-weight: bold;
    padding:10px;
}
.titMerit .number{
    color:#f0523f;
    font-family:Verdana;
}

/* areaInfo */
.areaInfo{
}
.areaInfo .infoTitle{
}
.areaInfo .infoText{
    text-align:left;
}

/* areaMerit */
.areaMerit{
}
.areaMerit .subTitle{
}
.areaMerit .subTitle .subTitleNumber{
    color:#ffffff;
    font-weight: bold;
    text-align:center;
}
.areaMerit .subTitle .subTitleText{
    color:#06335a;
    text-align:left;
    font-weight: bold;
}
.areaMerit .subTitle .subTitleText .strong{
    color:#e2523e;
}
.areaMerit .imgMerit{
    padding:15px 0 0 0;
}

@media screen and (max-width: 767px){
    .kind_class{
        padding: 0px 0 10px 0;
    }

    .power_link_area{
        width: 100%;
    }

    .img_center img{
        width: 100%;
        height: auto;
    }

    .product_name{
        font-size: 4vw;
    }

    .img_rkt{
        width: 50% !important;
        margin: auto;
    }

    .img_kankyou{
        display: block;
        width: 50%;
        height: auto;
        float: none;
        margin: auto;
        margin-bottom: 20px;
    }

    .example_2{
        width: 100%;
    }

    .example_area{
        margin-bottom: 20px;
    }

    .rotate_area{
        -moz-transform: none;
        -webkit-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
        display: block;
        text-align: center;
        width: 90%;
        margin: auto;
        margin-top: -20px;
        margin-bottom: 10px;
    }

    .kind_class{
        width: 100%;
        display: block;
        /* float: right; */
        font-size: 0.4em !important;
        border-bottom: 2px solid;
        color: #00395c;
        line-height: 1.9em;
        margin-bottom: 10px;
    }

    .tokutyou_txt{
        width: 100%;
    }

    .left_border_title{
        width: 100%;
        line-height: 1.2em;
    }

    .prcs_area{
        width: 100%;
    }
    
    /* titMerit */
    .titMerit{
        font-size:1.2em;
    }
    .titMerit .number{
    }
    
    /* titMerit */
    .titMerit{
    }
    /* areaInfo */
    .areaInfo{
    }
    .areaInfo .infoTitle{
        font-size:1.6em;
        font-weight: bold;
        color:#00395c;
        padding:0 0 10px 0;
        line-height:140%;
    }
    .areaInfo .infoText{
        font-size:1.2em;
        line-height:140%;
        padding:0 0 20px 0;
    }
    
    /* areaMerit */
    .areaMerit{
    }
    .areaMerit .subTitle{
        padding:0px 0 0px 0;
        text-align:left;
        display: table;
    }
    .areaMerit .subTitle .subTitleNumber{
        width:48px;
        height:48px;
        font-size:2.4em;
        padding:14px 0 0px 0;
        background:url(../images/bgSubTitleNumber.png) left top no-repeat;
        background-size:contain;
        display: table-cell;
    }
    .areaMerit .subTitle .subTitleText{
        font-size:1.1em;
        padding:8px 0 0 5px;
        display: table-cell;
        vertical-align: middle;
    }

}
@media screen and (min-width: 768px){
    
    /* titMerit */
    .titMerit{
        max-width: 690px;
        margin:0 auto;
        font-size:2.0em;
        line-height:120%;
    }
    .titMerit .number{
    }
    
    /* areaInfo */
    .areaInfo{
        max-width:690px;
        margin:0 auto;
    }
    .areaInfo .infoTitle{
        font-size:2.0em;
        font-weight: bold;
        color:#00395c;
        padding:0 0 20px 0;
    }
    .areaInfo .infoText{
        font-size:1.2em;
        line-height:140%;
        padding:0 0 20px 0;
    }
    
    /* areaMerit */
    .areaMerit{
        max-width:690px;
        margin:0 auto;
    }
    .areaMerit .subTitle{
        min-height:58px;
        padding:13px 0 12px 90px;
        background:url(../images/imgSubTitle.png) left top no-repeat;
    }
    .areaMerit .subTitle .subTitleNumber{
        width:9.4%;
        font-size:2.6em;
        padding:7px 0 0 0;
        float:left;
    }
    .areaMerit .subTitle .subTitleText{
        width:90.6%;
        font-size:1.6em;
        padding:8px 0 0 10px;
        float:left;
    }
    
}

/* secPerformance */
.secPerformance{
    max-width:690px;
    margin:0 auto;
}
.secPerformance .headTitle{
    background:#00395c;
    color:#ffffff;
    font-weight:bold;
    font-size:2.0em;
    padding:10px;
    line-height:120%;
    margin:0 0 15px 0;
}
.secPerformance .titPerformance{
    font-size:1.8em;
    font-weight: bold;
    line-height:140%;
}
.secPerformance table{
    width:100%;
    margin:0 0 30px 0;
}
.secPerformance table tr{
    background: #ffffff;
}
.secPerformance table tr.gray{
    background: #e9e9f5;
}
.secPerformance table th{
    color:#00395c;
    border-bottom:solid 3px #00395c;
    text-align: center;
    padding:10px 0;
}

.secPerformance table td{
    padding:10px;
    border:solid 1px #cccccc;
}
.secPerformance table td:nth-of-type(1){
    width:20%;
}
.secPerformance table td:nth-of-type(2){
    font-weight:bold;
    width:10%;
    text-align:center;
    font-family: Verdana;
}
.secPerformance table td:nth-of-type(3){
    width:70%;
}



@media only screen and (max-width:767px){
    /* secPerformance */
    .secPerformance{
    }
    .secPerformance .headTitle{
    }
    .secPerformance .titPerformance{
        font-size:1.15em;
        line-height:140%;
    }
    .secPerformance table{
    }
    .secPerformance table tr{
    }
    .secPerformance table tr.gray{
    }
    .secPerformance table th{
    }

    .secPerformance table td{
        padding:10px;
        border:solid 1px #cccccc;
    }
    .secPerformance table td:nth-of-type(1){
        width:35%;
    }
    .secPerformance table td:nth-of-type(2){
        width:10%;
    }
    .secPerformance table td:nth-of-type(3){
        width:55%;
    }
}
@media print, screen and (min-width:768px){
}