#navi {
   float:left;
   width:140px;
   height:100%;
   background-color:#00205F;
   vertical-align:top;
   font-family:Arial,Helvetica,sans-serif; 
   font-size:13px; 
   color:#000000;
   margin:0;
   padding-top:5px;
   position:relative;
   top:0;
   left:0;
   }


#navi[id] {
   position: fixed;
}


.hmg {
   font-family:Arial,Helvetica,sans-serif; 
   font-size:16px; 
   font-weight:800;  
   margin:0;
   padding: 5px 5px 2px; 
   text-align:left;
} 

.hmo {
   font-family:Arial,Helvetica,sans-serif; 
   font-size:16px; 
   font-weight:800;  
   margin:0px;
   padding: 5px 5px 2px; 
   text-align:left;
} 

.umen {
   font-family:Arial,Helvetica,sans-serif; 
   font-size:11px; 
   font-weight:bold;  
   margin:0px;
   padding: 2px 5px 2px;  
   text-align:left;
}

.prem {
   width:140px;
   height:100%;
   text-align:center;
   vertical-align:top;
   padding:0px 0 10px;
   
}

 .premie {
   position:fixed; 
   left:0px; 
   bottom:20px;
   overflow:hidden;
}

.ex {
   width:140px;
   height:60px;
   font-family:Arial,Helvetica,sans-serif; 
   font-size:11px; 
   color:#ffffff;
   text-align:center;
   vertical-align:top;
   padding:10px;
}

a.l-umen:link {
   color:#ffffff;
   text-decoration:none;
   }
a.l-umen:visited {
   color:#ffffff;
   text-decoration:none;
   }
a.l-umen:hover {
   color:#FF0000;            
   text-decoration:none;
   }
a.l-umen:active {
  color:#ffffff;
   text-decoration:none;
  }

a.l-hmo:link {
   color:#FFCF30;
   text-decoration:none;
   }
a.l-hmo:visited {
   color:#FFCF30;
   text-decoration:none;
   }
a.l-hmo:hover {
   color:#FFCF30;
   text-decoration:none;
   }
a.l-hmo:active {
  color:#FFCF30;
   text-decoration:none;
  }

a.l-hmg:link {
   color:#ffffff;
   text-decoration:none;
   }
a.l-hmg:visited {
   color:#ffffff;
   text-decoration:none;
   }
a.l-hmg:hover {
   color:#FF0000;            
   text-decoration:none;
   }
a.l-hmg:active {
  color:#ffffff;
   text-decoration:none;
  }