/*-------------form--------------*/
.contentsbox{
  display: table;
  padding: 20px;
  border-top: #ccc 1px solid;
  width: 100%;
  font-size: 13px;
  text-align: left;
}
.contentsbox_l{
  display:table-cell;
  width: 180px;
  vertical-align: middle;
}
.contentsbox_r{
  display:table-cell;
  vertical-align: middle;
}
.errorcomment{
  color: #f33;
  font-size: 11px;
}
.text, textarea, .dropdown{
    border:1px solid #aaa;
    padding: 3px 5px;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	box-sizing: border-box;
}
.size_s{
	max-width:150px;
	width:100%;
}
.size_m{
	max-width:300px;
	width:100%;
}
.size_l{
	max-width:500px;
	width:100%;
}
.formbtn_area{
	display:table;
	width:100%;
	margin:40px 0 20px 0;
}
.formbtn_area_l{
	display:table-cell;
	text-align:right;
	padding-right:5px;
	width:50%;
}
.formbtn_area_r{
	display:table-cell;
	text-align:left;
	padding-left:5px;
	width:50%;
	vertical-align:bottom;
}
.formbtn{
	width:90%;
	width:130px\9;
	max-width:130px;
	max-width:none\9;
	height:auto;
}

.privacy{
  overflow-y: scroll;
	width: 100%;
	height: 250px;
	padding: 10px;
	border: 1px solid #aab4b9;
	background: #fafafa;
	font-size: 12px;
	transform: translateZ(0);
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	margin-top:5px;
  text-align: left;
}
.must {
    font-size: 11px;
    color: #bb0000;
}

@media screen and (max-width: 640px) {
	.contentsbox_l{
		width:140px;
	}
}

@media screen and (max-width: 480px) {
	.contentsbox_l{
		display:block;
		padding:5px;
		width:100%;
	}
	.contentsbox_r{
		display:block;
		padding:5px;
	}
	.formbtn{
		width:100px\9; /*ie8*/
	}
}