@charset "utf-8";

/*------------------------
	module.css
------------------------*/



/*----------------------------------*/
/*									*/
/*	top style						*/
/*									*/
/*----------------------------------*/

#Visiual {
	min-width: 1280px;
	height: 660px;
	background: url(../images/top/visaul.jpg) no-repeat center 0;
}

#Section1 {
	width: 1200px;
	margin: 0 auto;
	padding: 50px 0;
}

#Section1 h2 {
	margin-bottom: 40px;
	text-align: center;
}

#Section1 >.left {
	float: left;
	width: 900px;
}

#Section1 .left .box {
	margin-bottom: 20px;
	padding: 20px;
	background-color: #fff;
}
	#Section1 .left .box .photo {
		float: left;
		width: 160px;
		margin-right: 20px;
	}
	#Section1 .left .box .txt {
		float: left;
		width: 220px;
	}
	#Section1 .left .box .txt h3 { margin-bottom: 20px; }

#Section1 .left .box.single .txt {
	width: 580px;
}
#Section1 .left .box.single .photo {
	width: 240px;
	margin-right: 40px;
}

#Section1 .left .box.left {
	float: left;
	width: 400px;
}
#Section1 .left .box.right {
	float: right;
	width: 400px;
}
#Section1 .left .box.btn { text-align: center; }

#Section1 >.right {
	float: right;
	width: 270px;
}


#Section2 {
	min-width: 1280px;
	background: url(../images/common/body_bg_02.png) repeat 0 0;
}

#Section2 h2 {
	margin: 60px 0;
	text-align: center;
}

#Section2 img { margin-right: -5px; }
	
#Section2 .inner {
	width: 1200px;
	margin: 0 auto;
	padding: 60px 40px;
	background: url(../images/top/section2_bg.png) no-repeat center 0;
}


#Section3 {
	width: 1200px;
	margin: 0 auto;
	padding: 60px 40px 60px;
	background: url(../images/top/section3_bg.png) no-repeat center 0;
}

#Section3 .banner { margin-top: 60px; }

#Section3 h2 {
	margin: 60px 0;
	text-align: center;
}

#Section3 .flow {
	height: 300px;
	margin-bottom: 5px;
	background: url(../images/top/section3_flow_bg.png) no-repeat 0 0;
}
	#Section3 .flow .item {
		float: left;
		width: 240px;
		margin-right: 37px;
		padding: 0 15px;
		text-align: center;
	}
	
		#Section3 .flow .item h3 { margin: 20px 0 15px; }
		#Section3 .flow .item:nth-child(4) { margin-right: 0; }


#Section4 {
	min-width: 1280px;
	padding: 60px 0;
	text-align: center;
	background: #fff url(../images/top/section4_bg.png) no-repeat center 0;
}
	#Section4 .txt { margin: 50px 0 40px; }
	#Section4 .tel { margin-bottom: 20px; }



/*----------------------------------*/
/*									*/
/*	sub style						*/
/*									*/
/*----------------------------------*/

#Content {
	width: 1280px;
	margin: 0 auto 100px;
}


/***** Product *****/

#PRODUCT .section { position: relative; }
#PRODUCT .section h2 { margin-bottom: 30px; }

#PRODUCT .rtxt {
	position: absolute;
	right: 100px;
}
#PRODUCT .ltxt {
	position: absolute;
	left: 100px;
}

#PRODUCT .case h3 {
	padding: 40px 0;
	text-align: center;
}
#PRODUCT .case .infoBox {
	width: 1120px;
	margin: 0 auto;
}
#PRODUCT .case .infoBox .box {
	display: table;
	float: left;
	width: 520px;
}
#PRODUCT .case .infoBox .box:nth-child(1) { margin-right: 80px; }
#PRODUCT .case .infoBox .box > * {
	display: table-cell;
	vertical-align: middle;
}
#PRODUCT .case .infoBox .box .txt { padding-right: 20px; }
#PRODUCT .case .infoBox .box .photo { width: 200px; }

/* ProductSection1 */
#ProductSection1 { height: 480px; background: url(../images/product/bg01.jpg) no-repeat 0 0; }
	#ProductSection1 .rtxt { top: 150px; width: 400px; }

/* ProductSection2 */
#ProductSection2 { height: 450px; background: url(../images/product/bg02.jpg) no-repeat 0 0; }
	#ProductSection2 .ltxt { top: 150px; width: 460px; }
	#ProductCase2 { height: 326px; background: url(../images/product/bg03.jpg) no-repeat 0 0; }
	
/* ProductSection3 */
#ProductSection3 { height: 450px; background: url(../images/product/bg04.jpg) no-repeat 0 0; }
	#ProductSection3 .rtxt { top: 180px; width: 450px; }
	#ProductCase3 { height: 328px; background: url(../images/product/bg05.jpg) no-repeat 0 0; }
	
/* ProductSection4 */
#ProductSection4 { height: 450px; background: url(../images/product/bg06.jpg) no-repeat 0 0; }
	#ProductSection4 .ltxt { top: 160px; width: 450px; }
	#ProductCase4 { height: 327px; background: url(../images/product/bg07.jpg) no-repeat 0 0; }
	
/* ProductSection5 */
#ProductSection5 { height: 480px; background: url(../images/product/bg08.jpg) no-repeat 0 0; }
	#ProductSection5 .rtxt { top: 180px; width: 350px; }


/***** Equipmen *****/

.EquipmenSection {
	margin-bottom: 30px;
	padding: 40px;
	background-color: #fff;
}
	.EquipmenSection.Col3 > div {
		float: left;
		width: 360px;
		margin-right: 50px;
	}
		.EquipmenSection.Col3 > div:last-child { margin-right: 0; }
		
		.EquipmenSection .photo { text-align: center; }
		.EquipmenSection .photo p { margin-top: 20px; font-weight: bold; }
	
	.EquipmenSection.Col4 > div {
		float: left;
		width: 280px;
		margin-right: 20px;
	}
		.EquipmenSection.Col4 > div:last-child { margin-right: 0; }
		
	.EquipmenSection h4 { margin-bottom: 5px; font-size: 14px; }
	.EquipmenSection ul + h4 { margin-top: 10px; }
		
	.EquipmenSection .head {
		margin-bottom: 30px;
		padding-left: 15px;
		border-left: 5px solid #1a1a1a;
	}
	.EquipmenSection .head h3 { margin-bottom: 20px; }
	.EquipmenSection .head ul { padding-left: 20px; }
	
	.EquipmenSection .Col3 > div { width: 33.3%; float: left; }

	.EquipmenSection.Col2 .txt { float: left; width: 250px; }
	.EquipmenSection.Col2 .photo { float: right; width: 280px; }

	.EquipmenSection.left { float: left; width: 545px; }
	.EquipmenSection.right { float: right; width: 545px; }


/***** Company *****/

/* CompanySection1 */

.CompanySection1 {
	height: 410px;
	margin-bottom: 70px;
	background: #fff url(../images/company/bg_01.jpg) no-repeat right 0;
}
	.CompanySection1 > div { width: 560px; padding: 50px 50px 0; }


/* CompanySection2 */

.CompanySection2 {
	padding: 50px;
	margin-bottom: 70px;
	background-color: #fff;
}

.CompanySection2 > table {
	float: left;
	width: 565px;
}
	.CompanySection2 > table:nth-child(1) { margin-right: 50px; }
	.CompanySection2 table th { white-space: nowrap; }

.CompanySection2 dl {
	margin-bottom: 15px;
}
.CompanySection2 dt {
	margin-bottom: 10px;
	font-weight: bold;
}


/* CompanySection3 */

.CompanySection3 {
	padding: 50px;
	background-color: #fff;
}


/***** Contact *****/

.deviceAdj {
	min-width: 1280px;
	text-align: center;
}
#ContactSection {
	width: 750px;
	margin: 0 auto 100px;
	padding: 100px;
	text-align: left;
	background-color: #fff;
}

#ContactSection .err {
	margin: 0 0 50px;
	padding: 15px 10px 10px 40px;
	color: #cc2929;
	border: 3px solid #f5e1e1;
	background-color: #fcf2f2;
}

.formPartsSelectA {
	width: 200px;
	padding: 5px;
	border: 1px solid #dbdbdb;
}

.formPartsTextAreaA {
	width: 500px;
	height: 120px;
	border: 1px solid #dbdbdb;
}

.formPartsTextA {
	width: 300px;
	padding: 5px 0;
	border: 1px solid #dbdbdb;
}

#ContactSection .btn {
	text-align: center;
	background-color: #f0f0f0;
}
	#ContactSection .btn .confBtn {
		width: 250px;
		height: 64px;
		border: none;
		background: transparent url(../images/contact/btn_conf.png) no-repeat 0 0;
		cursor: pointer;
	}
	#ContactSection .btn .fixBtn {
		width: 250px;
		height: 64px;
		border: none;
		background: transparent url(../images/contact/btn_send.png) no-repeat 0 0;
		cursor: pointer;
	}


/* reason */

.ReasonBox {
	padding: 70px;
	background-color: #fff;
}

	.ReasonSection {
		margin-bottom: 70px;
		padding-bottom: 21px;
		background: url(../images/common/lineA.png) repeat-x 0 bottom;
	}
		.ReasonSection:last-child {
			margin: 0;
			padding: 0;
			background-image: none;
		}

	.ReasonBox .moduleA { margin-bottom: 50px; }
	.ReasonBox .moduleB { margin-bottom: 50px; }

	.ReasonBox h2 { margin-bottom: 50px; }
	
	.ReasonBox .txt { width: 790px; }
	.ReasonBox .txt h3 {
		margin-bottom: 30px;
		padding-left: 10px;
		line-height: 1.2;
		font-size: 18px;
		color: #333;
		border-left: 3px solid #333;
	}
	.ReasonBox .photo { width: 300px; }
	.ReasonSection .link {
		margin-top: 10px;
		padding-left: 10px;
		background: url(../images/common/arrow_01.png) no-repeat 0 6px;
	}
	
	.ReasonBox .moduleA .txt { float: left; }
	.ReasonBox .moduleA .photo { float: right; }
	
	.ReasonBox .moduleB .txt { float: right; }
	.ReasonBox .moduleB .photo { float: left; }



/*----------------------------------*/
/*									*/
/*	common style					*/
/*									*/
/*----------------------------------*/

.headlineBox {
	min-width: 1280px;
	margin: 50px auto;
	text-align: center;
}
	.headlineBox p { margin-top: 50px; }

.headlineA {
	margin-bottom: 30px;
	text-align: center;
}

.tableA { background: url(../images/common/lineA.png) repeat-x 0 top; }
.tableA tr { background: url(../images/common/lineA.png) repeat-x 0 bottom; }
.tableA th, .tableA td { padding: 30px 0; }
.tableA th {
	padding-left: 20px;
	padding-right: 50px;
	vertical-align: top;
	text-align: left;
}
	.tableA table tr { background-image: none; }
	.tableA table td { padding: 0; }

.tableB th, .tableB td { padding: 0 0 50px; }
.tableB th {
	padding-right: 50px;
	white-space: nowrap;
	vertical-align: middle;
	text-align: left;
}
	.tableB th .sub {
		line-height: 1.4;
		font-size: 12px;
		font-weight: normal;
	}
	.tableB td .example {
		padding-left: 30px;
		color: #999;
	}

.LSm005 { letter-spacing: -0.05em; }