/* ========== this website is reset css ========== */
        body{width: 100%;margin: 0 auto;font-family: Arial, Helvetica, sans-serif;}
        h1, h2, h3, h4, h5, h6{margin: 0 auto;}
        footer{width: 100%;}
        *:focus {outline: none;}
        a{text-decoration: none;color: #000;} 

        /* ================== common ====================
        ================================================*/

        .clearfix{clear: both;}
        hr{border: 1px #e3e3e3 solid;}

        /* Below are the normal settings */
        .head .c_logo_img{margin: 1rem 2rem;max-width:173px;}
        .head .c_logo_a{display: inline-block;}
        .head .c_logo_a:hover{opacity: 0.7;}
        h1{text-align: center;background-color: #20477e;color: #fff;padding: 2rem 0;letter-spacing:0.4rem}
        h1 span{font-size: 1rem;display: block;}
        .content_warp{width: 90%;padding: 1vw 0vw;margin: 0 auto;word-break: normal;}
        .cont_disc{font-size: 1rem;line-height: 2.1;color: #333;margin: 2rem 0.6rem;}

        .link{color:#20477e;}
        .link:hover,.link:active{color: #c60c2f;}

        /* ---------- form ---------- */
        table.form_table,table.f_tb_reg,table.f_tb_reg2{border-collapse: separate;border-spacing: 0 1rem;}
        table th{font-weight: normal;font-size: 0.8rem;}
        .form_table th{background-color: #20477e;color: #fff;padding: 0.4rem;}
        .form_table td, .form_table th{}
        .form_table input,.form_table select{height: 40px;width: 100%;}
        .btn{background-color: #20477e;padding: 1rem 2rem;color: #fff;}
        .btn:hover,.btn:active{background-color: #0f2646;}
        .sb_btm{text-align: center;margin: 3rem;}
        .f_tel a:hover,.f_tel a:active,.f_mail a:hover,.f_mail a:active{color: #ea9e0e;}

        .f_tb_reg th{background-color: #20477e;color: #fff;padding: 0.2rem 1rem;}
        .f_tb_reg input,.f_tb_reg select{height: 20px;width: 100%;}
        .f_tb_reg span{font-size: 0.8rem;padding-left: 0.2rem;}
        table.f_tb_reg2{border-collapse: collapse;}
        .f_tb_reg2 th{background-color: #1f3a60;color: #fff;width: 10%;font-size: 0.76rem;border: 1px solid #3c3e40;}
        .f_tb_reg2 td{font-size: 0.76rem;padding: 0 0.79rem;border: 1px solid #3c3e40;}
        .f_tb_reg2 input,.f_tb_reg2 select{height: 20px;font-size: 0.7rem;}

        .dl_page_bnr{display: inline-block;background-color: #c60c2f;color: #fff;padding: 1rem;margin: 1rem;width: 360px;border-radius: 10px;text-align: center;}
        .dl_page_bnr:hover,.dl_page_bnr:active{opacity: 0.5;}
        .dl_page_bnr2{display: inline-block;background-color: #20477e;color: #fff;padding: 1rem;margin: 1rem;width: 200px;border-radius: 10px;text-align: center;float: left;}
        .dl_page_bnr2:hover,.dl_page_bnr2:active{opacity: 0.5;}
        .dl_page_bnr3{display: inline-block;background-color: #20477e;color: #fff;padding: 1rem;margin: 1rem;width: 360px;border-radius: 10px;text-align: center;}
        .dl_page_bnr3:hover,.dl_page_bnr3:active{opacity: 0.5;}

        .s_info_tt{background-color: #1f3a60;color: #fff;padding: 0.2rem;margin: 1rem 0 0 0;}
        .s_info_dcp{padding: 0.76rem 0;font-size: 0.8rem;}
        
        .f_tb_reg input{max-width: 60%;}
        input.zip_box,input.age_box,input.date_box{width: 90px;}

       .radio {margin: 1rem;}
       .radio-icon{padding: 0 2rem 0 0;}
       /* .id_box{margin: 0 0 1rem 0;} */

       /* warranty */
       .yuryo{margin: 1rem;font-size: 0.76rem;}
       .h2_mes2{font-size: 1rem;line-height: 2.1;}
       .cont_disc_sft{font-size: 0.8rem;line-height: 1.7;color: #333;margin: 2rem 0.6rem;}
       .mg{margin:1rem 1.6rem;}
       .cont_disc_dt{margin: 1rem;}
       .ul_kiyaku li{list-style: none;margin: 0 -1rem;}

        /* download */
        table.spc_tbl{border-collapse: collapse;border-spacing: 0 1rem;font-size: 0.76rem;}
        table.spc_tbl th,table.spc_tbl td{border: 1px solid;padding: 0 0.76rem;}
        table.spc_tbla{border-collapse: collapse;border-spacing: 0 1rem;font-size: 0.76rem;}
        table.spc_tbla th,table.spc_tbla td{border: 1px solid #000;padding: 1rem;}
        table.spc_tbla th{ background-color:#20477e;color:#fff;}
        .s_op{background-color:#122a4d;color:#fff;width: 100px;display: inline-block;}
        /* .bdr_r_wh{border-right: 1px solid #fff;} */
        .dl_waku{background-color:#20477e;color: #fff;}
        /* .dl_waku_bdr{border: 2px solid #4990f4 !important;} */
         /* 
        input.adr_box,input.name_box,input.id_box,input.pw_box{width: 200px;}
        input.date_box{width:200px;}
         */
        input.adr_box,input.pw_box{margin: 0 0 0.4rem 0;}
        .date_box{display: block;}

 
        /* ---------- footer ---------- */
        footer{width: 100%;margin-bottom: 1rem;}
        .footer{width: 80%;margin: 0 auto;text-align: center;}
        .f_logo_img{margin: 1rem 2rem;max-width:173px;}
        /* .f_logo_img,.f_waku,.f_tel,.f_mail{float: left;} */
      
        .f_tt{font-weight: bold;font-size: 1.2rem;}
        address{font-size: 0.8rem;}

        .f_box_in{margin: 0.4rem;}
        .f_box{background-color: #000;color: #fff;}
        .f_waku_in{margin: 0 auto;width: 50%;}
        .f_waku{margin: 0.7rem;}
        .copyright{font-size: 0.7rem;text-align: center;}

        /* ================== index_thx.html ====================
        ================================================*/
        .if_box{padding: 1rem;background-color:#fbfbfb;}
        .if_box_tt{font-size: 1.2rem;font-weight: bold;color: #737373;}
        .if_box_in{font-size: 0.8rem;line-height: 1.2rem;}



        /* ==================== smp ====================
        ================================================*/

        /* .form-table td, .form-table th{display: block;}
        .f_waku {margin: 1rem 2rem;}
         
       input.zip_box,input.adr_box,input.age_box,input.name_box,input.id_box,input.pw_box{width:100%;}
        */