@charset "utf-8";

.tbl-contact {  
    width: 80%;
    margin: 0 auto;
    border: 1px solid #666666;
    border-bottom: none;
}

.tbl-contact dt {  
    font-weight: bold;
}
	
#formBotton{text-align:center;}

.submit{display: inline-block;
    padding: 15px 50px;
	margin:30px 0;
    border-radius: 0;
    color: #ffffff;
    font-size: 115%;
    white-space: nowrap;
	cursor: pointer;
    background-color: #7e6759;
/*	border-top:1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#7e6759', endColorstr = '#261f1b');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#7e6759', endColorstr = '#261f1b')";
background-image: -moz-linear-gradient(top, #7e6759, #261f1b);
background-image: -ms-linear-gradient(top, #7e6759, #261f1b);
background-image: -o-linear-gradient(top, #7e6759, #261f1b);
background-image: -webkit-gradient(linear, center top, center bottom, from(#7e6759), to(#261f1b));
background-image: -webkit-linear-gradient(top, #7e6759, #261f1b);
background-image: linear-gradient(top, #7e6759, #261f1b);
}
.sendarea{
	width:80%;
	margin:auto;
	text-align:center;
	
	}

/* スマホ
-------------------------------------------------- */
@media only screen and (max-width:570px) {
    .tbl-contact {
        background-color: #EEEEEE;
    }
    
    .tbl-contact dt,
    .tbl-contact dd {
        padding: 8px 20px;
    }
    
    .tbl-contact dt {
        float: none;
        background-color: #7e6759; /* 背景色を指定 */
        border-top:1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
		color:#ffffff;
    }
    
    .tbl-contact dd {
        border-top: 1px solid #666666;
        border-bottom: 1px solid #666666;
    }
	.input-txt{width:80%;}

	.input-txtctt{width:90%;}

	.input-txtsht{width:80%}
	
}


/* PC
-------------------------------------------------- */
@media only screen and (min-width: 571px) {
    .tbl-contact {
        background: #EEEEEE url(../img/bg.png) repeat-y -150px 0; /* dlで背景画像をyリピートし、dtの背景色のように見せる。positionはdtの幅に応じて調整 */
    }
    
    .tbl-contact dt,
    .tbl-contact dd {
        padding: 20px;
    }
    
    .tbl-contact dt {
        clear: both;
        float: left;
        width: 110px;
		color:#7e6759;
 /* 幅を指定 */
/*        border-top: 1px solid #FFFFFF;
*/    }
    
    .tbl-contact dd {
        padding-left: 170px; /* dtの分、左にpaddingを取る */
        border-top: 1px solid #FFFFFF;
        border-bottom: 1px solid #666666;
        border-left: 1px solid #FFFFFF;
    }
	#main_area .cont02_img {

	width:640px;

	margin:0 auto 25px auto;

}

#main_area .cont02_txt02 {

	width:100%;

	margin:0 auto 0;

	text-align:center;

	line-height:1.8em;

}
	.input-txt{width:60%;}

	.input-txtctt{width:80%;}

	.input-txtsht{width:40%}




}/* CSS Document */