@charset "UTF-8";

/* ***********************************************************
*
* Since:     2013-01-08
* Editor:    contents
* Modified:  2013-01-08 by:contents TAZAKI
*
* ***********************************************************
*/

/* font-size===========================================

10px 	77%
11px 	85%
12px 	93%
13px 	100%
14px 	108%
15px 	116%
16px 	124%
17px 	131%
18px 	139%
19px 	147%
20px 	154%
21px 	162%
22px 	170%
23px 	177%
24px 	185%
25px 	193%
26px 	200%

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

/* +++++++++++++++++++++++++++++++++++++++++++++++

     #contact
	

+++++++++++++++++++++++++++++++++++++++++++++++ */






/* +++++++++++++++++++++++++++++++++++++++++++++++

     #contact

+++++++++++++++++++++++++++++++++++++++++++++++ */


/* --- common --- */


a.underline{
	text-decoration:underline;
}
a.underline:hover{
	text-decoration:none;
}
#contact .conBox{
	padding:0 5px;
	margin-bottom:0px;
}


/* テキスト
-------------------------------------------------- */

p.ex{
	width:640px;
	margin:15px auto 10px;
	padding:0px 0px 5px 0px;
}
p.ex span.attention{
	color:#CC0000;
}




/* 必須項目
-------------------------------------------------- */
.essential{
	padding:2px 4px;
	color:#FFFFFF;
	background:#F88716;
	font-weight:bold;
	margin:0px 4px;
	font-size:93%;
	border-radius:3px;
	-webkit-border-radius: 3px;    
	-moz-border-radius: 3px;
	-o-border-radius: 3px;  
	-ms-border-radius: 3px;

}




/* フォーム
-------------------------------------------------- */
table{
	width:700px;
	margin:10px auto 20px auto;
	border-collapse:none;
	border-top:1px #999999 solid;
	border-bottom:2px #EEE solid;
	background: url(../contact/img/bg_td.jpg) 0 0 repeat;
}


	table th{
		width:160px;
		background:#EFEFEF;
		border-bottom:1px dotted #999999;
		padding:0px 0px 0px 14px;
		font-weight:normal; 
		text-align:left;
		vertical-align:middle;
		background: url(../contact/img/bg_th.jpg) 0 0 repeat;
		color:#444444;
	}
	
	table td{
		border-bottom:1px dotted #999999;
		padding:24px 15px;

		background: url(../contact/img/bg_td.jpg) 0 0 repeat;
	}
	
		table td textarea{
			width:440px;
			padding:5px;
		}
		
		table td dl.listBlock01 dt{
			padding:3px 10px 3px 8px;
			margin-bottom:10px;
			color:#333;
			background: url(../contact/img/bg_th.jpg) 0 0 repeat;

		}
		
		table td dl.listBlock01 dd{
			padding:0px 0px 5px 0px;
		}
		
			table td dl.listBlock01 input{
				margin-bottom:2px;
			}
			table td ul.ccBox li input{
			margin:5px 0 0;
			}

			table td dl.listBlock01 dd.btn_zip{
				float:left;
			}
			table td dl.listBlock01 dd.btn_zip img{


			}


			table td input.box01{
				width:340px;
				padding:2px 5px;
			}
			table td select{
				padding:2px 5px;
			}

			table td span.info{
				font-size:91.7%;
			}
			table td input.box02{
				width:220px;
				padding:2px 5px;
			}
			optgroup{
			color:#333;
				font-style:normal;
				font-weight:100;
				}


			table td input.box03{
				width:130px;
				padding:2px 5px;
				margin:0 10px;
			}
			table td input.boxmin{
				width:40px;
				padding:5px;
				margin:0 10px;
			}

p.continue{
	font-weight:bold;
	margin:15px 0 0 0;
}
p.continue a{
	color:#333;
}

ul.kind{

	width:220px;
	margin:0 auto;
}
ul.kind li{
	float:left;
	width:100px;
}




/* フォームボタン
-------------------------------------------------- */
#formBtn{

	width:480px;
	text-align:center;
	margin:0px auto 20px auto;
	border-bottom:2px #999999 solid;
}
#formBtn input{
	margin:0;
	padding:0;
}

#formBtn input:hover{
opacity: 0.85;
-moz-opacity: 0.85; /* Firefox */
filter: alpha(opacity=85); /* IE6/7 */
-ms-filter: "alpha(opacity=85)"; /* IE8 */
}




#formBtn input.send{
	display:block;
	float:left;
}
#formBtn a{
	margin:0;
	padding:0 10px 0 0px;
	display:block;
	float:left;
}	




/* 例表示用
-------------------------------------------------- */
input.tipped,
textarea.tipped{
	color: #BBBBBB;
}


/* 確認
-------------------------------------------------- */
.conf #formBtn a{
	margin:0;
	padding:0 0px 0 0px;
	display:inline;
	float:none;
}	


/* エラーテキスト
-------------------------------------------------- */
#errorInfo{
	width:700px;
	margin:10px auto 14px auto;
	border-top:1px dotted #FFF;
	border-bottom:1px dotted #FFF;	
	text-align:center;
	font-size:100%;
	color:#FFF;
	background:#C30;
	
	font-weight:bold;
	list-style:none;
	padding:6px 0;
}

span.errorText{

	color:#C30;
	padding:4px 8px 2px;
	font-size:91.7%;
	margin-bottom:8px;
	font-weight:bold;
	background: url(../contact/img/bg_th.jpg) 0 0 repeat;
	display:block;
	width:435px;
}
span.errorText.txtarea{
	width:435px;
}


/* 完了テキスト
-------------------------------------------------- */
.thankBox{
	width:720px;
	margin:20px auto;
	padding:0;
	border-collapse:none;


}
.thankBox dt{
	border-top:1px #CCC dotted;
	border-bottom:1px #CCC dotted;
	background: url(../contact/img/bg_td.jpg) 0 0 repeat;
	text-align:center;
	padding:20px 0;
	font-size:133.4%;
	margin:0 auto 15px;
	width:640px;
}

.thankBox dd{
	padding:10px 0 10px;
	margin-bottom:15px;
}
	.thankBox dd#endTitle{
		margin:0 auto 15px;
		width:640px;
	
	}
	
.thankBox dd.backHome{
	
	text-align:center;
	padding:10px 0 0px;
	margin-bottom:0px;
}
	.thankBox dd.backHome a:hover img{
	opacity: 0.85;
	-moz-opacity: 0.85; /* Firefox */
	filter: alpha(opacity=85); /* IE6/7 */
	-ms-filter: "alpha(opacity=85)"; /* IE8 */
	}