.balloon {  
  position: relative;  
}  

.balloon .balloonbody {  
  border: solid 2px #333333;  /* 枠色 */
  -moz-border-radius: 4px;    /* 角 */
  -webkit-border-radius: 4px;  
  border-radius: 4px;  
  position: absolute;  
  left: 0%;  /*表示位置指定*/
  top: -300%;  /*表示位置指定*/  
  visibility: hidden;  /*非表示*/
  padding: 5px;  
  width: 190px;  
  zoom: 1;  
}  

.balloon:hover .balloonbody {  
  background-color: #333333;    /* 背景色 */
  color: #FFFFFF;
  visibility: visible;  
  z-index: 10;  /*重なり順指定*/
}  
.balloon .balloonbody .balloonb {  
  border-right: solid 10px transparent;  
  border-left: solid 10px transparent;  
  border-top: solid 10px #333333;    /* 矢印枠色 */
  line-height: 0;  
  position: absolute;  
  left: 90px;  
  bottom: -10px; /*矢印位置*/  
}