.catalog{
      border:2px solid #555;
      box-sizing:border-box;
      background-color:#fff;
    }
    
    .catalog:hover{
      box-shadow: 5px 5px 8px #000;
      transform: translateY(-5px);
    }
    
    .catalog:active{
      background-color:#ff0;
    }
    
    .catalog_td{
      position:relative;
    }
    
    .catalog img{
      padding: 10px 0;
    }
    
    .catalog_link a{
      display:block;
      position:absolute;
      left:0;
      top:0;
      height:100%;
      width:100%;
      text-indent:-999px;
      }
      
    .catalog_block_1{
    font-size : 28px;
    font-weight: bold;
    color: #ff007a;
    text-align: center;
    }
    .catalog_block_2{
      padding:15px 0;
      width:95%;
      background-color:#0000ff;
      text-align:center;
      font-size : 26px;
      font-weight:bold;
      color : #fff;
      margin:15px auto 10px;
    }
    .catalog_block_3{
      text-align:center; 
      font-size : 23px;
      color:#000;
    }
    -->
    
    .catalog_hn{
      border:2px solid #555;
      box-sizing:border-box;
      background-color:#fff;
    }
    
    .catalog_hn img{
      padding: 10px 0;
    }
    
   
    .td_01{
     background-color:#ffffff;
     text-align:left;
     line-height:150%;
     font-size:17px;
     padding-left:5px;
    }
    
    .td_01 a{
      color:#000;
      text-decoration: none;
    }
    
    .td_01a{
     background-color:#ffffff;
     text-align:left;
     line-height:150%;
     font-size:17px;
     text-decoration: none;
     padding-left:5px;
     padding-top:10px;
     padding-bottom:10px;
    }
    
    .td_01a a{
      color:#000;
      text-decoration: none;
    }
    
    .td_02{
     background-color:#ffffff;
     text-align:center;
     line-height:200%;
     color:#000;
     font-size:16px;
    }
    
    .td_02a{
     background-color:#ffffff;
     text-align:center;
     line-height:140%;
     color:#000;
     font-size:16px;
    }
    
    .td_03{
     background-color:#ffffff;
     text-align:left;
     line-height:200%;
     color:#000;
     font-size:16px;
     padding-left:5px;
    }
    
    .td_03a{
     background-color:#ffffff;
     text-align:left;
     line-height:150%;
     color:#000;
     font-size:16px;
     padding-left:5px;
     padding-top:8px;
     padding-bottom:8px;
    }
    
    .td_03b{
     background-color:#ffffff;
     text-align:left;
     line-height:120%;
     color:#000;
     font-size:16px;
     padding-left:5px;
     padding-top:5px;
     padding-bottom:5px;
    }
    
    .td_04{
     background-color:#ffffff;
     text-align:left;
     line-height:200%;
     color:#000;
     font-size:13px;
     padding-left:5px;
    }
    
    .td_04a{
     background-color:#ffffff;
     text-align:left;
     line-height:200%;
     color:#000;
     font-size:12px;
     padding-left:5px;
    }
    
    
    .td_04b{
     background-color:#ffffff;
     text-align:left;
     line-height:200%;
     color:#000;
     font-size:15px;
     padding-left:5px;
    }
    
    
    /* ボタン見出し */
    
    .btn_title{
      width: 650px;
      height: 80px;
      position: relative;
      background:linear-gradient(to top, #e4e4e4, #ffffff 30%, #ffffff 70%, #e4e4e4 100%);
      margin-bottom: 40px;
      border-top: 2px solid #003366;
      border-bottom: 2px solid #003366;
    }
    
    .btn_title img{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
    }
    
    /* ボタンエリア */
    .two_btn{
      display: flex;
      width: 650px;
      margin-bottom: 40px;
    }
    
    /* 左ボタン */
    .btn_left{
      width: 300px;
      height: 80px;
      border: 1px solid #555;
      border-radius: 4px;
      box-shadow: 0px 5px #555;
      background:linear-gradient(to top, #e4e4e4, #ffffff 30%, #ffffff 70%, #e4e4e4 100%);
      position: relative;
    }
    
    .btn_left a{
      text-decoration: none;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      
    }
    
    .btn_left span{
      font-size: 36px;
      font-weight: bold;
      color: #003366;
      width: 100%;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
    }
    
    .btn_left:hover span{
      color: #00f;
      text-shadow: 0px 0px 2px #1e90ff,0px 0px 8px #9cc;
    }
    
    .btn_left:active{
      box-shadow: none;
      position: relative;
      top: 5px;
    }
    
    /* 右ボタン */
    .btn_right{
      width: 300px;
      height: 80px;
      border: 1px solid #555;
      border-radius: 4px;
      box-shadow: 0px 5px #555;
      background:linear-gradient(to top, #e4e4e4, #ffffff 30%, #ffffff 70%, #e4e4e4 100%);
      position: relative;
      margin-left: 50px;
    }
    
    .btn_right a{
      text-decoration: none;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      
    }
    
    .btn_right span{
      font-size: 36px;
      font-weight: bold;
      color: #003366;
      width: 100%;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
    }
    
    .btn_right:hover span{
      color: #00f;
      text-shadow:  0px 0px 2px #1e90ff,0px 0px 8px #9cc;
    }
    
    .btn_right:active{
      box-shadow: none;
      position: relative;
      top: 5px;
    }
    
    /* メーカーリンクボタン */
    .btn_maker{
      width: 600px;
      height: 80px;
      border: 1px solid #555;
      border-radius: 4px;
      box-shadow: 0px 5px #555;
      background:linear-gradient(to top, #e4e4e4, #ffffff 30%, #ffffff 70%, #e4e4e4 100%);
      position: relative;
      margin-bottom: 30px;
    }
    
    .btn_maker a{
      text-decoration: none;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      
    }
    
    .btn_maker span{
      font-size: 30px;
      font-weight: bold;
      color: #003366;
      width: 100%;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
    }
    
    .btn_maker:hover span{
      color: #00f;
      text-shadow:  0px 0px 2px #1e90ff,0px 0px 8px #9cc;
    }
    
    .btn_maker:active{
      box-shadow: none;
      position: relative;
      top: 5px;
    }
    
    
    /* 水平線 */
    
    hr{
      width: 650px;
      height: 2px;
      background:#003366;
      margin-bottom: 50px;
    }
   

      /* エフェクト１ */
    .img_effect{
      width: 720px;
      height: 360px;
      position: relative;
      overflow: hidden;
      border: 1px solid #000;
      margin-bottom: 100px;
    }
    
    .img_effect img{
      width: 720px;
      height: 360px;
      animation: effect_kitchen 40s infinite;
      opacity: 0;
      transform-origin: top left;
    } 
    
    .img_effect .img1{
      display: block;
      margin: 0 auto;
    }
    
    .img_effect .img2{
      animation-delay:4s;
      -webkit-animation-delay:4s;
      position: absolute;
      top: 0;
      left: 0;
    }
    
    .img_effect .img3{
      animation-delay:8s;
      -webkit-animation-delay:8s;
      position: absolute;
      top: 0;
      left: 0;
    }
    
    .img_effect .img4{
      animation-delay:12s;
      -webkit-animation-delay:12s;
      position: absolute;
      top: 0;
      left: 0;
    }
    
    .img_effect .img5{
      animation-delay:16s;
      -webkit-animation-delay:16s;
      position: absolute;
      top: 0;
      left: 0;
    }
    
    .img_effect .img6{
      animation-delay:20s;
      -webkit-animation-delay:20s;
      position: absolute;
      top: 0;
      left: 0;
    }
    
    .img_effect .img7{
      animation-delay:24s;
      -webkit-animation-delay:24s;
      position: absolute;
      top: 0;
      left: 0;
    }
    
    .img_effect .img8{
      animation-delay:28s;
      -webkit-animation-delay:28s;
      position: absolute;
      top: 0;
      left: 0;
    }
    
    .img_effect .img9{
      animation-delay:32s;
      -webkit-animation-delay:32s;
      position: absolute;
      top: 0;
      left: 0;
    }
    
    .img_effect .img10{
      animation-delay:36s;
      -webkit-animation-delay:36s;
      position: absolute;
      top: 0;
      left: 0;
    }
    
    
    @keyframes effect_kitchen{
      0% {opacity: 0;transform: scale(1.2,1.2);}
      3% {opacity: 1;transform: scale(1.0,1.0);}
      7% {opacity: 1;transform: scale(1.0,1.0);}
      10% {opacity: 0;transform: scale(1.0,1.0);}
      }
    
      @-webkit-keyframes effect_kitchen{
      0% {opacity: 0;transform: scale(1.2,1.2);}
      3% {opacity: 1;transform: scale(1.0,1.0);}
      7% {opacity: 1;transform: scale(1.0,1.0);}
      10% {opacity: 0;transform: scale(1.0,1.0);}
      }