@charset "utf-8";

/*
	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

*/

/************************************************
=base
*************************************************/



body{
	color: #000;
	text-align: center;
}

a:link{ text-decoration: underline; color: #222;}
a:visited{ text-decoration: underline; color: #222;}
a:hover{ text-decoration: underline; color: #777;}
a:active{ text-decoration: underline; color: #222;}

a img, img { 
	border:0;
	vertical-align:top;
}

td, th{
	vertical-align:top;
}

/************************************************
=layout
*************************************************/


#content{
	text-align: left;
	margin: 0 auto;
	width: 660px;
}

.tblContact{
}

.tblContact tr th{
	padding: 7px 3px 7px 7px;
}

.tblContact tr td{
	padding: 7px 3px 7px 0;
}

.tblContact tr{
	border-bottom: #ededed solid 1px;
}

.tblContact tr th{
	font-size: 92%;
	width: 180px;
}

em, .error{
	color: #FF6600;
	font-size: 85%;
	font-weight: bold;
	line-height: 1;
	padding: 3px 3px 3px 3px;
}

.tblContact{
	margin: 5px 0 20px;
}

.btnForm{
	float: left;
	margin: 0 20px 8px 0;
}

.styleEven{
}

.styleOdd{
	background: #fbfbfb;
}

.cellConfirmTH{
	color: #878787;
}

.tblContact tr td { position:relative }
.tblContact tr td label  { font-size: 70%; position:absolute; top:5px; left:4px}

#image-back {
    border: 0px;
    width: 210px;
    height: 50px;
    cursor: pointer;
    background: #ddd;
}


#image-send {
    border: 0px;
    width: 210px;
    height: 50px;
    cursor: pointer;
    background: #ddd;
}

#image-send:hover{
    background: #ccc;
}

#image-back:hover{
    background: #ccc;
}

.btnForm{
	float: left;
}

.box-expln { position:relative!important;}

/************************************************
=section
*************************************************/

.section{
	margin: 0 0 30px;
}