body{

 margin: 0;

 padding: 0;

}



#base{

 text-align:center;

 font-size:12px;

}

#main{

 width:700px;

 background-color:#F0FFFF;

 margin:30px auto;

 padding:20px;

 color:#000;

}



#table_item{

 width:100%;

 background-color: #0066CC;

}

.table_item1{

 width:30%;

 color: #FFFFFF;

 font-weight: bold;

 padding:15px;

 font-size:12px;

 background-color: #00AAFF;

}

.table_item2{

 width:70%;

 padding:15px;

 color:#000;

 font-size:12px;

 background-color: #FFFFFF;

}



p{

�@font-size:16px;

�@color:#000000;

}



input[type="text"], input[type="password"], textarea, select {

 border: 1px solid #D5D5D5;

 color: #666666;

 padding: 5px;

}



input[type="submit"] {

 background-color: #0083CF;

 border: 1px solid #D5D5D5;

 padding: 5px 20px;

 color: #FFFFFF;

 border-radius: 5px;

 -webkit-border-radius: 5px;  

 -moz-border-radius: 5px;

 font-weight: bold; 

 cursor: pointer;

}



.table_item2 input[type="submit"] {

 background-color: #EFEFEF;

 color: #333333;

 padding: 2px 10px;

}





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

 #main{

  width:100%;

  margin:10px auto;

  padding:0;

 }

 #table_item{

  width:98%;

  margin:0 auto;

 }

 input[type="text"] {

  width:150px;

 }

 input[type="password"] {

  width:150px;

 }

}