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

/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1025px) {

table {
	width:100%;
}
th {
	text-align:left;
	border-bottom:1px dotted #cccccc;
	width:160px;
	color:#242424;
}
td {
	border-bottom:1px dotted #cccccc;
	padding:12px 0px 12px 5px;
}
#name, #address, #email {
	width:400px;
}
#phone, #fax {
	width:150px;
}
#message {
	width:450px;
}
.ERR {
	color:#ff0000;
}

}

/* タブレット用　縦向き
------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 1024px) {

table {
	width:100%;
}
th {
	text-align:left;
	border-bottom:1px dotted #cccccc;
	width:160px;
	color:#242424;
}
td {
	border-bottom:1px dotted #cccccc;
	padding:12px 0px 12px 5px;
}
#name, #address, #email {
	width:400px;
}
#phone, #fax {
	width:150px;
}
#message {
	width:450px;
}
.ERR {
	color:#ff0000;
}

}

/* スマートフォン用
------------------------------------------------------------*/
@media only screen and (max-width: 599px) {

table {
	width:100%;
}
th {
	text-align:left;
	color:#242424;
	display: block;
}
td {
	border-bottom:1px dotted #cccccc;
	padding:12px 0px 12px 5px;
	display: block;
}
#name, #address, #email {
	width: 100%;
}
#phone, #fax {
	width: 100%;
}
#message {
	width: 100%;
}
.ERR {
	color:#ff0000;
}

}