@charset "utf-8";
/* ===================================================================

CSS information

=================================================================== */

#main{
	color: #696969
}
#main .inner{
	width: 760px;
	margin: 30px auto;
}
h2{
	color: #d93932;
	font-size: 24px;
	margin: 0 0 30px 0;
}
table td a{
	color: #d93932!important;
}
#summary{
	width: 100%;
	margin: 0 0 50px 0;
	border-top: 1px dotted #c8c8c8;
}
#summary tr th{
	vertical-align: top;
	white-space: nowrap;
	width: 100px;
}
#summary tr th,
#summary tr td{
	border-bottom: 1px dotted #c8c8c8;
	padding: 20px;
}

#form{
	width: 100%;
	margin: 0 0 30px 0;
	border-top: 1px dotted #c8c8c8;
}
#form tr th,
#form tr td{
	border-bottom: 1px dotted #c8c8c8;
	padding: 20px;
}
#form tr th{
	white-space: nowrap;
	width: 100px;
}
textarea,
input[type="text"]{
	border: 1px solid #c8c8c8;
	padding: 5px;
	font-size: 14px;
}
input[type="text"]:focus {
	outline: 1px solid #d93932;
	border: 1px solid #d93932;
}

textarea{
	width: 500px;
	height: 150px;
	font-size: 12px;
}

.caution{
	color: #d93932
}

#form .w1{width: 50px;}
#form .w2{width: 150px;}
#form .w3{width: 250px; }
#form .w4{width: 400px;}
.error{
	color: #d93932;
	font-weight: bold;
}
.checkbtn{
	border: none;
	text-indent: -9999px;
	background: url(../img/btn_check.png) no-repeat top left;
	width: 187px;
	height: 56px;
	cursor: pointer;
}
.backbtn{
	border: none;
	text-indent: -9999px;
	background: url(../img/btn_back.png) no-repeat top left;
	width: 187px;
	height: 56px;
	cursor: pointer;
}
.submitbtn{
	border: none;
	text-indent: -9999px;
	background: url(../img/btn_submit.png) no-repeat top left;
	width: 187px;
	height: 56px;
	cursor: pointer;
}

@media screen and ( max-width: 480px ) {
#main .inner{
	width: 100%;
	margin: 0;
}
h2{
	color: #d93932;
	font-size: 16px;
	margin: 0 0 10px 0;
}
table td a{
	color: #d93932!important;
}
#summary{
	width: 100%;
	margin: 0 0 50px 0;
	border-top: 1px dotted #c8c8c8;
}

#summary tr th,
#summary tr td{
	border-bottom: 1px dotted #c8c8c8;
	padding: 10px;
	display: block;
	box-sizing: border-box;
}
#summary tr th{
	vertical-align: top;
	white-space: nowrap;
	width: 100%;
	background-color: #f7f7f7;
	font-size: 14px;
}

#form{
	width: 100%;
	margin: 0 0 30px 0;
	border-top: 1px dotted #c8c8c8;
}
#form tr th,
#form tr td{
	border-bottom: 1px dotted #c8c8c8;
	padding: 10px;
	display: block;
	box-sizing: border-box;
}
#form tr th{
	white-space: nowrap;
	width: 100%;
	background-color: #f7f7f7;
	font-size: 14px;
}
textarea,
input[type="text"]{
	border: 1px solid #c8c8c8;
	padding: 5px;
	font-size: 14px;
}
input[type="image"]{
	width: 50%;
	height: auto;
}
#form tr td img{
	width: 100%;
}
#form .w1,
#form .w2,
#form .w3,
#form .w4{width: 90%;}
textarea{
	width: 90%;
	height: 150px;
	font-size: 12px;
}
#form .w1{
	width: 40px;
}
}