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

.l-content .keyVisual {
	width: 950px;
	height: 170px;
	margin: 0 0 5px;
	background:url(/maker/nitto-kinzoku/mixing_unit/images/unit_image01_240430.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.l-content .unitInquireContainer {
	background-color: #e5e5e5;
	padding: 20px 10px 10px; 
}

.l-content .unitInquireContainer .inquireTitle {
	font-size: 16px; 
}

.l-content .unitInquireContainer .inquireContent {
	background-color: #ffffff;
	padding: 35px 15px;
}

.l-content .unitInquireContainer .inquireDetail {
	width: 840px;
}

.l-content .unitInquireContainer .inquireContent .numberBox {
	float: left;
	width: 477px;
	height: 21px;
	margin-right: 40px;
	background:url(/maker/nitto-kinzoku/mixing_unit/images/unit_image02.jpg) no-repeat; 
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.l-content .unitInquireContainer .inquireContent .mailBox {
	float: left;
	width: 265px;
	height: 47px;
	padding-left: 40px;
	border-left: 1px dotted #ccc;
}

.l-content .unitInquireContainer .inquireContent .mailBox .inquireBtn {
	display: block;
	width: 265px;
	height: 47px;
	background:url(/maker/nitto-kinzoku/mixing_unit/images/unit_image03.jpg) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.l-content .unitSuggestContainer {
	border: 15px solid #d9dbea;
}

.l-content .unitSuggestContent {
	width: 857px;
}

.l-content .unitSuggestContent .unitSuggestDetail {
	float: left;
	width: 532px;
}

.l-content .unitSuggestContent .unitSuggestDetailtitle {
	display: block;
	width: 532px;
	height: 92px;
}

.l-content .unitSuggestDetailBtn {
	display: block;
	width: 235px;
	height: 37px;
}

.l-content .unitSuggestDetailBtn .suggestLinkBtn {
	display: block;
	width: 235px;
	height: 37px;
	background:url(/maker/nitto-kinzoku/mixing_unit/images/unit_image05.jpg) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.l-content .unitSuggestContent .unitSuggestImageContent {
	float: left;
	width: 265px;
	height: 227px;
}

.l-content .unitSuggestSecondContent {
	background-color: #999999;
}

.l-content .unitSuggestSecondContent .unitSuggestSecondTitle span {
	display: block;
	width: 896px;
	height: 20px;
	background:url(/maker/nitto-kinzoku/mixing_unit/images/unit_image07.jpg) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.l-content .unitSuggestSecondContent .unitSuggestSecondImageContent {
	background-color: #fff;
}

.l-content .unitSuggestSecondContent .unitSuggestSecondImageDetail {
	width: 810px;
	height: 474px;
}

.l-content .unitServiceFlowContainer {
	width: 911px;
	height: 335px;
}

.l-content .unitServiceFlowContainer .unitServiceFlowContent {
	position: relative;
	float: left;
	height: 335px;
	background:url(/maker/nitto-kinzoku/mixing_unit/images/unit_image09_240430.png) no-repeat;
}

.l-content .unitServiceFlowContainer .unitServiceFlowContent.first {
	width: 310px;
	background-position: 0 0;
}

.l-content .unitServiceFlowContainer .unitServiceFlowContent.second {
	width: 310px;
	background-position: -310px 0;
}

.l-content .unitServiceFlowContainer .unitServiceFlowContent.third {
	width: 290px;
	background-position: -620px 0;
}

.l-content .unitServiceFlowContainer .serviceFlowLinkBtn {
	display: block;
	position: absolute;
	width: 235px;
	height: 37px;
	background:url(/maker/nitto-kinzoku/mixing_unit/images/unit_image05.jpg) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	top: 110px;
	left: 30px;
}

.l-content .unitServiceFlowContainer .serviceFlowImageContent01 {
	position: absolute;
	width: 170px;
	height: 177px;
	top: 132px;
	left: 62px;
}

.l-content .unitServiceFlowContainer .serviceFlowImageDetail01 {
	display: block;
	width: 170px;
	height: 176px;
	background:url(/maker/nitto-kinzoku/mixing_unit/images/unit_image10.jpg) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.l-content .unitServiceFlowContainer .serviceFlowImageContent02 {
	position: absolute;
	width: 237px;
	height: 176px;
	top: 132px;
	left: 33px;
}

.l-content .unitServiceFlowContainer .serviceFlowImageDetail02 {
	display: block;
	width: 237px;
	height: 177px;
	background:url(/maker/nitto-kinzoku/mixing_unit/images/unit_image11.jpg) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.l-content .unitPointImageContainer {
	border-bottom: 1px solid #aaa;
}

.l-content .unitPointAnnotationContent {
	width: 910px;
}

.l-content .unitPointImageContent01 {
	width: 910px;
	height: 430px;
}

.l-content .unitPointImageContent02 {
	width: 910px;
	height: 397px;
}

.l-content .unitPointImageContent03 {
	width: 910px;
	height: 676px;
}


.l-content .unitServiceFlowTextContainer {
	width: 911px;
}

.l-content .unitServiceImageContainer {
	width: 522px;
	height: 56px;
}

.l-content .unitExampleContainer {
	width: 910px;
}

.l-content .unitExampleContainer {
	width: 910px;
}

.l-content .unitExampleContainer .expamleImage {
	float: left;
	width: 450px;
	height: 265px;
}

.l-content .unitItemListWrapper {
	width: 910px;
}

.l-content .unitItemListContainer {
	border-top: 4px solid #cbcbcb;
	border-right: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	border-left: 1px solid #cbcbcb;
}

.l-content .unitItemListContent {
	float: left;
	width: 383px;
	border-right: 1px dotted #cbcbcb;
}

.l-content .unitItemListContent.last {
	border-right: none;
}

.l-content .unitItemListContent .unitItemListTitle {
	width: 160px;
	height: 16px;
	border-bottom: 1px dotted #cbcbcb;
}

.l-content .unitItemListContent .unitItemListImage {
	width: 160px;
	height: 150px;
}

.l-content .unitItemListContent .unitItemListName {
	height: 40px;
}

.l-content .unitItemListContent .unitItemListAnnotation {
	height: 90px;
}