*.float{
  float : left;
  margin-right:1em; 
 

*.floatclear
      {
         clear: both;
      }
.mdl{
vertical-align: middle; 
margin-right:1em; 
}
.bold{font-weight: bold;} 

A.book
{ padding :0.2em 0.5em 0.2em 0.5em; width : 23em;
  background-color :#FFCC66;
  hight: 1em;
  border:10px outset #FF9900;
  color : #000000;
  font-size : 1.3em;
  text-decoration : none;
  }

A.book:hover
{ background-color :#FFFF99;
  border:10px inset #FF9900;
  color : #ff0000;
  text-decoration : underline;
  position: relative; top: 1px; left: 1px; 
  }

A.magazine
 { padding :0.2em 0.5em 0.2em 0.5em; width : 23em;
  background-color : #99FF99;
  hight: 1em;
  border:10px outset #66CC99;
  color : #000000;
  font-size : 1.3em;
  text-decoration : none;
  
  }
A.magazine:hover
 {background-color :#CCFFCC;
  border:10px inset #66CC99;
  color : #ff0000;
  text-decoration : underline;
  position: relative; top: 1px; left: 1px; }

P.keitai
{background-color: #990099; 
width:500; 
padding :0.2em; 
color="#ffffff"
}
span.keitai{
 background-color: #ffffff;
 color: #000000;
 width:498 px;
 padding :1em;
 margin:1px;
}

-->