body{
 margin: 0;
 padding: 0;
 background-color:#033A07;
}

#base{
 text-align:center;
 font-size:12px;
}
#main{
 width:800px;
 background-color:#EFEFEF;
 margin:30px auto;
 padding:20px;
 color:#000;
}

#table_item{
 width:100%;
 background-color: #C5F4B2;
}
.table_item1{
 width:30%;
 color: #FFFFFF;
 font-weight: bold;
 padding:15px;
 font-size:12px;
 background-color: #5ca03d;
}
.table_item2{
 width:70%;
 padding:15px;
 color:#000;
 font-size:12px;
 background-color: #FFFFFF;
}

p{
�@font-size:16px;
�@color:#000000;
}
textarea  { width: 90% }
    textarea#hack { width: 90% }
    textarea#fix {
      -webkit-box-sizing: border-box; /* Chrome, Safari */
      -moz-box-sizing: border-box;    /* Firefox */
      box-sizing: border-box;         /* IE8+, Opera */
    }

input[type="text"], input[type="password"], textarea, select {
 border: 1px solid #d5d5d5;
 color: #666666;
 padding: 5px;
}

input[type="submit"] {
 background-color: #227223;
 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: #033A07;
 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;
 }
}