@charset "UTF-8;


/* contact */

#contactTel {
	margin: 15px 5px;
	overflow: hidden;
}

#contactTel dl {
	margin: 0 auto;
	width: 90%;
}

#contactTel dt {
	clear: both;
	background: url(../images/ico_02.gif) no-repeat left 5px;
	padding-left: 20px;
	padding-top: 5px;
	width:20%;
	font-weight: bold;
	float: left;
}

#contactTel dd {
	/*float: right;*/
	margin-left: 20%
	width: 80%;
}

#contactTel .tel {
	font-size: 1.6em;
	margin-left: 20%;
	color: #0080ff;
	text-decoration: underline;
}

#contactTel .businesshours {
	color: #333;
	font-size: 0.85em;
	margin-left: 20%;
	margin-bottom: 10px;
}

#contactForm{
	width:90%;
	margin:10px auto;
	line-height:140%;
}

#contactForm dl{
	clear:both;
	zoom: 100%;
	margin-bottom: 7px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

#contactForm dl.noBorder{
	border-bottom: none;
}

#contactForm dl:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both; 
}

#contactForm dt{
	/*width:90%;*/
	/*float:left;*/
	padding-top:10px;
	padding-left: 10px;
	font-weight: bold;
}

#contactForm .hissu{
	background:url(../../contact/images/required.gif) 10px 10px no-repeat;
	padding-left: 50px;
}


/*#contactForm dt.dt01{
	width:6%;
}

#contactForm dt.dt02{
	width:10%;
}*/

#contactForm dd{
	/*width: 90%;*/
	/*float:left;*/
}

#contactForm dd.inputArea{
	/*width:240px;*/
	padding:5px 20px 0 10px;
}

#contactForm dd.inputArea .inputWidth01{
	width:100%;
}

#contactForm dd.inputArea .inputWidth02{
	width:22.5%;
}

#contactForm dd.inputArea02{
	padding: 10px 0 10px 6px;
}

#contactForm dd.inputArea03{
	
}



#contactForm dd.exampleArea{
	/*width:33%;*/
	padding:5px 5px 10px 10px;
}




#contactForm li{
	margin:10px 0 0 10px;
}




#contactThanks {
	margin: 50px auto;
}

#contactThanks h3 {
	margin: 20px auto;
	width: 90%;
}

#contactThanks h3 img {
	display: block;
	width: 100%;
}

#contactThanks p {
	line-height:170%;
	margin: 30px auto;
	width: 80%;
}

.contactErrorMessage{
	padding:10px;
	line-height:140%;
}

.contactErrorMessage p{
	padding:10px;
	color:#C60000;
}

.contactLink a,
.contactLink a:visited {
	text-decoration: underline;
	color: #00f;
}
















#mainContents img{
	/*margin: 10px auto;
	width:100%;*/
}

.exampleArea2{
	color:#FF0000;
	padding:0 5px 8px 10px;
}

.exampleArea3{
	margin:10px 0 10px 10px;
	color:#FF0000;
}

.contactHeader {
	width: 90%;
	margin: 15px auto;
	padding-left: 15px;
}

.contactBottom, #contactSsl {
	margin: 15px;
}

.contactBottom {
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

#contactSsl {
	text-align: right;
}

.contactBox01{
	border: 3px solid #BBBBBB;
	width: 90%;
	margin: 5px auto 40px auto;
	/*height:137px;*/
}

/*.contactBox01 dt{
	float:left;
	margin-top:50px;
	margin-left:20px;
}

.contactBox01 dl{
	
}

.contactBox01 dd{
	float:left;
	text-decoration:underline;
	color:#4469FB;
	font-size:200%;
	margin: 0 0 8px 20px;
}*/

.contactBox01 p{
	/*float:left;
	font-size:95%;
	margin-top:-5px;*/
	padding: 10px 20px;
	line-height: 1.5;
}

.contactBox01 p span a {
	font-size: 1.7em;
	font-weight: bold;
	color: #4469fb;
	text-decoration: underline;
}

.contactBox01 p img {
	width: 37px;
	margin-right: 5px;
}


#contactForm .icon01{
	background:url(../../shizuoka_staff/images/estimate_icon_01.gif) 12px 12px no-repeat;
	padding-left: 35px;
}



.contactBox02 {
	width: 90%;
	margin: 20px auto 40px auto;
}

.contactBox02 p{
	/*padding:40px;*/
	padding: 0 20px;
	line-height: 1.5;
}



.contacth2 {
	background: url(../images/ico_04.png) no-repeat;
	background-position: 15px;
	border: 1px solid #EBEBEB;
	padding: 15px 15px 15px 40px;
}




.contactBox03{
	/*border-bottom: 1px solid #CCCCCC;*/
	padding-left: 15px;
	margin: 10px auto;
}

.contactCaution01 {
	color: #f00;
	font-size: 0.9em;
	padding: 5px 5px 5px 10px;
}

.contactCaution02 {
	color: #f00;
	font-weight: normal;
	padding: 5px 0 5px 10px;
}

#contactForm dd.inputArea .inputWidth03{
	width:15%;
}

#contactForm input[type="submit"], #contactForm input[type="reset"] {
	-webkit-appearance: none; /* iPhoneでデフォルトの角丸を無効化 */
	border-radius: 0;
	font-weight: bold;
	width: 100px;
	height: 35px;
}

#contactForm input[type="submit"] {
	background: #4163b4;
	color: #fff;
	border: none;
	margin-right: 10px;
}

#contactForm input[type="reset"] {
	background: #f5f5f5;
	border: 1px solid #4163b4;
	color: #4163b4;
}