.htder{ max-width: 100%;margin:0 auto;padding: 0;height:auto;background-color:rgba(135, 227, 72, 0.72)}  
  .hdintx{ width: 70px;margin-left: 3px;display: inline-block}
  
   .hdinxt{ max-width: 100%; margin: auto; text-align: center; padding: 20px; font-size: 1.9rem; font-family:'BIZ UDPMincho'; color: #006600;
            border: solid; border-width: 0 0 1px 0;border-color: rgba(0, 148, 255, 0.21);}
  
    .hdchkout{ max-width: 900px; margin-left: 30px;padding: 2px;display: inline-block;vertical-align: top} 
@media (max-width:754px){
 .hdchkout{margin-left: 0px;} 
}  
     .hdchkin{ width: 70px;padding:16px 18px;  margin-left: 2px; text-align: center;font-size: 1.1rem; display: inline-block;vertical-align: top;
               border: solid 1px #efefef}
       .pevr{ margin-left: -7px}
  
.mainpduct{ max-width: 100%;margin: auto;padding: 10px;margin-top: 130px}
  .product{ max-width: 1000px;margin: auto;padding-top:30px;padding-bottom:25px ;text-align: center;
            border: solid;border-width: 0px 0 1px 0;border-color: rgb(135, 227, 32)}
    .pcgducut{ max-width: 570px;margin: auto;padding: 3px;text-align: left;display: inline-block;vertical-align: top }
      .pducutxt-1{ font-size: 1.7rem;text-align: center;} .pducutxt-2{ text-align: center;font-size: 1.9rem}.pducutxt1-2{ text-align: center;font-size: 2.5rem}

  /* Paneru */
 .xindexlavel{ max-width:100%;padding:10px; margin-bottom: 120px;text-align:center; border: solid; border-width: 0 0 0px 0;border-color: rgba(0, 148, 255, 0.21);
          }
.xlavel-in{ max-width: 900px; margin-top: -20px ;padding: 10px; margin: auto ;font-size: 1.19999rem;font-family:'Shippori Mincho'}    
.in-box1{ max-width: 55px; padding: 10px 15px;background: rgba(221, 45, 45, 0.08);}
    .in-box1:hover{color: #FFF ;background-color: rgba(221, 45, 45, 0.90); }
    
.in-box2{ max-width: 55px; padding: 10px 15px;background: rgba(0, 148, 255, 0.08); }
    .in-box2:hover{color: #FFF ;background-color: rgba(0, 148, 255, 0.90);}
    
.in-box3{ max-width: 55px; padding: 10px 15px;background: rgba(221, 45, 45, 0.08); }
    .in-box3:hover{color: #FFF ;background-color:  rgba(221, 45, 45, 0.90); }
 
.in-box4{ max-width:55px;padding: 10px 15px;background: rgba(0, 148, 255, 0.08);}
    .in-box4:hover{color: #FFF ;background-color: rgba(0, 148, 255, 0.90);}
    
.in-box5{ max-width: 55px; padding:10px 15px ;background:rgba(221, 45, 45, 0.08); }
    .in-box5:hover{color: #FFF ;background-color: rgba(221, 45, 45, 0.90); }
    
.in-box6{ max-width: 55px; padding: 10px 15px;background: rgba(135, 227, 72, 0.08); }
    .in-box6:hover{color: #FFF ;background-color: rgba(135, 227, 72, 0.98); }
    
.in-box7{ max-width: 120px; padding: 26px 30px;background: rgba(177, 184, 6, 0.18); }
    .in-box7:hover{color: #FFF ;background-color: rgba(177, 184, 6, 0.90); }
    
.in-box8{ max-width: 55px; padding: 10px 15px;background: rgba(0, 148, 255, 0.00); }
    .in-box8:hover{color: #333 ;background-color: rgba(162, 160, 160, 0.00); }
.in-box1,.in-box2,.in-box3,.in-box4,.in-box5,.in-box6,.in-box7,.in-box8 {display: inline-block;vertical-align: top; border: solid 1px rgba(0, 0, 0, 0.06); } 
 @media (max-width:888px){
.in-box1,.in-box2,.in-box3,.in-box4,.in-box5,.in-box6,.in-box7,.in-box8 {margin-bottom: 5px } 
}
 @media (max-width:760px){
 .xlavel-in{max-width: 500px } 
}
  @media (max-width:370px){
 .hdinxt{font-size: 1.5rem;max-width: 100% ;text-align: center} 
}
  
/* */
table, th, td {
border: 1px rgba(186, 7, 7, 0.13) solid;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
  
  
/* Den Index */
    .dnboxlin{border: solid 1px rgba(128, 128, 128, 0.29); padding-top:8px;padding-bottom: 8px}
  @media (min-width:991px){ 
   .dnboxlin{ border: solid 0px ;}
  }
  .futriup{ 
 border-top-left-radius:5px;
 background-color: rgba(23, 63, 108, 0.99);
 position: fixed;
          right: 0;
          bottom: 30px;
}

 .foters {
  background-color: rgb(23, 63, 108);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: 'Yu Mincho';
  font-size: 0.8rem;
  position:fixed;
  width: 100%;
  bottom: 0;
  z-index:5;
 }
.linfa{ max-width: 100%;margin: auto;text-align: left;z-index:5;}
.linfb{ max-width: 160px;margin:auto;padding: 0px 7px; border: solid 0px #555;
        display: inline-block; vertical-align: top;font-size: 0.8999rem;
}

.centber{ max-width: 100%; margin: auto;padding: 1px ; text-align: center;background: rgb(144, 168, 120)}

 .fomein{ display: inline-block;vertical-align: top;margin-bottom: 10px}
 .inli a { color: rgb(11, 47, 147)} 
 .fnli :hover{ color: #ff6a00}
 .medachi{ color: #0026ff;font-weight: 700;font-size: 1.3rem}
 .infatm{ font-size: 0.930rem;padding-bottom: 30px}
 .foters {text-align: center;
  background-color: rgb(23, 63, 108);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: 'BIZ UDPGothic'; color: #fff;
 }