@charset "UTF-8";

/* CSS Document */
/*----------------------

ヘッダー

-----------------------*/

.second09 #topVisual {
  left: 50%;
  margin: 0 0 0 -50%;
  position: relative;
  top: -45px;
  width: 100%;
  background: #eaeaea;
}
.second09 #topVisual .topImage .image {
  height: 180px;
}

.second09 #topVisual .topImage .image.active {
  display: block;
}

.second09 #topVisual .topImage .img{
  background: url(/asbestos/assets/img/contact/top-09.png) no-repeat right top;
  margin-bottom: 150px;
}

.second09 #topVisual .topText{
  position: relative;
  text-align: left;
  width:950px;
  margin:0 auto;
}
.second09 #topVisual .topText h2{
  position:absolute;
  top:-250px;
  left:10px;
	font-size: 28px;
	font-weight: 500;
	color: #001a4e;
	border-left: solid 3px #001a4e;
	padding: 10px 0px 10px 0px;
}

.second09 #topVisual .topText h2 div{
	display: block;
	margin-left: 15px;
}

.second09 #sideArea{
  margin-top: 160px !important;
}

.second09 #contentsArea{
  margin: -170px auto 0;
}
/*----------------------

コンテンツ

-----------------------*/

#contact .contentsBox02{
  background: #fff;
	border-radius: 5px;
  margin: 0 0 20px;
  }

#contact .contentsBox02 .ttl01a {
  background: #001a4e;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  padding: 15px 20px;

}
#contact .contentsBox03{
  background: #fff;
  border-radius: 5px;
  margin: 0 0 50px;
  }

#contact .contentsBox03 .inquiryBox {
  background:#f0f0f2;
  color: #4b4b4b;
  font-size: 16px;
  font-weight: normal;
  padding: 20px 20px;
  font-weight: bold;

}

#contact .contentsBox02 .body {
  padding: 15px 20px;
}

#contact .contentsBox02 p {
  margin: 15px 0 30px;
}

#contact .contentsBox02 .body p{
  margin: 15px 0;
}

/*----------------------

お問い合わせ

-----------------------*/

#contact .inquiryBox{
	background: #f0f0f2;
	text-align: center;
}
#contact .item{
	padding-top: 30px;
	padding-bottom: 10px;
}
#contact .record {
	color: #b8202e;
}
#contact .inquiry_img {
	text-align: center;
	padding: 10px 0 20px;
}
#contact .inquiry_img a {
	cursor: default;
}

#contactForm p {
	/* margin: 0 0 0 0 !important; */
	padding-top: 0px;
}
#contactForm .ex_essential:after{
	content: "※";
	font-size:9px;
	color: #bd3500;
}
#contactForm .redTxtS{
	font-size:9px;
	color: #bd3500;
}
#contactForm{
	margin:30px 0;
}
#contactForm .point{
	margin-bottom:10px;
}
#contactForm dl{
	width: 99%;
	margin:0;
	padding:0;
	background-color: #e2f5f9;
	border-top: 1px solid #C9C9C9;
	border-left: 1px solid #C9C9C9;
}
#contactForm dl:last-child,
#contactForm dl.end{
	border-bottom: 1px solid #C9C9C9;
}
#contactForm dl dt p,
#contactForm dl dd p{
	/* padding: 10px; */
}
#contactForm dl dt{
	float: left;
	width: 30%;
}
#contactForm dl dd{
	float: right;
	width: 69%;
	background-color: #FFFFFF;
}
#contactForm dl dd p{
	border-right: 1px solid #C9C9C9;
	border-left: 1px solid #C9C9C9;
	/* padding-bottom: 15px !important; */
}
#contactForm dl input{
	padding: 5px;
	/* font-size: 18px; */
}
#contactForm dl:last-child input,
#contactForm dl.end input{
	padding: 2px;
	font-size: 14px;
}


#contactForm #age{
	width: 60px;
}
#contactForm .exampleTxt{
	font-size: 12px;
	color: #666666;
}
#contactForm .example{
	font-size: 12px;
	color: #666666;
	padding-left: 10px;
}
#contactForm #naiyou{
	width: 95%;
}
#contactForm #emailcheck,
#contactForm #email{
	width: 50%;
}

#contactForm .consultation p{
	padding-bottom: 8px !important;
	border-bottom: 1px dotted #ccc;
}

#contactForm .consultation span {
	display: block;
}
#contactForm .consultation span:first-letter {
	color: #c8c7ee;
}
#contactForm .consultation .year .input {
	margin-right: 5px;
	width: 40px;
}
#contactForm .consultation .year select {
	margin-right: 5px;
}



#contactForm .formBtn{
	overflow: hidden;
	width: 210px;
	margin:20px auto !important;
	text-align:center !important;
}
#contactForm .formBtnM{
	overflow: hidden;
	width: 610px;
	margin:20px auto !important;
	text-align:center !important;
}
#contactForm .formBtnLarge{
	overflow: hidden;
	margin:20px auto !important;
	text-align:center !important;
}
#contactForm .formBtn a{
	font-size: 12px;
	display: block;
	font-weight: bold;
	padding: 10px 0;
	width:88px;
	float: left;
}
#contactForm .formBtn a.resetBtn{
	margin-right: 10px;
}
#contactForm .formBtnLarge a.checkBtnLarge{
	margin: auto;
	font-size: 16px;
	border: 1px solid #C9C9C9;
	display: block;
	font-weight: bold;
	color: #fff;
	background-color: #336895;
	padding: 10px 0;
	width:300px;
}

#contactForm .formBtnM a.checkBtnLarge{
	margin: 10px;
	font-size: 16px;
	border: 1px solid #C9C9C9;
	display : inline-block;
	font-weight: bold;
	color: #fff;
	background-color: #336895;
	padding: 10px 0;
	width:260px;
}
#contactForm .formBtnM a.backBtn{
	background: #ccc;
}

#contactForm .formBtn a:hover,
#contactForm .formBtnLarge a:hover,
#contactForm .formBtnM a:hover{
	/* opacity: 0.6; Safari, Opera */
	/* -moz-opacity: 0.60; FireFox */
	/* filter: alpha(opacity=60); IE */
	text-decoration: none !important;
}
/*------------------------

エラーテキスト

-----------------------*/

#contactForm .errorText {
	margin-bottom: 15px;
	padding: 10px 15px;
	background: #FCF5F5;
	border: 1px solid #CC0000;
	color: #CC0000;
}
#contactForm .errorText li {
	list-style: disc inside;
	padding: 3px 0;
}

/*------------------------

サンクス画面

-----------------------*/

#contactForm .thanks{
	margin-bottom: 300px;
	background: #e2f5f9;
	border: 1px solid #CCCCCC;
	text-align: center;
	line-height: 1.8em;
	padding: 50px 0;
}
#contactForm .thanks span{
	font-size: 16px;
	display: block;
}
.thanks .back{
	margin-top: 20px;
}
.thanks .back a, .thanks, .thanks .back a:hover,  .back a:visited{
	color:#000;
	text-decoration: none;
}
.thanks .back a:hover{
	text-decoration: underline;
}