@charset "utf-8";

/*
	Site Name: saya web 
	Description: contact pages
	Version: 
	Author: 
*/

/*
===== CONTENTS ===========================================

	1: contact page layout

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

/* -------------------------------------------------------
	1: contact page layout
------------------------------------------------------- */
#contact table {
	width        : 100%;
	margin-top   : 30px;
	margin-bottom: 30px;
}
#contact th {
	width: 150px;
	padding: 20px 0px 20px 20px;
    background-color: #ffffff;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}
#contact td {
	padding: 20px 0px 20px 15px;
    background-color: #ffffff;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}
#contact .attention{
    margin-left: 5px;
    padding: 1px 3px;
    background: #99072d;
    font-size: 10px;
    color: #fff;
    position:relative;
    top:-1px;
}
#contact input.inputName,
#contact input.inputTel,
#contact input.inputEmail{
	padding:7px;
	width : 350px;
}
#contact textarea {
	padding:7px;
	height: 200px;
	width: 90%;
}
#contact .inputSubmit {
    padding: 15px 0;
    width: 200px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background: #99072d;
    border: 4px solid #99072d;
}
#contact .inputSubmit:hover {
	cursor:pointer;
	color: #99072d;
	background: #fff;
	border: 4px solid #99072d;
}
#contact .inputReset {
    padding: 10px 0;
    width: 90px;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    background: #fff;
    border: 1px solid #ddd;
    position:relative;
    left:-150px;
}
#contact .inputReset:hover {
	cursor:pointer;
    background: #ddd;
    border: 1px solid #ddd;
}
#contact .inputSubmit.complete {
    width: 300px;
    position:relative;
    left:-30px;
}
#contact .inputReset.back {
    position:relative;
    left:-138px;
}
#contact .inputReset.backtop {
	padding: 15px 0;
    width: 236px;
    margin: 37px auto 2px;
    left: 0;
    display: block;
}
#contact .inputReset.backtop:hover {
	color: #3f3f3f;
}
#contact .completeMessage{
	margin: 30px auto;
    border: 4px solid #efefef;
    padding: 45px;
    background: #ffffff;
    width: 500px;
}
#contact .errorMessage{
	margin: 30px auto;
    border: 4px solid #efefef;
    padding: 45px;
    background: #ffffff;
    width: 500px;    
    color: #99072d;
}
#contact .errorMessage h4{
	padding-bottom: 15px;
}


#contact .inputReset.errorBackForm {
	padding: 15px 0;
    width: 200px;
    margin: 37px auto 0px;
    left: 0;
    display: block;
}