@charset "Shift_JIS";

@import "normalize4.css";

@import "common4.css";

@import "base_s4.css";

@import "showcase4.css";

#m_button{
  text-align: right;
  margin-top: 10px;
  margin-right: 8px;
  margin-bottom: 3px;
}
#m_button a {
  display: inline-block;
  overflow: hidden;
  width: 48px;
  height: 48px;
  vertical-align: bottom;
}

.boxr2 {
  padding: 5px 15px;
  border: 1px #e6e6e6 solid;
  border-radius: 6px;
}

/* .boxr { display: block;}-*/
/* .boxN { display: block;}-*/

#user {
margin: 0px;
}

#user h3 {
  margin: 30px 0px 20px;
  padding: 0px;
  background-image: url('../_images2/bg/h-bg(0).gif');
  background-repeat: no-repeat;
}


/*generalTable
----------------------------------------------------*/
.generalTable thead{
  display: none;
}
.generalTable td,
.generalTable th{
  display: block;
}
.generalTable th{
  text-align: left;
}

.generalTable tr td:last-child{
  margin-bottom: 2em;
}



/* form dt dd
----------------------------------------------------*/
#honbun form dt{
  font-weight: bold;
}
#honbun form dd{
  margin: 0.5em 0 1em;
}

#honbun  form input:not([type="radio"]):not([type="button"]):not([type="image"]),
#honbun  form input:not([type="number"]):not([type="url"]):not([type="tel"]),
#honbun  textarea{
/*    width: 20em; */
  max-width: 16em;
  padding: 5px;
}
#honbun  form input[type="number"]{
   width: 10em;
}

#honbun  form .submit{
   font-size: 12pt;
   font-weight: bold;
   padding: 0.7em 3em !important;
}


@media screen and (min-width:500px) {  /*500px*/

  .generalTable{
    width: 100%; 
    border-collapse: collapse;
  }

  .generalTable thead{
    display: table-header-group;
  }
  .generalTable td,
  .generalTable th{
    display: table-cell;
    padding: 15px 5px;
    border: 1px #ccc solid;
  }


  .ie9 .generalTable td,
  .ie9 .generalTable th{
    float: none;
    width: auto;
  }

}

@media screen and (min-width:41.875em) {  /*670px*/

  #user{
    margin: 0px 20px 0px 30px;
  }

  #honbun  form dt{
    clear: left;
    float: left;
    width: 6.5em;
  }
  #honbun  form dd{
    margin-left: 6.5em;
  }
  #honbun  form input:not([type="radio"]):not([type="button"]):not([type="image"]),
  #honbun  form input:not([type="number"]):not([type="url"]):not([type="tel"]),
  #honbun  textarea{
/*    width: 20em; */
    max-width: 25em;
    padding: 5px;
  }
  #honbun  form .submit{
    margin-left: 9em;
    text-align: left;
  }


}

