/* CSS Document */

input,select,textarea{
	padding:3px;
	font-size:100%;
}
.fred{
	color: #FF0004;
	font-weight: normal;
}

/* 非表示にする */
.hide{
  display: none;
}


/* メールフォームを囲う枠 */
#mailform-form{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}
/*幅を100％に変更 */
@media screen and (min-width:320px) and (max-width: 519px){
  #mailform-form{
    width: 100%; 
  }
}

/********************************************
 *floatを使ってtableぽいものを作る
 ********************************************/
/* table */
.tb_table{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #AAAAAA;
	border-top: 1px solid #AAAAAA;

}
/* tr */
.tb_tr{
	overflow:hidden;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
/*background-color:#EFEFEF;*/






}
/* th */
.tb_th{
	float: left;
	padding: 7px;
	width: 200px;
	text-align: left;
	font-weight: 300;
}
/*floatを解除　幅をオートへ　文字を左寄せ */
@media screen and (min-width:320px) and (max-width: 519px){
	.tb_th{
		float:none;
		width:auto;
		text-align:left;
	}
}
/* td */
.tb_td{
	float: left;
	width: 764px;
	padding: 7px;
/*	border-left: 1px solid #dddddd;*/

}
label{padding-left:3px;}
/*floatを解除　幅をオートへ　文字を左寄せ */
@media screen and (min-width:320px) and (max-width: 519px){
	.tb_td{
		float:none;
		width:auto;
	}
}

.form_button{
	padding: 15px;
	text-align: center;
}

/********************************************
 *スマートフォン表示のフォームデザイン
 ********************************************/
@media screen and (min-width:320px) and (max-width: 519px){
  label{
    display:block;
  }
  input[type=text]{
    width:90%;
  }
  input[type="radio"] {

  }
  input[type="checkbox"] {

  }
  textarea{
    width:90%;
  }
  select{
  }
}