@media screen and (min-width: 980px){
table.mail {
	width: 900px;
	margin:10px auto;
	font-size:12px;
}

table.mail th {
    padding:10px 5px;
    background:#505050;
	border-bottom:1px solid #FFFFFF;
	font-size:12px;
	color:#FFFFFF;
    text-align:left;
	position:relative;
}

table.mail th span{
	color:#FF0000;
}

table.mail td {
    padding:5px 10px;
    background:#FAFAFA;
	border-bottom:1px solid #FFFFFF;
	font-size:12px;
	text-align: left;
}

table.mail td label {
    display:block;
}
table.mail td label.yoko {
    display:inline;
	margin-right: 10px;
}
table.mail span.error{
	color:#FF0000;
}

table.mail input {
    height:20px;
	vertical-align:middle;
}
div.buttom02{
    text-align:center;
	margin-bottom:30px;
}
table.mail td textarea {
    width:90%;
	outline:none;
	box-shadow:none;
}
}
@media screen and (max-width: 979px){
table.mail {
	width:100%;
	margin:10px auto;
	padding:0;
	font-size:12px;
	position:relative;
}

table.mail th {
    display:block;
	width:100%;
    padding:10px 0;
	margin:0;
    background:#505050;
	font-size:12px;
	color:#FFFFFF;
    text-align:center;
	position:relative;
}

table.mail th span{
	color:#FF0000;
}

table.mail td {
    display:block;
    width:100%;
    padding:5px 0;
	margin:0;
    background:#FAFAFA;
	font-size:12px;
	text-align: left;
	position:relative;
}

table.mail td label {
    display:block;
}
table.mail td label.yoko {
    display:inline;
}
table.mail span.error{
	color:#FF0000;
}

table.mail input {
    height:20px;
	vertical-align:middle;
}
div.buttom02{
    text-align:center;
	margin-bottom:30px;
}
table.mail td input[type="text"],
table.mail td input[type="email"] {
    width:96%;
	margin:auto;
	margin:auto 1%;
}
table.mail td textarea {
    width:96%;
	outline:none;
	box-shadow:none;
	margin:auto 1%;
}
}