@charset "utf-8";

/* ------------------------------------------------------
contents
------------------------------------------------------ */
.l-content .titleBlock__h1 {
	position: relative;
	width: 950px;
	height: 220px;
	margin: 0 0 20px;
	padding: 0;
	border: none;
	background: url(/service/assembly/images/img_h1.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .titleBlock_catch {
	height: 0;
	overflow: hidden;
}
.l-content .innerBox {
	width: 920px;
	margin: 0 auto;
}
.l-content .titleBlock_ancLink {
	width: 950px;
	margin: 0 0 40px;
}
.l-content .titleBlock_ancLink > li {
	width: 470px;
}
.l-content .titleBlock_ancLink > li.anc01 {
	float: left;
}
.l-content .titleBlock_ancLink > li.anc02 {
	float: right;
}
.l-content .titleBlock_ancLink > li a {
	display: block;
	width: 470px;
	height: 37px;
	background: url(/service/assembly/images/btn_anchor.gif) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .titleBlock_ancLink > li.anc01 a {
	background-position: 0 0;
}
.l-content .titleBlock_ancLink > li.anc02 a {
	background-position: -480px 0;
}

/* .resolutionBox */
.l-content .resolutionBox {
	clear: both;
	width: 920px;
	height: 356px;
	margin: 0 auto 40px;
	background: url(/service/assembly/images/resolution_bg.gif) no-repeat 0 0;
}
.l-content .resolutionBox * {
	height: 0;
	overflow: hidden;
}

/* .flowBox */
.l-content .flowBox .txt {
	margin: 0 0 25px;
}
.l-content .flowBox .flowchart {
	position: relative;
	width: 920px;
	height: 1070px;
	margin: 0 auto 70px;
	background: url(/service/assembly/images/flow_bg_20220316.png) no-repeat 0 0;
}
.l-content .flowBox .flowchart dt {
	height: 0;
	overflow: hidden;
}
.l-content .flowBox .flowchart ol li dd {
	position: absolute;
	left: 80px;
	font-size: 13px;
}
.l-content .flowBox .flowchart ol li.flow01 dd {
	top: 52px;
}
.l-content .flowBox .flowchart ol li.flow02 dd {
	top: 292px;
}
.l-content .flowBox .flowchart ol li.flow03 dd {
	top: 534px;
}
.l-content .flowBox .flowchart ol li.flow04 dd {
	top: 776px;
}
.l-content .flowBox .flowchart ol li.flow05 dd {
	top: 941px;
}

/* .serviceBox */
.l-content .serviceBox .itemList {
	width: 900px;
	height: 574px;
	margin: 0 auto 25px;
	background: url(/service/assembly/images/service_item_bg.png) no-repeat 0 0;
}
.l-content .serviceBox .itemList > li {
	position: relative;
}
.l-content .serviceBox .itemList > li.item01 {
	height: 302px;
}
.l-content .serviceBox .itemList > li dt,
.l-content .serviceBox .itemList > li .company {
	height: 0;
	overflow: hidden;
}
.l-content .serviceBox .itemList > li ul li .btn a {
	display: block;
	position: absolute;
	top: 140px;
	width: 215px;
	height: 37px;
	background: url(/service/assembly/images/btn_service_item.gif) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .serviceBox .itemList > li ul li.company01 .btn a {
	left: 60px;
}
.l-content .serviceBox .itemList > li ul li.company02 .btn a {
	left: 378px;
}
.l-content .serviceBox .itemList > li .downloadBtn a {
	display: block;
	position: absolute;
	top: 210px;
	left: 182px;
	width: 285px;
	height: 37px;
	background: url(/service/assembly/images/btn_download_S.gif) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .serviceBox .contactArea {
	margin: 0 0 40px;
}

/* .referenceBox */
.l-content .referenceBox .priceBox {
	clear: both;
	margin: 0 0 25px;
	padding: 20px 10px 30px 30px;
	border: 1px solid #ccc;
}
.l-content .referenceBox .priceBox > dl > dt {
	margin: 0 0 8px;
	font-size: 13px;
}
.l-content .referenceBox .priceBox dd.itemInfo ul {
	display: table;
}
.l-content .referenceBox .priceBox dd.itemInfo ul > li {
	display: table-cell;
	padding: 0 30px;
	border-left: 2px dotted #b0b0b0;
}
.l-content .referenceBox .priceBox dd.itemInfo ul > li.info01 {
	padding-left: 0;
	border-left: none;
}
.l-content .referenceBox .priceBox dd.itemInfo ul > li .ttl {
	height: 20px;
}
.l-content .referenceBox .priceBox dd.itemInfo ul > li dl.itemDetail dt {
	clear: both;
	float: left;
}
.l-content .referenceBox .priceBox dd.itemInfo ul > li dl.itemDetail dd {
	padding-left: 5.5em;
	text-indent: -1em;
}
.l-content .referenceBox .priceBox dd.itemInfo ul > li.info02 dl.itemDetail dd {
	padding-left: 9.5em;
}
.l-content .referenceBox .priceBox dd.itemInfo ul > li dl.itemDetail dd:before {
	content: "：";
	float: left;
	display: block;
	width: 1em;
}

.l-content .referenceBox .h3box .infoBox {
	width: 890px;
	min-height: 148px;
	margin: 0 auto;
	background: url(/service/assembly/images/service_info_img.jpg) no-repeat 552px 0;
}
.l-content .referenceBox .h3box .infoBox .caution {
	margin: 0 0 20px;
}
.l-content .referenceBox .h3box .infoBox .areaInfo dt {
	clear: both;
	float: left;
}
.l-content .referenceBox .h3box .infoBox .areaInfo dd:before {
	content: "：";
	padding: 0 0.5em;
}
.l-content .referenceBox .h3box .infoBox .areaInfo dd {
	padding-left: 6em;
}

.l-content .referenceBox .h3box .notesBox {
	clear: both;
	width: 900px;
	margin: 0 auto 60px;
}
.l-content .referenceBox .notesBox .notes {
	margin: 0 0 20px;
}
.l-content .referenceBox .notesBox .notes > li {
	margin: 0 0 8px;
}

/* .downloadBox */
.l-content .downloadBox {
	clear: both;
	width: 920px;
	margin: 0 auto 25px;
}
.l-content .downloadBox .btn a {
	display: block;
	width: 466px;
	height: 58px;
	margin: 0 auto 12px;
	background: url(/service/assembly/images/btn_download_L.gif) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .downloadBox .caution {
	text-align: center;
}