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

/* Default style clear----------------------------------------------------------- */
@import "../../common/css/reset.css";
/* -----------------------------------------------------------Default style clear */
/* Default Layout---------------------------------------------------------------- */
@import "../../common/css/layout.css";
/* ----------------------------------------------------------------Default Layout */
/* Caption ---------------------------------------------------------------------- */
@import "../../common/css/caption.css";
/* ---------------------------------------------------------------------- Caption */

/* Caption ---------------------------------------------------------------------- */
@import "../../common/css/responsive.css";
/* ---------------------------------------------------------------------- Caption */

/*20131003error�\��*/
.FormError{
	background-color:#E50808;
	color:#ffffff;
	font-size:90%;
	padding:10px;
	line-height:150%;
	margin:10px 0 25px 0;
}


/*20131003thanks���*/
.thanks{
	font-size:80%;
	line-height:180%;
	border:1px solid #F5F5F5;
	width:450px;
	height:100px;
	margin:25px auto 350px;
}




p.cent{
	text-align:center;
	margin-top:25px;
	margin-bottom:75px;
}

p.cent a img{
    cursor: pointer;
}


.contactBox{
	width:720px;
	margin:10px auto 0;
}



.contactBox table{
	width:720px;
	color:#746953;
	font-size:80%;
}


.contactBox table th{
	height:50px;
	line-height:50px;
}

.contactBox table td{
	height:50px;
	line-height:50px;
}
.contactBox table td.narrow,
.contactBox table th.narrow{
    line-height: 1.8em;
}

.contactBox table .plu th,
.contactBox table .plu td {
	height:auto;
    line-height: 1.8em;
	vertical-align: top;
}

.contactBox span{
	font-size:80%;
	color:#D50000;
	font-weight:bold;
}

.contactBox p {
	font-size:80%;
	color:#746953;
}

p.contactOP{
	font-weight:bold;
	color:#746953;
	font-size:80%;
	text-decoration:underline;


}

input[type="text"],textarea{
	color: #AA4E16;
	border:1px solid #cccccc;
}

input[type="radio"]{
vertical-align: middle;
	padding-right:10px;
}

input[type="checkbox"]{
vertical-align: middle;
	padding-right:10px;
}

.largeCell {
    padding: 10px 0;
}
.contactBox .tbl1 th, .contactBox .tbl2 th {
    width: 170px;
    padding-right: 10px;
}
.contactBox .tbl1 td {
    width: 520px;
    padding-right: 10px;
}
.contactBox textarea {
    width: 100%;
    margin: 20px 0;
}


.contactBox .tbl2 th, .contactBox .tbl2 td {
	padding-left:5px;
	border: 1px solid;
	line-height: 24px;
}


@media(max-width: 480px){
	.FormError{
		font-size:1.4rem;
		padding:5px;
		line-height:1.3;
		margin:5px 0 15px;
	}
	.thanks{
		font-size:1.2rem;
		line-height:1.5;
		width: auto;
		height: auto;
		margin: 20px 10px 40px;
	}
	p.cent{
		margin-top: 20px;
		margin-bottom:40px;
	}
	.contactBox{
		width: auto;
		margin: 10px;
	}
	.contactBox table{
		width: 100%;
		margin: 10px 0;
		font-size: 1.2rem;
		border-collapse: separate;
		border-spacing: 6px;
	}
	.contactBox table th{
		width: 25%;
		height: auto;
		line-height:1.3;
	}
	.contactBox table td{
		height:auto;
		line-height:1.3;
	}
	.contactBox table .plu td {
		line-height: 1.5;
	}

	.contactBox table td input[type="text"],
	.contactBox table td textarea {
		width: 100%;
	}
	.contactBox p {
		font-size:1.2rem;
	}
	.contactBox span{
		font-size:1.1rem;
	}
	p.contactOP{
		font-size:1.2rem;
	}
    .contactBox .tbl1 th, .contactBox .tbl1 td {
        display: table-row;
        width: 100%;
    }
    .contactBox .tbl2 th, .contactBox .tbl2 td {
        display: table-row;
        width: 100%;
    }
    .contactBox .tbl2 .row2 label {
        display: inline-block;
        width: 48%;
    }
    .contactBox textarea {
        margin: 0;
    }
}