@charset "utf-8";





div#contenttopArea{
	width:100%;
	position:absolute;
	top:-50px;
}

div.contenttoplogo{
	width:100px;
	height:100px;
	margin: 0 auto;
}


/*--- 共通設定 ------------------------------------------------------*/

div.sectionWrap{
	width:100%;
	float:left;
}


/*--- 新着情報設定 ------------------------------------------------------*/

section#newslistArea{
	width:680px;
	padding:80px 60px 80px;
	margin:0 auto;
}

section#newslistArea h2{
	width:100%;
	text-align:center;
	float:left;
}

ul#newsList{
	width:80%;
	padding:45px 10%;
	font-size:14px;
	font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
	float:left;
}

ul#newsList li{
	width:100%;
	padding:5px 0;
	float:left;
}

ul#newsList li a{
	color:#000;
	text-decoration:none;
}

ul#newsList li a:hover{
	text-decoration:underline;
}

/*--- 施工事例設定 ------------------------------------------------------*/

.wrap2 {
	height:370px;
	background:url(../img/home/wrap2.jpg) repeat-x center;
}

section#caseArea{
	width:800px;
	/* height:270px; */
	padding-bottom:50px;
	margin:45px auto;
	background-color:rgba(255,255,255,0.8);
	overflow:hidden;
}

section#caseArea h2{
	width:100%;
	padding-top:30px;
	text-align:center;
	float:left;
}

div.caseText{
	width:90%;
	padding:30px 5% 0;
	font-size:14px;
	line-height:1.8em;
	text-align:center;
	float:left;
}

div.casemore{
	width:100%;
	padding-top:20px;
	text-align:center;
	float:left;
}

div.casemore a{
	text-align:center;
	color:#0068b7;
	font-weight:bold;
	text-decoration:none;
}

div.casemore a:hover{
	text-decoration:underline;
}


/*--- 技術設定 ------------------------------------------------------*/

.wrap3{
	height:418px;
	background:url(../img/home/wrap3.jpg) repeat-x center;
}

section#technologyArea{
	width:800px;
	height:418px;
	margin:0 auto;
}

section#technologyArea h2{
	z-index:9999;
	width:377px;
	height:456px;
	margin-top:-17px;
	float:left;
	position:absolute;
}

div.techText{
	width:423px;
	padding-top:90px;
	font-size:14px;
	line-height:1.8em;
	float:right;
}

div.tec_morebtn{
	width:423px;
	padding-top:60px;
	text-align:center;
	float:right;
}


/*--- お問合せ設定 ------------------------------------------------------*/

.wrap4{
	height:324px;
	background:#78bbed;
	position:relative;
	overflow:hidden;
}

section#contactArea{
	width:800px;
	padding-top:50px;
	margin:0 auto;
	z-index:99999;
	position:relative;
}

section#contactArea h2{
	width:100%;
	text-align:center;
	float:left;
}

div.contactText{
	width:100%;
	padding:25px;
	font-size:16px;
	color:#084c7f;
	text-align:center;
	float:left;
}

div.contactbtn{
	width:100%;
	text-align:center;
	float:left;
}

div.contact_telfax{
	width:100%;
	padding:35px 0 0;
	font-size:20px;
	font-weight:bold;
	color:#003359;
	text-align:center;
	float:left;
}

div.ani_contact{
	width:100%;
	text-align:center;
	position:absolute;
	top:140px;
}