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



body {margin: 0px;
	padding: 0px;
	height: 100%;
	font-size: 12px;
	font-family: "Meiryo";
	line-height: 20px;
	color: #454545;
	background: #fff;
	overflow: hidden;
}

h2.title { background: url(../wp-content/themes/thaistaff/images/bg/bg-title01.gif) no-repeat 0 bottom; padding: 12px 20px; margin: 20px 0; color: #0870c1; font-weight: bold; font-size: 18px;}
h2.title:first-child { margin-top:0;}




/*-------  form ------*/
.form_tb { width: 100%; border-collapse:collapse;/*overflow: hidden;*/}
.form_tb th { width: 25%; border-collapse:collapse; background: #D2E6F5; border: 1px solid #ccc; padding: 10px; vertical-align: middle; text-align: left;}
.form_tb th span { color: #F00; padding-left: 5px; overflow: hidden;}
.form_tb td { width: 72%; border-collapse:collapse; border: 1px solid #ccc; padding: 10px; vertical-align: top;overflow: hidden;}
.form_tb td span { color: #F00; padding-left: 5px; overflow: hidden;}
.form_tb td label { display: inline-block; font-size: 11px; padding-right: 10px;}

.btn-area { margin: 20px auto; width: 100%; text-align: center; overflow: hidden;}
.btn-area .btn_f { width: 155px; cursor: pointer; display: inline-block; height: 30px; margin: 0 10px;  font-size: 0px;
line-height: 0; color: transparent; text-transform: uppercase; border: none;}



.btn-area .confirm { background: url(../wp-content/themes/thaistaff/images/button/btn_confirm2_off.png) no-repeat 0 0;}
.btn-area .confirm:hover { background: url(../wp-content/themes/thaistaff/images/button/btn_confirm2_on.png) no-repeat 0 0;}

.btn-area .cancel { background: url(../wp-content/themes/thaistaff/images/button/btn-cancel_off.png) no-repeat 0 0;}
.btn-area .cancel:hover { background: url(../wp-content/themes/thaistaff/images/button/btn-cancel_on.png) no-repeat 0 0;}


.btn-area .send { background: url(../wp-content/themes/thaistaff/images/button/btn-send_off.png) no-repeat 0 0;}
.btn-area .send:hover { background: url(../wp-content/themes/thaistaff/images/button/btn-send_on.png) no-repeat 0 0;}

.btn-area .back { background: url(../wp-content/themes/thaistaff/images/button/btn_back_off.png) no-repeat 0 0;}
.btn-area .back:hover { background: url(../wp-content/themes/thaistaff/images/button/btn_back_on.png) no-repeat 0 0;}

/*@import "core.css";
@import "cmxformTemplate.css";
@import "cmxform.css";*/
form.cmxform {
	width: 370px;
	font-size: 1.0em;
	color: #333;
}

form.cmxform legend {
	padding-left: 0;
}

form.cmxform legend, form.cmxform label {
	color: #333;
}

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;
	background-color: #F8FDEF;
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 5px 10px 7px;
	background: url(../images/cmxform-divider.gif) left bottom repeat-x;
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	margin-left: 10px;
}
div.error { display: none; }
input {	border: 1px solid black; }
input.checkbox { border: none }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }