@charset "UTF-8";


*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box}

div#sfm-container { width:100%; margin: auto; padding: 5px; border: 1px solid #ccc; }
/*div#sfm-container { width: 900px; margin: auto; padding: 5px; border: 1px solid #ccc; }*/

div#sfm-container h1 { font-size: 14px; color: #fff; background: #99c; padding: 2px 2px 1px 5px; border-left: 6px solid #55a; margin: 0px; }
div#sfm-container h2 { font-size: 12
  px; margin: 0px; padding: 10px 0px; }

div#sfm-layout { text-align: center; margin: 10px 0px 15px; }
div#sfm-layout p { font-weight: normal; margin: 0px; padding-bottom: 5px; }
div#sfm-layout h3 { font-size: 12px; text-align: center; margin: 5px 0px; }

div#sfm-layout table { width: 100%; box-sizing: border-box; margin: 0; border: 1px solid #ccc; }
/*div#sfm-layout table { max-width: 920px; width: 100%; margin: auto; border: 1px solid #ccc; }*/
/*div#sfm-layout table { width: 90%; margin: auto; border: 1px solid #ccc; }*/

div#sfm-layout a:link, div#sfm-layout a:visited { color: #00d; text-decoration: none; }
div#sfm-layout a:hover { color: #f22; text-decoration: underline; }
div#sfm-layout form { margin: 0px; }
div#sfm-layout input, div#sfm-layout select, div#sfm-layout textarea { font-size: 12px; }
div#sfm-layout td, div#sfm-layout th { font-size: 11px; line-height: 140%; text-align: left; }
/*div#sfm-layout td, div#sfm-layout th { font-size: 12px; line-height: 140%; text-align: left; }*/

div#sfm-layout td { background: #f1f1f1; width: 98%; padding: 5px; }
/*div#sfm-layout td { background: #f1f1f1; width: 354px; padding: 5px; }*/

div#sfm-layout th { font-weight: normal; background-color: #e4e4e4; white-space: nowrap; padding: 5px; border-left: 3px solid #bbb; }
div#sfm-layout .submit { text-align: center; background: #fff; width: auto; border-left: none; }
div#sfm-layout .submit input { width: 100px; }
div#sfm-layout .type-red { color: red; }
div#sfm-layout .border-red { border-left-color: red; }
div#sfm-layout .ERR { color: red; }


#name, #kana, #address2, #address3, #email, #emailcheck, #subject { width: 300px; }
#subject { width: 98%; }
#address0 { margin-bottom: 30px; }
#zip0 { width: 10%; }
#zip1 { width: 15%; }
#tel0, #tel1, #tel2, #fax0, #fax1, #fax2 { width: 15%; }
/*#name, #kana, #address2, #address3, #email, #emailcheck, #subject { width: 350px; }
#address0 { margin-bottom: 3px; }
#zip0 { width: 30px; }
#zip1 { width: 40px; }
#tel0, #tel1, #tel2, #fax0, #fax1, #fax2 { width: 40px; }*/

#message { width: 98%; height: 100px; }
/*#message { width: 590px; height: 100px; }*/


div#copyright { font-size: 10px ; color: #fff ; text-align: right; margin-top: 2px; }
div#copyright a:link, div#copyright a:visited { color: #fff; text-decoration: none; }
div#copyright a:hover { text-decoration: underline; }

@media screen and (max-width:680px) {
/*---------- メイン画像 ----------*/
div#sfm-layout .submit input { width: 170px; }
#zip0 { width: 25%; }
#zip1 { width: 25%; }
#tel0, #tel1, #tel2, #fax0, #fax1, #fax2 { width: 25%; }
}