===========会員登録（飲食店）=====================================================================

body{
 margin: 0;
 padding: 0;
}

#header {
 width: 700px;
 background-image: url(https://admin.prius-pro.jp/m/delight/s_img/img_022.gif);
 background-position: 0 30px;
 background-repeat: repeat-x;
 margin: 0 auto;
}

#logo {
 width: 600px;
 margin: 0 auto;
}

img.middle { vertical-align: middle; }

#base{
 text-align: center;
 font-size: 12px;
}

#main{
 width: 700px;
 background-color: #fff0f5;
 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: #ff6347;
}
.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: #ff6347;
 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) {
#header {
 width: 300px;
 margin: 0 auto;
}

#logo {
 width: 280px;
 margin: 0 auto;
 padding:0;
}

 #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;
 }
}