/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

#haziko_box {
            width:982px;
            margin:40px 0px 0px 0px;
            padding-top:10px;
            padding-bottom:10px;
            background-color:#666666;
            color:#FFFFFF;
            font-family:'calibri';
            font-size:16px;
            text-align:center;
            }

#haziko {
        width:980px;
        height:720px;
        margin:0px;
        padding:0px;
        background-image:url('../PICS/haziko.jpg');
        border:1px solid gray;
        text-align:center;
        cursor:pointer;
        }
       
#sig1 {
      width:90px;
      height:100px;
      z-index:500;
      padding:0px;
      margin:0px;
      position:relative;
      left:-30px;
      top:-230px;
      transition-duration:0.4s;
      -webkit-transition-duration:0.4s;
      cursor:pointer;
      border:none;  
      overflow:hidden; 
      display:inline-block;
      }      
   
#sig2 {
      width:55px;
      height:80px;
      z-index:500;
      padding:0px;
      margin:0px;
      position:relative;
      left:-40px;
      top:-20px;
      transition-duration:0.4s;
      -webkit-transition-duration:0.4s;
      cursor:pointer;
      overflow:hidden; 
      display:inline-block;
      }   
      
#sig3 {
      width:95px;
      height:80px;
      z-index:500;
      padding:0px;
      margin:0px;
      position:relative;
      left:-55px;
      top:-190px;
      transition-duration:0.4s;
      -webkit-transition-duration:0.4s;
      cursor:pointer;
      overflow:hidden; 
      display:inline-block;
      }  
      
#sig4 {
      width:95px;
      height:120px;
      z-index:500;
      padding:0px;
      margin:0px;
      position:relative;
      left:-45px;
      top:-180px;
      transition-duration:0.4s;
      -webkit-transition-duration:0.4s;
      cursor:pointer;
      overflow:hidden; 
      display:inline-block;
      } 
      
#sig5 {
      width:90px;
      height:110px;
      z-index:500;
      padding:0px;
      margin:0px;
      position:relative;
      left:-35px;
      top:-180px;
      transition-duration:0.4s;
      -webkit-transition-duration:0.4s;
      cursor:pointer;
      overflow:hidden; 
      display:inline-block;
      }  
      
#sig6 {
      width:50px;
      height:280px;
      z-index:500;
      padding:0px;
      margin:0px;
      position:relative;
      left:-30px;
      top:-20px;
      transition-duration:0.4s;
      -webkit-transition-duration:0.4s;
      cursor:pointer;
      overflow:hidden; 
      display:inline-block;
      } 
      
#sig7 {
      width:85px;
      height:440px;
      z-index:500;
      padding:0px;
      margin:0px;
      position:relative;
      left:-20px;
      top:-30px;
      transition-duration:0.4s;
      -webkit-transition-duration:0.4s;
      cursor:pointer;
      overflow:hidden; 
      display:inline-block;
      }  
      
#sig8 {
      width:110px;
      height:120px;
      z-index:500;
      padding:0px;
      margin:0px;
      position:relative;
      left:-20px;
      top:-330px;
      transition-duration:0.4s;
      -webkit-transition-duration:0.4s;
      cursor:pointer;
      overflow:hidden; 
      display:inline-block;
      }  
      
#sig9 {
      width:45px;
      height:580px;
      z-index:500;
      padding:0px;
      margin:0px;
      position:relative;
      left:85px;
      top:10px;
      transition-duration:0.4s;
      -webkit-transition-duration:0.4s;
      cursor:pointer;
      overflow:hidden; 
      display:inline-block;
      }   
      
#sigX {
      width:45px;
      height:580px;
      z-index:500;
      padding:0px;
      margin:0px;
      position:relative;
      left:115px;
      top:10px;
      transition-duration:0.4s;
      -webkit-transition-duration:0.4s;
      cursor:pointer;
      overflow:hidden; 
      display:inline-block;
      }  
      
#sigX1 {
      width:75px;
      height:140px;
      z-index:500;
      padding:0px;
      margin:0px;
      position:relative;
      left:-112px;
      top:-435px;
      transition-duration:0.4s;
      -webkit-transition-duration:0.4s;
      cursor:pointer;
      overflow:hidden; 
      display:inline-block;
      }                      
      
#sig1:hover {
            box-shadow: 0px 2px 8px red;
            }          
#sig2:hover {
            box-shadow: 0px 2px 8px red;
            }      
#sig3:hover {
            box-shadow: 0px 2px 8px red;
            }
#sig4:hover {
            box-shadow: 0px 2px 8px red;
            }  
#sig5:hover {
            box-shadow: 0px 2px 8px red;
            }   
#sig6:hover {
            box-shadow: 0px 2px 8px red;
            }                                 
#sig7:hover {
            box-shadow: 0px 2px 8px red;
            }             
#sig8:hover {
            box-shadow: 0px 2px 8px red;
            }
#sig9:hover {
            box-shadow: 0px 2px 8px red;
            }
#sigX:hover {
            box-shadow: 0px 2px 8px red;
            }  
#sigX1:hover {
             box-shadow: 0px 2px 8px red;
             }  

#infotitle {
           color:#FFFFFF;
           font-family:'calibri';
           font-size:14px;
           padding:5px; 
           display:inline-block; 
           }            
            
#infobar {
      width:500px;
      background-color:#666666;
      border-bottom:1 px solid white;  
      margin-bottom:auto;
      text-align:left;
      }
        
#infoclose {
           color:#FFFFFF;
           font-family:'calibri';
           font-size:20px;
           padding-right:8px;
           padding-left:8px;
           padding-top:1px;
           padding-bottom:2px;
           float:right;
           display:inline-block; 
           transition-duration:0.4s;
           -webkit-transition-duration:0.4s;
           }    
           
#infoclose:hover {
                 background-color:red;
                 }   
    
#infobox {
         padding:0px;
         background-color:#FAFAFA; 
         width:500px;
         height:300px;
         position:relative;
         top:-580px;
         left:10px;
         z-index:1000;
         display:none;
         box-shadow:3px 3px 8px black;
         }
         
#info {
      color:#222222;
      font-family:'calibri';
      font-size:14px;
      text-align:justify;
      padding:15px;   
      }