@charset "Shift_JIS";

/* form 
===============================================================*/
/* form
-------------------------------------------------------------- */

#frmInput select{
	font-weight:normal;
	color:#333;
	border: 1px solid #ccc;
	padding:2px; 
}

#frmInput input{
	border: 1px solid #ccc;
	padding:2px; 
	background-color:#FFFFFF;
}
#frmInput .noborder{
background-color:none;
border: none;
padding:0;
}

/* fTable
-------------------------------------------------------------- */
.fTable{
	width:100%;
	border-collapse:collapse;
	empty-cells:show;
	border:none;
}
.fTable caption{
	display:none;
}



/* --- thead --- */
.fTable thead{
	color:#fff;
	font-size:93%;
	text-align:left;
}
.fTable thead th{
	background-color:#666;
	padding:3px 10px;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
}
.fTable thead td{
	background-color:#666;
	padding:3px 10px;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
}


/* noline */
.fTable tbody th.noLine{
	border-bottom:none;
}
.fTable tbody td.noLine{
	border-bottom:none;
}
.fTable tbody td.noLineLB{
	border-left:none;
}


/* --- tbody th --- */
.fTable tbody th{
	text-align:left;
	padding: 12px 10px 12px 12px;
	background-color:#D6EDA9;
	border-bottom:1px solid #fff;
	font-weight: bold;
	font-size: 93%;
	vertical-align: top;
	line-height: 160%;
}
.fTable tbody th.secCat{
	background-color:#E2F6BE;
	border-bottom:1px solid #fff;
}



/* --- tbody td --- */
.fTable tbody td{
	padding: 10px 12px;
	font-size:100%;
	background-color:#F2F9E1;
	border-bottom:1px solid #fff;
	color: #111;
	text-align: left;
}


/* --- tbody Parts--- */
.fTable table.tInline,
.fTable table.tInline td
{
	border:none;
	margin:0;
	padding:0;
	background-color: transparent;
	white-space: nowrap;
}

.fTable table.tInline p {
	padding:0 15px 0 5px;
	line-height: 160%;
}
.fTable table.tInline span {
	padding:0 5px 0 5px;
	line-height: 160%;
}
/* --- tbody Parts--- */
.fTable table.enquate,
.fTable table.enquate td
{
	border:none;
	margin:0;
	padding:0;
	background-color: transparent;
	white-space: nowrap;
}

.fTable table.enquate p {
	padding:0 0 0 5px;
	line-height: 160%;
}
.fTable table.enquate span {
	padding:0 5px 0 5px;
	line-height: 160%;
}

/*must*/
.ind{
	float:right;
	padding:0 0 0 5px;
}
.ind2{
	padding:0 5px 0 0;
}



/* form
-------------------------------------------------------------- */


/* 名前 */
form input.nameArea{
	color:#333;
	border: 1px solid #ccc;
	font-size: 100%;
	width:100px;
	margin:0 5px 0 0px;  
	padding:2px; 
}

/* 郵便番号 */
form input.zipArea{
	color:#333;
	border: 1px solid #ccc;
	font-size: 100%;
	width:4em;
	margin:0 5px 0 10px; 
	padding:2px; 
        ime-mode: disabled;
}
form input.zipArea2{
	color:#333;
	border: 1px solid #ccc;
	font-size: 100%;
	width:4em;
	margin:0 5px; 
	padding:2px; 
        ime-mode: disabled;
}
/* 住所 */
form input.addressArea,
form input.emailArea
{
	color:#333;
	border: 1px solid #ccc;
	font-size: 100%;
	width:300px;
	margin:0 10px 0 0; 
	padding:2px; 
}
form input.nomal{
	color:#333;
	border: 1px solid #ccc;
	font-size: 100%;
	margin:0 5px; 
	padding:2px; 
}

form input.nomalnomgn {
	color:#333;
	border: 1px solid #ccc;
	font-size: 100%;
	padding:2px; 
}
/* tel */
form input.telArea{
	color:#333;
	border: 1px solid #ccc;
	font-size: 100%;
	width:4em;
	margin:0 5px 0 0; 
	padding:2px; 
	ime-mode: disabled;
}
form input.telArea2{
	color:#333;
	border: 1px solid #ccc;
	font-size: 100%;
	width:4em;
	margin:0 5px 0; 
	padding:2px; 
	ime-mode: disabled;
}


/* textarea */
form textarea{
	color:#333;
	border: 1px solid #ccc;
	font-size:100%;
	padding:2px; 
	margin:0 10px 0 0; 
}


/*focus*/
form input:focus,
form textarea:focus{
	border: 1px solid #8AB83B;
	background-color: #fff;
}

/*addAuto*/
.fTable .addAuto{
	width:80%;
	font-size: 77%;
	padding:5px;
	margin:7px 0;
	border:1px solid #D6EDA9;
	background-color: #E2F6BE;
}
.fTable .addAuto p{
	padding:0;
	margin:0;
}
.fTable .addAuto img{
	padding:0 10px 0 0;
}


/*focus*/
form .noborder input:focus
{
	border: none;
}




.colL{
	float:left !important;
}
.colR{
	float:right !important;
}
.tL{
	text-align: left !important;
}
.tR{
	text-align: right !important;
}
.tC{
	text-align: center !important;
}
.cap,
.att{
	font-size:85%;
	color: #006600;
}
.cap2{
	font-size:92%;
	line-height:160%;
}
hr {
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #bbb;
}
.hrw100 {
width:100%;
 margin-top:10px;
}
.hr100par {
width:100%;
 margin:20px 0;
}
.formterm {
	font-weight: bold;
	color: #222;
	padding : 10px 0;
}
.fTable .Answer {
	padding: 3px 8px;
	line-height:160%;
	background-color: #FFFFFF;
}
.forminfo {
	padding: 15px;
	margin-top: 25px;
	margin-bottom: 15px;
	border: 2px solid #ccc;
}
.error {
	font-size: 92%;
	font-weight: bold;
	color: #F00;
	background-color: #FFFFFF;
	width: 14em;
	margin-bottom: 5px;
	padding: 3px 1em;
	border: 1px solid #F00;
}
.errorcomment {
	color: #FF0000;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:1.5em;
	line-height:150%;
	size:93%;
}
.errortitle {
	font-size: 100%;
	font-weight: bold;
	line-height:150%;
	color: #F00;
	background-color: #FFFFFF;
	width: 35em;
	margin: 15px 0;
	padding: 7px 1em;
	border: 1px solid #F00;
}
.formtitle {
	font-size: 18px;
	line-height: 160%;
	color: #222;
	background-color: #F1F1F1;
	background-image: url(../../contact/form/img/title_bg.gif);
	background-repeat: repeat-x;
	padding: 8px 15px 8px 15px;
}
.fTable img {
	margin-left: 5px;
}