/*@media only screen and (min-width:960px){
section table	{ 
	width: 655px;
	margin-left:auto;
	margin-right:auto;
}
.data01 th	{ width: 30%; text-align: left; }
section th, section td	{ padding: 10px; border: 1px solid #ddd; }
section th	{ background: #f4f4f4; }
}
	
@media only screen and (max-width:960px){
section table	{ 
	width: 438px;
	margin-left:auto;
	margin-right:auto;
}
.data01 th	{ width: 30%; text-align: left; }
section th, section td	{ padding: 10px; border: 1px solid #ddd; }
section th	{ background: #f4f4f4; }
}

@media only screen and (max-width:640px){
section table	{ width: 95%; margin-left:auto; margin-right:auto; }
section th, section td	{ padding: 10px; border: 1px solid #ddd; }
section th	{ background: #f4f4f4; }
.data01 th	{ width: 30%; text-align: left; }
.data01	{ margin: 0 ; }
.data01 th,
.data01 td{
		width: 96%;
        display: block;
		border-top: none;
		margin-left:auto; 
		margin-right:auto;
    }
.data01 tr:first-child th	{ border-top: 1px solid #ddd; }
}*/

	
 /* テキストエリアの設定 */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea{
width: 100%;
background-color: #fff;
color: #000;
padding:5px 0px 5px 0px;
margin:0px 0;
}
input[type="text"].mok{
width: 40%;
background-color: #fff;
color: #000;
padding:5px 0px 5px 0px;
margin:0px 0;
}
input[type="text"].yubinarea{
width: 45%;
background-color: #fff;
color: #000;
padding:5px 0px 5px 0px;
margin:0px 0;
}

input[type="text"].namearea{
width: 35%;
background-color: #fff;
color: #000;
padding:5px 0px 5px 0px;
margin:0px 0;
}

input[type="text"].nenrei{
width: 20%;
background-color: #fff;
color: #000;
padding:5px 0px 5px 0px;
margin:0px 0;
}
/*input[type="text"].telarea{
width: 50%;
background-color: #fff;
color: #000;
padding:5px 0px 5px 0px;
margin:10px 0;
}*/

/*input[type="text"],
input[type="email"],
input[type="tel"],
textarea,select{
width: 100%;
background-color: #fff;
color: #000;
padding:5px 0px 5px 0px;
margin:10px 0;
}*/

select{
width:25%;
background-color: #fff;
color: #000;
padding:5px 0px 5px 0px;
margin:0px 0;
}


input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,select:focus{
background-color: #fff;
}	

@media only screen and (min-width: 960px){
	input[type="text"].telarea{
		width: 50%;
		background-color: #fff;
		color: #000;
		padding:5px 0px 5px 0px;
		margin:0px 0;
	}
}
@media only screen and (max-width:960px){
	input[type="text"].telarea{
		width: 50%;
		background-color: #fff;
		color: #000;
		padding:5px 0px 5px 0px;
		margin:0px 0;
	}
}
@media only screen and (max-width:670px){
	input[type="text"].telarea{
		width: 100%;
		background-color: #fff;
		color: #000;
		padding:5px 0px 5px 0px;
		margin:0px 0;
	}
}
@media only screen and (max-width:480px){
	input[type="text"].telarea{
		width: 100%;
		background-color: #fff;
		color: #000;
		padding:5px 0px 5px 0px;
		margin:0px 0;
	}

}