===========サンプルCSSセキュア版（紫）===============================================================================
body{
 margin: 0;
 padding: 0;
}

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

#table_item{
 width:100%;
 background-color: #BA79B1;
}
.table_item1{
 width:30%;
 color: #FFFFFF;
 font-weight: bold;
 padding:15px;
 font-size:12px;
 background-color: #DC9BD3;
}
.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: #A968A0;
 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;
 }
}