@charset "utf-8";
/* CSS Document */

.short-field input[type=text],
.short-field input[type=email],
.short-field input[type=url],
.short-field input[type=password],
.short-field textarea, .short-field select {width: 100%;}



input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea{
	width: 80%;
  border: 1px solid #ccc;
  border-radius:4px;
  padding:3px;
}

select {
	width: 60%;
  border: 1px solid #ccc;
  border-radius:4px;
  padding:3px;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #4697e4;
}

.booth-arrange {display:table}
.booth-arrange td{ padding:10px; border:1px solid #333; border-collapse:collapse;display:table-cell; text-align:center}

@media (max-width: 979px) { 
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  {
    width: 80%; 
  }
   select{width: 60%; }
  
  .short-field input[type=text],
.short-field input[type=email],
.short-field input[type=url],
.short-field input[type=password],
.short-field textarea, .short-field select {width: 80%; }

.short-field .tar{ text-align:left}
}

@media screen and (min-width: 200px) and (max-width: 680px) {
.booth-arrange td{ display:block; width:100%; clear:both}
.formtable td span:after{display:block; content:"" }
}

.formtable {
    border: 1px solid #000;
    border-collapse: collapse;
    margin: 0 auto;
}
.formtable td, .formtable th {
    padding: 10px 5px;
}
.formtable th {
    background-color: #58595b;
    border: #000 1px solid;
    color: #FFF;
}
.formtable td span{ white-space:nowrap}






/***************** booth type & fee Table ******************/


	.booth .T-like{display:table;width:100% }
	.booth .TR{display:table-row;}
	.booth .TD{display:table-cell;width:78%}
	
	.booth-fee td, .booth-fee th{ padding:10px; border:1px solid #333; border-collapse:collapse;text-align:center}
	
@media (min-width: 768px) {
	.booth .TD-cate{display:table-cell; width:22%;border:1px solid #333;border-collapse:collapse;padding:10px; vertical-align:middle}
}	

	
@media only screen and (min-width: 200px) and (max-width: 767px) {
	.booth .TD{float:left; width:100%}
	.booth .TD-cate {display:block; width:100%; clear:both;border:1px solid #333;border-collapse:collapse;padding:10px}
	.booth .TD-cate br{display:none}
	
}
@media screen and (min-width: 200px)  and (max-width: 420px) {
.mobile-font-S{font-size:12px}
.mobile-font-S td{padding:3px}
}