@charset "UTF-8";

/*====================================

	電柱サーチ/フォーム共通

====================================*/

p.caution  {
     margin:  0;
     padding: 5px 20px;
     border-top: 1px solid #b5b5b6;
     border-bottom: 1px solid #b5b5b6;
     background: #efefef;
}
input.toggle_checkbox  {
     width:  20px;
     height:  20px;
     margin-right:  10px;
}
div.submitBtn  {
     width:  30%;
     margin:  50px auto;
}
div.submitBtn input  {
     width:  100%;
     padding: 10px;
     border-radius: 5px;
     background:  #d7f8f8;
     border:  1px solid #b5b5b6;
}

/*==table内==*/

span.essential  {
     color:  #f00;
}
.dataTable th small  {/*注釈をブルー*/
    color: #33f;
}

.dataTable th  {
     width:  35%;
}
.dataTable tr.indent th  {
     background: #fff;
}
@media screen and (max-width: 667px) {
          table.dataTable th  {
          width:  100%;
          background:  #efefef;
          color:  #000;
          }
          table.dataTable th small.note  {
          display:  block;
          text-align:  left;
          }
 }

.dataTable input.form_input  {
     border:  1px solid #b5b5b6;
     width:  70%;
     padding:  5px;
}
.dataTable tr.indent td input.form_input  {
     width:  100%;
}
@media screen and (max-width: 667px) {
          .dataTable input.form_input  {
          width:  100%;
          }
}

.dataTable p.eg  {
     display:  inline-block;
     margin-left:  5px;
}

.dataTable select  {
      margin-bottom:  5px;
      border: 1px solid #b5b5b6;
     border-radius:  5px;
}
.dataTable textarea  {
     width:  100%;
     border: 1px solid #b5b5b6;
}
.dataTable label  {
     display:  inline-block;
     margin:  5px 20px 5px 0;     
}
.dataTable label input  {
     margin-right:  5px;
}


/*==郵便番号変換のボタン==*/
.dataTable button.exchange {
    margin: 10px 0;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #2ea7e0;
    color: #fff;
}