@charset "utf-8";

/* ------------------------------------------------------
contents
------------------------------------------------------ */
.l-content .titleBlock__h1 {
	position: relative;
	width: 950px;
	height: 190px;
	margin: 0;
	padding: 0;
	border: none;
	background: url(/maker/taisei/service/fence_unit/images/img_h1.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .innerBox {
	width: 920px;
	margin: 0 auto;
}

/*btn btnPDF*/
.l-content .btn a.m-btnSize--m {
	display: block;
	height: auto;
}
.l-content .btn a.m-btnSize--m {
	width: 234px !important;
	padding: 9px 0;
}
.l-content .btnPDF a.m-btnSize--m {
	background: #ff730a url(/maker/taisei/service/fence_unit/images/icn_pdf02.gif) no-repeat 10px center;
	padding-left: 30px;
}

/* .infoBox */
.l-content .infoBox {
	width: 692px;
	margin: 30px auto 60px;
}
.l-content .infoBox dd {
	text-align: center;
	font-size: 16px;
}

/* .downloadBox */
.l-content .downloadBox {
	width: 920px;
}

.l-content .downloadBox .titleBlock__features{
	margin: auto 15px;
}

.l-content .downloadBox .titleBlock__features .titleBlock__features--list1 {
	width: 516px;
	height: 30px;
	margin: 0 0 15px 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(/maker/taisei/service/fence_unit/images/features_list1.png) no-repeat 0 0;
}

.l-content .downloadBox .titleBlock__features .titleBlock__features--list2 {
	width: 516px;
	height: 30px;
	margin: 0 0 20px 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(/maker/taisei/service/fence_unit/images/features_list2.png) no-repeat 0 0;
}

/* .stepBox */
.l-content .stepBox1 ul.stepList {
	position: relative;
	width: 920px;
	height: 330px;
	margin: 0 15px 30px 15px;
	background: url(/maker/taisei/service/fence_unit/images/step_bg_1_240521.png) no-repeat 0 0;
}
.l-content .stepBox2 ul.stepList {
	position: relative;
	width: 920px;
	height: 330px;
	margin: 0 15px 15px 15px;
	background: url(/maker/taisei/service/fence_unit/images/step_bg_2.png) no-repeat 0 0;
}
.l-content .stepBox1 ul.stepList >li.step1 .btn {
	position: absolute;
	top: 120px;
	left: 30px;
}

.l-content .stepBox1 ul.stepList > li.step2 .pic {
	position: absolute;
    top: 174px;
    left: 387px;
}

.l-content .stepBox1 ul.stepList dt,
.l-content .stepBox2 ul.stepList dt,
.l-content .stepBox1 ul.stepList p,
.l-content .stepBox2 ul.stepList p {
	height: 0;
	overflow: hidden;
}

.l-content .stepBox1 ul.stepList >li.step1 p.title_small ,
.l-content .stepBox2 ul.stepList >li.step1 p.title_small {
	overflow: hidden;
	text-indent: 100%;
}
.l-content .stepBox1 ul.stepList >li.step1 p.title_large ,
.l-content .stepBox2 ul.stepList >li.step1 p.title_large{
	overflow: hidden;
	text-indent: 100%;
}

.l-content .stepBox2 ul.m-notesList{
	margin: auto 15px;
}


/* .use_area */
.l-content .use_area ul.typeList {
	width: 920px;
}
.l-content .use_area ul.typeList > li {
	float: left;
	width: 292px;
	border: 1px solid #bfbfbf;
}

.l-content .use_area ul.typeList > li.type01{
	margin: 0 19px 20px 0;
}

.l-content .use_area ul.typeList > li.type01_last{
	margin: 0 0 20px 0;
}


.l-content .use_area ul.typeList > li.type02{
	margin: 0 19px 20px 0;
	min-height: 649px;
}

.l-content .use_area ul.typeList > li.type02_last{
	margin: 0 0 20px 0;
	min-height: 629px;
}

.l-content .use_area ul.typeList > li .type01_box{ 
	padding: 20px 15px;
	min-height: 212px;
}

.l-content .use_area ul.typeList > li .type02_box{ 
	padding: 20px 15px 5px 15px;
}

.l-content .use_area ul.typeList > li .image_left {
	width: 126px;
	float: left;
	margin: 0 10px 0 0;
}
.l-content .use_area ul.typeList > li .image_right {
	width: 126px;
	float: left;
	margin: 0;
}
.l-content .use_area ul.typeList > li .description {
	font-size: 13px;
}
.l-content .use_area ul.typeList > li .description_2 {
	font-size: 13px;
	height: 38px;
}
.l-content .use_area ul.typeList > li .description_3 {
	font-size: 13px;
	height: 57px;
}

.l-content .use_area ul.typeList > li .type_title {
	background-color: #0f6bc8;
	padding: 12px 0;
}

.l-content .use_area ul.typeList > li .type_title p {
	text-align: center;
	font-size: 16px;
	color:#fff;
	font-weight: bold;
}
.l-content .use_area ul.typeList > li .type_txt{
	margin: 0 20px;
}

/*attention_area*/
.l-content .attention_area .ttl_txt{
	font-size: 14px;
	font-weight: bold;
}

.l-content .attention_area .attention_box{
	margin: 0 15px;
}

/* .bnr_area */
.l-content .bnr_area a.VN_opacity {
	display: block;
}

/*m-asideSubBox*/
.l-content .contactBtn_ub {
    margin-bottom: 4px;
}
.l-content .address {
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 0.05em;
}