body,td{
  font-size     : 12px; 
  font-family   : Verdana,Osaka,'MS UI Gothic';
  margin-top    : 20px;
  margin-bottom : 0px;
  text-align:  center;
}
A:link,A:active,A:visited{
  color : #004B82;
  text-decoration : underline;
}
A:HOVER{
  text-decoration : none;
  color : #66CC33;
}



/* IDの設定 */





/* classの設定 */
.list
{
     float:             left;
     background-color:  #FFFFFF;
     font-size:         12px;
     text-align:        left;
     color:             #333333;
     width:             500px;
     height:            30px;
     MARGIN-top:        20px;
     MARGIN-left:       4px;
     MARGIN-right:      4px;
     MARGIN-bottom:     10px;
     padding-top:       5px;
     padding-bottom:    4px;
}

.space
{
     float:             left;
     width:             500px;
     height:            20px;
}

.item1
{
     float:             left;
     background-color:  #FFFFFF;
     border:  1px solid #cccccc;
     font-size:         12px;
     text-align:        center;
     color:             #cccccc;
     width:             125px;
     height:            170px;
     MARGIN-top:        10px;
     MARGIN-left:       4px;
     MARGIN-right:      4px;
     MARGIN-bottom:     5px;
     padding-top:       8px;
     padding-bottom:    4px;
}

.top1
{
     float:             left;
     background-color:  #FFFFFF;
     border:  1px solid #cccccc;
     font-size:         12px;
     color:             #666666;
     width:             125px;
     height:            140px;
     MARGIN-top:        10px;
     MARGIN-left:       8px;
     MARGIN-right:      2px;
     padding-top:       5px;
     padding-bottom:    5px;
}

.top2
{
     float:             right;
     background-color:  #FFFFFF;
     border:  1px solid #cccccc;
     font-size:         12px;
     color:             #666666;
     width:             125px;
     height:            140px;
     MARGIN-left:       2px;
     MARGIN-right:      8px;
     MARGIN-bottom:     10px;
     padding-top:       5px;
     padding-bottom:    5px;
}