/*フォーム専用*/
body {
	background: url(../img/bg.jpg) center top repeat;
	padding: 50px 0;
}

blockquote {
  width: 640px;
  margin: 0 auto;
}

/*大見出し*/
strong.ttl {
  margin-top: 0;
  padding: 0;
  font-size: 24px;
  font-weight: normal;
  border-left: 3px solid #1d8a60;
  line-height: 24px;
  padding-left: 10px;
}

/*フォームのメッセージ*/
blockquote ol, blockquote ul {
  margin: 20px 0;
}

blockquote li {
  margin-bottom: 10px;
}

blockquote li:last-child {
  margin: 0;
}

/*フォーム本体*/
form {
  margin-bottom: 40px;
}

table.form {
  width: 100%;
  border: 1px solid #999;
}

table.form {
  width: 100%;
  border-right: 1px solid #999;
  background: #fff;
  border-bottom: 1px solid #999;
}

table.form th {
	background: #ececec;
  border-left: 1px solid #999;
  border-top: 1px solid #999;
  padding: 15px 10px;
  width: 25%;
	vertical-align: top;
}

table.form td {
	width: 75%;
  border-left: 1px solid #999;
  border-top: 1px solid #999;
	padding: 10px;
	word-break: break-all;
}

table.form td.email {
  padding: 10px 10px 3px;
}

input[name="email"], input[name="email2"]

/*table.form tr:nth-child(2) input*/ {
  margin-bottom: 7px;
}

textarea {
  width: 99%;
}

blockquote td ul {
  margin: 5px 0;
}

input[type="radio"], input[type="checkbox"] {
  margin-right: 5px;
}

/*ボタン*/
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  width: 310px;
  margin-right: 15px;
  padding: 15px;
  background: #1d8a60;
  border-radius: 5px;
  border: 0;
  color: #fff;
}

input[type="button"]:last-child, input[type="reset"]:last-child, input[type="submit"]:last-child {
  margin-right: 0;
}

input[type="reset"] {
  background: #ececec;
  border: 1px solid #aaa;
  color: #333;
}

blockquote .form li:last-child {
  margin-bottom: 0;
}

blockquote li label {
  width: 100%;
  display: block;
}

/*エラー*/
.msg {
	color: #f00;
}

li.msg {
  margin-top: 20px;
}

p.msg {
  margin: 20px 0;
}

.thanks {
	color: #333!important;
}

/*出展申し込みフォーム*/
blockquote .type li {
  float: left;
	margin-right: 20px;
}

blockquote .type li:last-child {
	margin-right: 0;
}

blockquote .type li:last-child input[type="text"] {
	margin-left: 5px;
}

/* ==========================================================================
	横幅640px
   ========================================================================== */
@media screen and (max-width: 640px){
	body {
		padding: 30px 0;
	}
	
	blockquote {
    width: 96%;
	}
	
	strong.ttl {
    font-size: 30px;
	}
	
	input[type="text"], textarea {
    width: 98%;
	}

	button, html input[type="button"], input[type="reset"], input[type="submit"] {
    width: 48%;
    margin-right: 3%;
	}
}


/* ==========================================================================
	横幅540px
   ========================================================================== */
@media screen and (max-width: 540px) {
	strong.ttl {
		font-size: 24px;
		line-height: 1.3em;
	}
}

/* ==========================================================================
	横幅480px
   ========================================================================== */
@media screen and (max-width: 480px){
	input[type="text"], textarea {
    width: 92%;
	}
	
	textarea {
    width: 96%;
	}
	
	button, html input[type="button"], input[type="reset"], input[type="submit"] {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
	}
}