@charset "utf-8";

#boxForm {
  margin-top:20px;
  padding:40px 40px;
  border:1px solid #ccc;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

span.must {
  display:block;
  padding-left:18px;
  background:url("../img/icon_must.png") no-repeat center left;
}


#boxForm dl {
  font-size:16px;
  line-height:22px;
}

#boxForm dl dt {
  color:#026DB7;
}
#boxForm dl dt.must {
  padding-left:18px;
  background:url("../img/icon_must.png") no-repeat left top;
}
#boxForm dl dd {
  margin-top:-32px;
  margin-left:250px;
  margin-bottom:35px;
}
#boxForm dl dd p {
  padding-top:9px;
}

#boxForm .typeOne {
  padding:9px 0;
  font-size:20px;
  font-weight:bold;
}
#boxForm .typeSelect {
  padding:3px 0;
  font-size:16px;
  font-weight:bold;
}

#boxForm .text {
  padding:9px 12px;
  border:1px solid #ccc;
  font-size:16px;
}
#boxForm .widthS {
  width:150px;
}
#boxForm .widthM {
  width:250px;
}
#boxForm .widthL {
  width:400px;
}

#boxForm .btnNext {
  padding:12px 40px;
  font-size:20px;
  color:#fff;
  font-weight:bold;
  text-shadow: -1px -1px 1px #006;  
  background:#00B200;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
#boxForm input.btnNext:hover {
  background:#00d000;
}

#boxForm .btnBack {
  padding:12px 30px;
  font-size:15px;
  color:#000;
  font-weight:bold;
  text-shadow: 1px 1px 1px #fff;  
  background:#ccc;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
#boxForm input.btnBack:hover {
  background:#ddd;
}

#boxForm .naviLeft {
  float:left;
}
#boxForm .naviRight {
  float:right;
}


#boxForm #err_text span,
#boxForm #err_tel span,
#boxForm #err_fax span,
#boxForm #err_tel_type span,
#boxForm #err_type span,
#boxForm #err_name span,
#boxForm #err_school span,
#boxForm #err_mail span,
#boxForm #err_mail2 span {
  display:block;
  padding:6px 0;
  color:#f00;
  font-size:15px;
}

#boxForm .spacer {
  margin:0;
  padding:0;
  font-size:3px;
  line-height:5px;
}

.area p.large {
  font-size:24px;
}
.area p.complete {
  color:#090;
}
.area p.error {
  color:#c00;
}

.area a {
  color:f00;
  text-decoration:underline;
}


.IMEOFF {
  ime-mode:disabled;
}



/* ------------------------------------------------------------ */
/*   For SmartPhones                                            */
/* ------------------------------------------------------------ */
@media print, screen and (max-width: 640px) {

#boxForm {
  margin-top:20px;
  padding:20px;
}

#boxForm dl {
  font-size:13px;
  line-height:18px;
}
#boxForm dl dd {
  margin-top:5px;
  margin-left:0px;
  margin-bottom:15px;
}

#boxForm .widthS {
  width:150px;
}
#boxForm .widthM,
#boxForm .widthL {
  width:90%;
}


}