@charset "utf-8";

div#wrap {
	height: auto; !important
}
#slide{
	margin-top: -265px;
}
.pl6 {padding-left: 6px !important;}
.pl18 {padding-left: 18px !important;}

/* .productsTop */
.productsTop {
	width:631px;
	clear:both;
	margin:0 auto 18px auto;
	border: #ff0000 5px solid;
	padding-bottom: 10px;
}
.productsTop .img {
	padding:11px 0 15px 10px;
}

/* .productSearch */
.productSearch {
	clear:both;
	margin:18px auto;
}

/* .information */
.information {
	padding-top:18px;
	margin-bottom:18px;
}

/* .basicCharge */
.basicCharge {
	margin-bottom:18px;
}

/* .enforcementRecord */

.enforcementRecordTit {
}
.enforcementRecordTit .btn {
	position: absolute;
	top: 19px;
	right: 13px;
}
.enforcementRecord {
	width:636px;
	margin: 0 auto;
	clear:both;
	margin-bottom:18px;
	border: #451800 4px solid;
	overflow: hidden;
}
.enforcementRecordInner{
	margin: 10px auto;
	padding-left: 5px;
}
.enforcementRecordInner .inner .photo {
	width:195px;
	height:153px;
	padding:6px 0 0 6px;
	background:url(../images/top/enforcementrecord_photo_bg.jpg) no-repeat left top;
}
.enforcementRecordInner .inner .btn {
	text-align:center;
	padding:16px 0 10px 0;
}

/* .topBox */
.topBox {
	width:644px;
	position:relative;
	clear:both;
	margin-bottom:18px;
}
.topBox .txt {
	position: absolute;
	top: 98px;
	right: 33px;
	width: 580px;
	line-height: 1.75;
}
.topBox .tit {
	position: absolute;
	top: 249px;
	right: 278px;
}
.topBox ul {
	position: absolute;
	top: 224px;
	right: 21px;
}
.topBox ul li {
	float:left;
	padding:0 0 0 3px;
}

/* .mail */
.mail {
	width:644px;
	padding-top:18px;
	margin-bottom:18px;
	position:relative;
}
.mail .txt {
	position: absolute;
	top: 85px;
	left: 21px;
	width: 354px;
	line-height: 1.5;
	font-size: 12px;
}
.mail .txt span{
	font-size: 15px;
	font-weight: bold;
	color: #0072d5;
}
.mail dl {
	position: absolute;
	top: 262px;
	left: 329px;
}
.mail dl dt {
	float:left;
	padding-right:16px;
}
.mail dl dd {
	float:left;
}

/* #slide */
.mainimg {
	width:100%;
	clear:both;
	padding:0;
}
.slider {
  position:relative;
  width:976px;
  margin:-7px auto 0 auto;
}
.sls-view {
  position:relative;
  width:976px;
  height:366px;
  overflow:hidden;
}
.sls-container {
  position:absolute;
  top:0;
  left:0;
}
.sls-content {
  position:relative;
  float:left;
  width:976px;
  height:238px;
}
.sls-content a {
  display: block;
}
.sls-pagination {
  	display:none;
}
.sls-pagination a {
  	display:none;
}
.sls-next,
.sls-prev {
  	display:none;
}





/**20182追加*/
.infobox{
	text-align: center;
	border-bottom: 10px solid #009ce5;
	font-size: 130%;
	margin: 0 0 30px 0;
}

.infobox h3{
	color: #009ce5;
	font-weight: 800;
	font-size: 140%;
	padding: 20px 0;
}
.infobox p{
	padding: 0 0 20px 0;
}

.requestbox{
	margin: 0 0 20px 0;
}

.requestbox dl{
	float:left;
	width: 48%;
	margin: 0 1% 20px 1%;
}
.requestbox dt{
	text-align: center;
	font-size: 130%;
	font-weight: 800;
	color: #0072d5;
	padding: 0 0 5px 0;
	background: url(../images/top/arrow01.png) no-repeat center bottom;
	margin: 0 0 10px 0;
	height: 70px;
}
.requestbox dt strong{
	font-size: 150%;
}
.requestbox dt span{
	color:#c3002f;
}
.requestbox dd{
	background: #d9eaf9;
	padding:20px 15px ;
}
.requestbox dl:nth-child(2) dd{
	background: #ffffcc;
}
.requestbox dl:nth-child(3) dd{
	background: #e4f3d9;
}
.requestbox dl:nth-child(4) dd{
	background: #d9edfc;
}
.requestbox dd a{
	display: block;
	background: #0072d5;
	color: #fff;
	text-align:center;
	padding: 10px;
	text-decoration: none;
	font-size: 120%;
	margin: 10px 20px 0 20px;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.requestbox dl:nth-child(2) dd a{
	background: #ff8c00;
}
.requestbox dl:nth-child(3) dd a{
	background: #006837;
}
.requestbox dl:nth-child(4) dd a{
	background: #3fa5f1;
}

.placetitle{
	text-align: center;
	background: #ff8c00;
	color: #fff;
	font-size: 180%;
	font-weight: 800;
	padding: 10px;
}
.placebox{
	border: 1px solid #ff8c00;
}
.placebox dl{
	width: 46%;
	padding:10px 2%;
	float: left;
}
.placebox dl:nth-child(2),
.placebox dl:nth-child(3),
.placebox dl:nth-child(6),
.placebox dl:nth-child(7){
	background: #ffffcc;
}


.placebox dt{
	width: 65%;
	float: left;
}
.placebox dd{
	width: 30%;
	float: right;
	height: 140px;
}
.placebox h4{
	font-weight: 800;
	color: #ff8c00;
	font-size: 130%;
	border-bottom: 1px solid #ff8c00;
	margin: 0 0 10px 0;
}

.toptipsbox{
	border: 1px solid #0072d5;
	padding: 20px;
}
.toptipsbox dl{
	padding:10px 0;
	border-bottom: 1px dotted #000;
}
.toptipsbox  dt {
	padding:0 0 10px 0;
}
.toptipsbox dt a{
	color: #0072d5;
	font-size: 140%;
	font-weight: 800;
	text-decoration: none;
}
.tipsbtn a{
	display: block;
	text-align: center;
	background: #0072d5;
	color: #fff;
	text-decoration: none;
	padding: 10px;
	margin: 20px 150px 0 150px;
	font-size: 120%;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
	
}

/**イチオシをランダムで3個だけ表示*/
.productsInner .inner{
	display: none;
}
.productsInner .inner:nth-child(-n+3){
	display: block;
}

/**施工実績をランダムで3個だけ表示*/
.enforcementRecordInner .inner{
	display: none;
}
.enforcementRecordInner .inner:nth-child(-n+3){
	display: block;
}
.enforcementRecordInner .inner:nth-child(3){
	padding-right: 0;
}