@charset "UTF-8";
/* CSS Document */

.bx-wrapper {
	margin-bottom: 30px;
}
.slider { height: 400px; overflow: hidden; }

	.loopslider { width: 100%; height: 400px; position: relative; overflow: hidden; margin-bottom: 30px; }
	.loopslider ul { float: left; }
	.loopslider li { float: left; width: 600px; display: inline;/* margin-right: 10px;*/ }
	.loopslider li img { width: 600px; }

#news { position: relative; padding-right: 300px; margin-bottom: 80px; height: 180px; }
#news .dr { position: absolute; top: 0; right: 0; }
#news dt,#news dd { color: #333; margin-bottom: 10px; font-size: 13px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
#news dt {
	color: #fff;
	width: 95px;
	padding: 5px 0 5px 10px;
	line-height: 1;
	font-size: 14px;
	font-weight: bold;
}
#news .new { background-color: #6088C6; }
#news .event { background-color: #E5B645; }
#news .com { background-color: #8EBF62; }
#news dd { width: 515px; padding-left: 10px; }
#news span.date { font-weight: bold; font-size: 14px; margin-right: 10px; }

#news .bnr { position: absolute; top: 220px; left: 0px; text-align: center; }
#news .bnr2 { position: absolute; top: 220px; left: 180px; text-align: center; }
#news .bnr3 { position: absolute; top: 220px; left: 360px; text-align: center; }
#news .bnr4 { position: absolute; top: 220px; left: 540px; text-align: center; }

#news .bnr img, #news .bnr2 img, #news .bnr3 img, #news .bnr4 img { display: block; width: 170px; }




#works { margin-bottom: 20px; }
#works .work_list {
	margin-top: -15px;
	margin-bottom: 30px;
}
#works .work_list li {
	display: inline-block; *display: inline; *zoom: 1;
	margin-right: 4px;
	
}
/*ローコスト追加*/
#works .work_list2 {
	margin-top: -15px;
	margin-bottom: 30px;
}
#works .work_list2 li {
	display: inline-block; *display: inline; *zoom: 1;
	margin-right: 12px;
	
}
#works .work_list2 li.first{
	margin-right:15px;
}
#works .work_list2 li.last{
	margin-right:0;
}


#case { position: relative; margin-bottom: 80px; padding-top: 150px; *padding-bottom: 50px; }
#case h1 { position: absolute; top: 0; left: 0; }
#case .case_list {
	position: absolute;
	top: 0px;
	left: 160px;
	width: 415px;
	background: url(../images/case_nav.png) no-repeat 0 0;
	padding: 8px 0 0 78px;
}
#case .case_list li { display: inline-block; *display: inline; *zoom: 1; margin-right: 4px; }
#case .rcnt_case { width: 580px; }
#case .rcnt_case li {
	display: inline-block; *display: inline; *zoom: 1;
	width: 190px;
	position: relative;
	margin-bottom: 40px;
	vertical-align: top;
}
#case .rcnt_case li .ttl { position: absolute; top: -15px; left: 0; z-index:10; }
#case .rcnt_case li .photo {
	width: 170px;
	height: 140px;
	border: 2px solid #fff;
	background: #FFF;
	margin-left: 10px;
	display: block;
	-webkit-box-shadow: 0px 0px 1px #999;
	        box-shadow: 0px 0px 1px #999;
	overflow: hidden;
}
#case .rcnt_case li .photo.mh140 img {
	max-height: 140px;
}

#case .rcnt_case li .photo.mw170 img {
	max-width: 170px;
	margin-top: -40px;
}


#case .rcnt_case li a.txt {
	background: url(../images/mk_link.gif) no-repeat 0 3px;
	margin-left: 10px;
	padding-left: 20px;
	font-size: 13px;
	color: #B84500;
}


/*ローコスト追加*/
#case2 { margin-bottom: 80px; /*padding-top: 150px;*/ *padding-bottom: 50px; }
#case2 h1 { margin-bottom:30px; }
#case2 .rcnt_case { width: 600px; padding-bottom:0px; 
	/*background: url("../images/index/c_bg.png") 524px bottom no-repeat;*/ }
#case2 .rcnt_case li {
	display: inline-block; *display: inline; *zoom: 1;
	width: 190px;
	position: relative;
	margin-right:7px;
	margin-bottom: 40px;
	vertical-align: top;
}
#case2 .rcnt_case li .ttl { position: absolute; top: -15px; left: 0; z-index:10; }
#case2 .rcnt_case li .photo {
	width: 170px;
	height: 140px;
	border: 2px solid #fff;
	background: #FFF;
	margin-left: 10px;
	display: block;
	-webkit-box-shadow: 0px 0px 1px #999;
	        box-shadow: 0px 0px 1px #999;
	overflow: hidden;
}
#case2 .rcnt_case li .photo.mh140 img {
	max-height: 140px;
}

#case2 .rcnt_case li .photo.mw170 img {
	max-width: 170px;
	margin-top: -40px;
}


#case2 .rcnt_case li a.txt {
	background: url(../images/mk_link.gif) no-repeat 0 3px;
	margin-left: 10px;
	padding-left: 20px;
	font-size: 13px;
	color: #B84500;
}
#case2 h3 { margin-top: -15px; background: #F7DDC0; width: 190px; height: 26px;
	border-radius: 10px 10px 0 0; padding: 2px 0 0 10px; }
#case2 .case_list {
	width: 580px; height: 111px; margin-bottom: 20px;
	background: #F7DDC0;
	height: 147px;
	padding: 16px 0 0px 14px;
}
#case2 .case_list li { width:180px; height: 27px; float: left;
	margin-left:2px; margin-right:10px; margin-bottom:7px; font-family: "I-OTF-UD丸ゴPro R";
	background: #d0651f; line-height: 27px; }
#case2 .case_list li a { color: #ffffff; display: block; width:180px; height: 27px; text-decoration: none;
	padding-left: 25px; line-height: 27px; }
/*#case2 .case_list li:first-child { background: none; }*/
#case2 .case_list li:nth-child(3n) { margin-right: 0; }

#sns { position: absolute; top: 0; right: 0; width: 330px; }
#sns2 { float:right; width: 330px; }

.ban_box {
	width: 330px;
	background-color: #D6D0C0;
	padding: 15px 0;
	*margin-top: 20px;
}
.ban_box img { margin: 0 auto; display: block; }
.ban_box.link img {
	margin-bottom: 15px;
}
.ban_txt { margin-bottom: 20px; }

.sns_btn { width: 100%; text-align: right; }
.sns_btn li { display: inline-block; *display: inline; *zoom: 1; width: 150px; overflow: hidden; vertical-align: top; }


#sns .fb-like-box {
	height: 240px;
	margin-bottom: 20px;
	background-color: #fff;
}








.top_ban {
	height: 130px;
	position: absolute;
	top: 16px;
	right: 320px;
}

.top_ban img {
	height: 130px;
}

#case .rcnt_case {
	padding-bottom: 100px;
}


.top_ban2 {
	height: 130px;
	width: 300px;
	display: block;
	position: absolute;
	top: 16px;
	right: 0px;
}

.top_ban2 img { height: 180px; }

.topbn { position: absolute; top: 0; right: 0; }
.topbn li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 200px;
	overflow: hidden;
	text-align: center;
}
.topbn img { display: block; height: 180px; }


/*#news .bnr { position: absolute; top: 20px; right: 420px; text-align: center; }
#news .bnr img { display: block; }
#news .bnr2 { position: absolute; top: 100px; right: 420px; text-align: center; }
#news .bnr2 img { display: block; }*/


.bwt { width: 300px; display: block; margin: 0 auto 15px auto; }
.bwt dt, .bwt dd { display: inline-block; vertical-align: top; }
.bwt dt { width: 135px; }
.bwt dd { width: 160px; font-size: 10px; line-height: 1.2; }
.ban_box.link .bwt dt img { margin-bottom: 0; }
.ban_box.link .bwt dt img.mb5 { margin-bottom: 5px; }
.bwt dd.vam { padding-top: 11px; line-height: 1.5; }
.bwt dd.vam.np { padding-top: 0; }

.bans { width: 300px; margin: 0 auto; display: flex; justify-content:space-between;
	flex-wrap:wrap; align-items:center; }
.bans a { display: block; }
.bans a img { margin-right: 10px; }
.bans a:nth-child(2n) img { margin-right: 0px; }

a.bill {
	display: block;
	background-color: #D06621;
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
	height: 3em;
	line-height: 3em;
	text-decoration: none;
	border-radius: 0.5em;
}