body{

 margin: 0;

 padding: 0;

}



#base{

 text-align: center;

 font-size:80%;

}



#main{

 width:420px;

 background-color:#F0FFFF;

 text-align: center;

 margin:10px auto;

 color:#000;

}



#item{

}



.clear{

	clear: both;

}

.clear hr{

	display: none;

}



.item1{

 margin-left:10px;

 margin-right:10px;

 padding:5px;

 text-align:left;

 color:#0066CC;

 border-left: 6px solid #0066CC;

 border-bottom: 1px solid #0066CC;

}

.item2{

 margin-left:10px;

 margin-bottom:20px;

 padding:5px;

 text-align:left;

 color:#000;

}

.item3{

 background-color:#0066CC;

 width:480px;

 text-align:left;

 margin:2px 5px;

 padding:5px;

}

.item4{

 text-align:left;

 margin:2px 5px;

 padding:5px;

 width:480px;

 border:1px solid #FFF;

}



p{

�@font-size:16px;

�@color:#000000;

}



@media screen and (max-width: 480px) {

 #main{

  width:100%;

 }

}