@charset "utf-8";

/* ----------------------------------------------------------
 Frameworks
-----------------------------------------------------------*/

/*body { pointer-events: none; }*/

/* Category Title */
.categoryTop  #contents:before { background: transparent url("/products/images/categoryTitle.jpg") no-repeat center center; }
.news         #contents:before { background: transparent url("/products/images/categoryTitle.jpg") no-repeat center center; }
.material     #contents:before { background: transparent url("/products/material/images/categoryTitle.jpg")     no-repeat center center; }
#weldream     #contents:before { background: transparent url("/products/material/weldream/images/categoryTitle.jpg")     no-repeat center center; }
.instrument   #contents:before { background: transparent url("/products/instrument/images/categoryTitle.jpg")   no-repeat center center; }
.plasma       #contents:before { background: transparent url("/products/plasma/images/categoryTitle.jpg")       no-repeat center center; }
.opticalfiber #contents:before { background: transparent url("/products/opticalfiber/images/categoryTitle.jpg") no-repeat center center; }


.instrument #contents h2 { color: #fff; }
.instrument #contents h2 a { color: #999; }

.products h3 sub {
	position: relative;
	top: 11px;
	}


/* GlobalNav */
.products header #globalNav > ul > li > a[href*="products"] { background: #fff; }

/* LocalNav */
#outline      #secondary #localNav dl dd a[href*="outline"]      ,
#officer      #secondary #localNav dl dd a[href*="officer"]      ,
#organization #secondary #localNav dl dd a[href*="organization"] ,
#history      #secondary #localNav dl dd a[href*="history"]      ,
#branch       #secondary #localNav dl dd a[href*="branch"]       ,
#group        #secondary #localNav dl dd a[href*="group"]        ,
#factory      #secondary #localNav dl dd a[href*="factory"]      ,
#financial    #secondary #localNav dl dd a[href*="financial"]    ,
#announcement #secondary #localNav dl dd a[href*="announcement"] { background: #eee; }


/*---------- colList ----------*/

.colList {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
	}
	.colList dl {
		width: 220px;
		margin: 0 0 1rem 12px;
		text-align: center;
		}
		.colList dl:nth-of-type(1) { margin-left: 0; }
		
		.colList dl dt {
			}
			.colList dl dt a {
				padding: 4px;
				display: block;
				border: 1px solid #ddd;
				border-radius: 3px;
				transition: all ease-out .3s;
				}
				.colList dl dt a img {
					width: auto; height: auto;
					max-width: 100%; max-height: 100%;
					}
				
				.colList dl dt a:hover { border: 1px solid #3b57ad; }
			
	
	.colList p { margin: 0 0 1rem 12px; }


/*---------- plInfo ----------*/

.plInfo {
	float: right;
	width: 570px;
	margin: 0 0 0 30px;
	}
	.plInfo table th ,
	.plInfo table td { padding: 7px 8px; }

/*---------- pageNav ----------*/

#pageNav {
	margin: 0 0 50px;
	}
	#pageNav ul {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-align-items: stretch;
		align-items: stretch;
		}
		#pageNav ul li {
			margin: 0 0 10px 10px;
			}
			#pageNav ul li:nth-of-type(4n+1) { margin-left: 0; }
			
			
			#pageNav ul li a {
				padding: 10px 15px;
				display: -webkit-flex;
				display: flex;
				-webkit-align-items: center;
				align-items: center;
				-webkit-justify-content: center;
				justify-content: center;
				white-space: nowrap;
				border: 1px solid #ddd;
				border-radius: 3px;
				transition: all ease-out .3s;
				}
				#pageNav ul li a:hover {
					color: #fff;
					background: #2867a7;
					border: 1px solid #2867a7;
					}


/*---------- inquirySec ----------*/

#inquirySec {
	padding: 30px 0 0;
	border-top: 1px dotted #ccc;
	}
	#inquirySec {
		}
		#inquirySec ul {
			text-align: center;
			}
			#inquirySec ul li {
				display: inline-block;
				}
				#inquirySec ul li a {
					width: 230px;
					}


/*---------- sarhProdSec ----------*/


/* ----------------------------------------------------------
 Products > index.html
-----------------------------------------------------------*/

/* form */
form#productsForm {
	width: 1160px;
	margin: 0 auto 50px; padding: 5px 5px 5px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
	border: 3px solid #eee;
	border-radius: 50px;
	}
	form#productsForm #formCategory {
		position: relative;
		
		background: linear-gradient(to bottom, #333 33.3%, rgba(255,255,255,0) 0%) repeat-y right top;
		background-size: 1px 3px;
		}
		form#productsForm #formCategory:hover {
			}

		form#productsForm #formCategory:before {
			position: absolute;
			right: 22px; top: calc(50% - 3px);
			width: 10px; height: 10px;
			display: block;
			content: "";
			border-right: 2px solid #096eaa;
			border-bottom: 2px solid #096eaa;
			transform: translateY(-50%) rotate(45deg);
			pointer-events: none;
			z-index: 2;
			transition: all ease-out .3s;
			}
			form#productsForm #formCategory:hover:before { top: calc(50%); }

		form#productsForm #formCategory select {
			height: 54px;
			padding: 2px 40px 0 10px;
			appearance: none;
			-webkit-appearance: none;
			-moz-appearance: none;
			background: none;
			cursor: pointer;
			border: none;
			transition: all ease-out .3s;
			}
			form#productsForm #formCategory select:focus ,
			form#productsForm #formCategory select:hover {
				/*box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
				background: #f3f3f3;*/
				outline: none;
				box-shadow: inset 0 -5px 0 #eee;
				}

	form#productsForm p {
		margin: 0;
		}
		form#productsForm p input {
			width: 580px; height: 54px;
			border: none;
			}

		/* text */
		form#productsForm p input[type="text"] {
			margin: 0; padding: 5px 5px 5px 20px;
			transition: all ease-out .3s;
			}

			form#productsForm p input[type="text"]:hover { background: #f3ffe9; }

			form#productsForm p input[type="text"]:focus ,
			form#productsForm p input[type="text"]:active {
				box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
				background: #f3ffe9;
				border-color: #fff;
				outline: none;
				}

		form#productsForm p button {
			width: 180px; height: 54px;
			margin: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
			background: #0666a8;
			border-radius: 50px;
			transition: all ease-out .3s;
			}
			form#productsForm p button:focus ,
			form#productsForm p button:hover { background: #013a91; box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); }

			form#productsForm p button:before {
				width: 22px; height: 21px;
				margin: -1px 9px 0 0;
				display: block;
				content: "";
				background: transparent url("/common/images/icoSearch.png") no-repeat center center;
				}
	
/*---------- topicsSec ----------*/

#newsSec {
	position: relative;
	}
	#newsSec h3 {
		font-size: 1.75rem;
		line-height: 2.5rem;
		}
	#newsSec dl {
		margin: 0 auto;
		}
		#newsSec dl dt {
			float: left;
			padding: 20px 0;
			}
			#newsSec dl dt.icoPlas:after ,
			#newsSec dl dt.icoMate:after ,
			#newsSec dl dt.icoInst:after ,
			#newsSec dl dt.icoOpti:after {
				width: 8rem;
				margin: 0 0 0 5px; padding: 3px 0;
				display: inline-block;
				content: "";
				font-size: 0.75rem;
				color: #fff;
				vertical-align: top;
				text-align: center;
				border-radius: 3px;
				}
				#newsSec dl dt.icoPlas:after { background: #333333; content: "プラズマ機器"; }
				#newsSec dl dt.icoMate:after { background: #235e9d; content: "溶接材料"; }
				#newsSec dl dt.icoInst:after { background: #288ea3; content: "溶接機器・装置"; }
				#newsSec dl dt.icoOpti:after { background: #d6553f; content: "光ファイバケーブル"; }
			
			
		#newsSec dl dd {
			padding: 20px 0 20px 220px;
			background: linear-gradient(to right, #333 25%, rgba(255,255,255,0) 0%) repeat-x left bottom;
			background-size: 4px 1px;
			}
			#newsSec #productsBox dl dd {}
			
			
			#newsSec dl dd a {
				color: #333333;
				}
				#newsSec dl dd a:hover { text-decoration: underline; }

	#newsSec > p {
		position: absolute;
		right: 0; top: 0;
		margin: 0;
		}
		#newsSec > p a {
			width: 50px; height: 50px;
			display: block;
			font-size: 14px;
			line-height: 50px;
			color: #ffffff;
			text-align: center;
			background: rgba(0,51,153,1);
			transition: all ease-out .2s;
			}
			#newsSec > p a:hover { opacity: .7; }
			
/*---------- productNav ----------*/
#productNav {
	margin-top: 100px;
	}
	#productNav ul {
		}
		#productNav ul li {
			float: left;
			}
			#productNav ul li#pnWeldream,
			#productNav ul li#pnMaterial { margin-bottom: 100px; }
			
			#productNav ul li a {
				position: relative;
				display: block;
				width: 400px; height: 240px;
				text-align: center;
				background: transparent no-repeat center center;
				transition: all ease-out .3s;
				font-size: 18px;
				color: #333333;
				border-right: 1px solid #ffffff;
				}
				#productNav ul li#pnWeldream a { background-image: url("/products/images/pnWeldream.jpg") ; width: 600px; }
				#productNav ul li#pnMaterial a  { background-image: url("/products/images/pnMaterial.jpg") ; width: 600px; border-right: none; }
				#productNav ul li#pnInstrument a  { background-image: url("/products/images/pnInstrument.jpg") ; }
				#productNav ul li#pnPlasma a  { background-image: url("/products/images/pnPlasma.jpg") ; }
				#productNav ul li#pnOpticalfiber a  { background-image: url("/products/images/pnOpticalfiber.jpg") ; border-right: none; }
				
				/* Weldream */
				#productNav ul li#pnWeldream a:after{
					position: absolute;
					top: 0; left: 0;
					display: block;
					width: 600px; height: 69px;
					line-height: 69px;
					content: ""お客様の理想の溶接を実現する"新ブランド";
					color: #333333;
					}
				
				#productNav ul li a:hover { box-shadow: inset 0 0 0 8px rgba(255,255,255,0.5); }
				
				#productNav ul li a span {
					display: block;
					width: 100%; height: 60px;
					line-height: 60px;
					position: absolute;
					top: -60px;
					}


/* ----------------------------------------------------------
 Products > List
-----------------------------------------------------------*/

#contents .prList {
	margin: 0 0 20px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: start;
	-ms-flex-align: start;
	align-items: start;
	}
	.prList h4 { width: 100%; }
	
	.prList .prListWrap {
		width: 210px;
		margin: 0 0 60px 20px;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-align-items: start;
		-ms-flex-align: start;
		align-items: start;
		}
		.prList .prListWrap.plwLeft ,
		.prList .prListWrap:nth-of-type(1) ,
		.prList h4 + .prListWrap { margin-left: 0; }
		
		.prList .prListWrap.plw2 { width: 440px; }
		.prList .prListWrap.plw3 { width: 670px; }
		.prList .prListWrap.plw4 { width: 700px; }
		
		.prList .prListWrap:after { display: none; }
		
		/* Item List */
		#contents .prList .prListWrap h5 {
			width: 100%;
			margin: 0 0 2px; padding: 8px 5px;
			font-size: 1rem;
			font-family: 'Open Sans', "メイリオ", meiryo, verdana ,'ＭＳ Ｐゴシック', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN" ,osaka ,sans-serif;
			text-align: center;
			background: #eee;
			}
		.prList .prListWrap dl {
			width: 210px;
			margin: 0 0 0 20px;
			}
			.prList .prListWrap dl:nth-of-type(1) { margin-left: 0; }
			
			.prList .prListWrap dl dt {
				margin: 0 0 8px;
				}
				.prList .prListWrap dl dt a {
					padding: 20px;
					display: block;
					border: 1px solid #ddd;
					border-radius: 3px;
					transition: all ease-out .3s;
					}
					.prList .prListWrap dl dt a:hover { border: 1px solid #0666a8; }
					
					.prList .prListWrap dl dt a img {
						width: auto; height: auto;
						max-width: 100%; max-height: 100%;
						transition: all ease-out .3s .05s;
						}
						.prList .prListWrap dl dt a:hover img { transform: scale(1.1); }
						

			.prList .prListWrap dl dd ,
			.prList .prListWrap p {
				line-height: 1.5rem;
				text-align: center;
				}
				.prList .prListWrap p { width: 100%; }
				#plasma .prList .prListWrap dl dd { white-space: nowrap; }
				
				.prList .prListWrap dl dd a ,
				.prList .prListWrap p     a {
					font-weight: bold;
					}
					.prList .prListWrap dl dd a:hover ,
					.prList .prListWrap p     a:hover { text-decoration: underline; }

					.prList .prListWrap dl dd a span ,
					.prList .prListWrap p     a span {
						margin: 6px 0 0;
						display: block;
						font-size: 0.875rem;
						color: #999;
						}
						.prList .prListWrap dl dd a span.txtRed ,
						.prList .prListWrap p     a span.txtRed {
							margin: 0;
							display: inline-block;
							font-size: 1rem;
							font-weight: bold;
							}

				#opticalfiber .prList .prListWrap dl dd a span { text-align: left; }


/* ----------------------------------------------------------
 Products > Search Index
-----------------------------------------------------------*/

#material form#sarhProdSec fieldset#variety ul li { width: 210.25px; }
#material form#sarhProdSec fieldset#variety ul li:nth-of-type(4n+1) { margin-left: 0; }
#material form#sarhProdSec fieldset#steel ul li { width: 282px; }
#material form#sarhProdSec fieldset#steel ul li:nth-of-type(3n+1) { margin-left: 0; }

.instrument form#sarhProdSec fieldset ul li { width: 227.2px; }
.instrument form#sarhProdSec fieldset ul li:nth-of-type(5n+1) { margin-left: 0; }
.plasma form#sarhProdSec fieldset ul li { width: 227.2px; }
.plasma form#sarhProdSec fieldset ul li:nth-of-type(5n+1) { margin-left: 0; }




/* ----------------------------------------------------------
 Products > Search List
-----------------------------------------------------------*/

#searchList #primary {
	width: 1200px;
	}
	#searchList.material form#sarhProdSec {
		margin: 0 0 10px;
		}
		#searchList.material form#sarhProdSec fieldset#variety ul li { width: 227.2px; }
		#searchList.material form#sarhProdSec fieldset#variety ul li:nth-of-type(5n+1) { margin-left: 0; }
		#searchList.material form#sarhProdSec fieldset#steel ul li { width: 285.25px; }
		#searchList.material form#sarhProdSec fieldset#steel ul li:nth-of-type(4n+1) { margin-left: 0; }




/* ----------------------------------------------------------
 Products > Search Detail
-----------------------------------------------------------*/

#searchDetail #primary {
	width: 1200px;
	}
	/* visualSec */
	#searchDetail #visualSec {
		margin: 0 0 35px;
		display: flex;
		justify-content: space-between;
		}
		#searchDetail #visualSec:after { display: none; }

		#searchDetail #visualSec #visualCnt {
			width: 770px;
			order: 2;
			}
			#searchDetail #visualSec #visualCnt h3 {
				}
				#searchDetail #visualSec #visualCnt h3 .h3Steel {
					margin: 0 0 12px; padding: 5px 15px;
					display: inline-flex;
					align-items: center;
					justify-content: center;
					font-size: 1rem;
					color: #fff;
					line-height: 1.5;
					background: #0666a8;
					border-radius: 5px;
					}
				#searchDetail #visualSec #visualCnt h3 .h3Variety {
					display: block;
					font-size: 1.5rem;
					line-height: 0.875;
					}

			#searchDetail #visualSec #visualCnt .visCntBox {
				margin: 0 0 5px;
				border-bottom: 1px solid #ddd;
				}
				#searchDetail #visualSec #visualCnt .visCntBox h4 {
					margin: 0;
					line-height: 1.75;
					border: none;
					}


		#searchDetail #visualSec #visualPh {
			width: 370px;
			order: 1;
			}
			#searchDetail #visualSec #visualPh figure {
				margin: 0 0 15px;
				}
				#searchDetail #visualSec #visualPh figure img { width: 100%; }

			#searchDetail #visualSec #visualPh ul {
				}
				#searchDetail #visualSec #visualPh ul li {
					padding: 2px 15px 2px 30px;
					/*border-bottom: 1px solid #eee;*/
					}
					#searchDetail #visualSec #visualPh ul li:before {
						width: 10px; height: 2px;
						margin: 0 13px 0 -23px;
						display: inline-block;
						content: "";
						vertical-align: middle;
						background: #0666a8;
						transform: translateY(-50%);
						}

	/* downloadSec */
	#searchDetail #primary #downloadSec {
		width: 100%;
		margin-bottom: 20px;
		}
		#searchDetail #downloadSec #btnDownload ,
		#searchDetail #downloadSec #btnDownload + label { display: none; }

		#searchDetail #downloadSec #downloadList {
			padding: 15px 30px 40px;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			background: #f8f8f8;
			border-radius: 10px;
			}
			#searchDetail #downloadSec #downloadList:after { display: none; }

			#searchDetail #downloadSec #downloadList .downloadBox {
				width: 560px;
				}
				#searchDetail #downloadSec #downloadList h5 {
					}

				#searchDetail #downloadSec #downloadList ul {
					margin: 0 0 0 -2px;
					display: flex;
					flex-wrap: wrap;
					}
					#searchDetail #downloadSec #downloadList ul li {
						margin: 0 0 2px 2px;
						}
						#searchDetail #downloadSec #downloadList ul li a {
							padding: 5px 10px 5px 20px;
							display: block;
							background: #fff;
							border: 1px solid #ddd;
							border-radius: 5px;
							transition: all ease-out .3s;
							}
							#searchDetail #downloadSec #downloadList ul li a:hover {
								color: #fff;
								background: #0666a8;
								border-color: #0666a8;
								}
							#searchDetail #downloadSec #downloadList ul li a .dlA11Y { display: none; }
							#searchDetail #downloadSec #btnDownload:checked ~ #downloadList ul li a .dlA11Y { display: inline; }

	/* downloadSec */
	#searchDetail #primary #annotationSec {
		margin-bottom: 70px;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		}
		#searchDetail #primary #annotationSec ul { margin: 0; }
		#searchDetail #primary #annotationSec .icoStar {
			margin: 0; padding: 0 0 0 1rem;
			text-indent: -1rem;
			}

	#searchDetail p#btnInquiry {
		text-align: center;
		}
		#searchDetail p#btnInquiry a { font-size: 1.5rem; }


/* ----------------------------------------------------------
 Products > Detail Template
-----------------------------------------------------------*/


/*---------- leadSec ----------*/

.leadSec {
	position: relative;
	}
	.leadSec .prAbout { min-height: 400px; padding: 0 0 0 350px; }
	
	#contents .leadSec h4 { margin-left: -20px; }
	
	.leadSec p#weldType {
		padding: 3px 20px;
		display: inline-block;
		background: #eee;
		border-radius: 3px;
		}

	.leadSec p.prImage {
		position: absolute;
		left: 0; top: 0;
		margin: 0;
		}
	.leadSec div.positionL {
		position: absolute;
		left: 0;
		top: 420px;
		margin: 0;
		}
	.leadSec ul.flex-start {
		display: flex;
		flex-wrap: wrap;
		width: 330px;
		gap: 10px;
		}
		.leadSec ul.flex-start li {
			width: 48%;
			}
			.leadSec ul.flex-start li a.btnTxt {
				padding: 20px 15px;
				width: 100%;
				text-align: center;
				}
				.leadSec ul.flex-start li a.btnTxt::after {
					right: 15px;
					}
					.leadSec ul.flex-start li a.btnTxt:hover::after {
						right: 8px;
						}
	
	.leadSec .leExtra { margin: 20px 0 0; }

.leadSec ~ .leadSec .prAbout {
	min-height: 450px;
	padding-top: 50px;
	background: linear-gradient(to right, #999 25%, rgba(255,255,255,0) 0%) repeat-x left top;
	background-size: 4px 1px;
	}
	.leadSec ~ .leadSec p.prImage { top: 50px; }

/* prAbout */
.leadSec .prAbout {
	position: relative;
	}
	.prAbout .lsWrap {
		}
		.prAbout .lsWrap dl {
			float: left;
			width: 50%;
			}
		.prAbout .lsWrap .imgBox {
			float: left;
			width: 50%;
			}
		
	.prAbout .lsWrap table th {
		width: 50%;
		}



/*---------- specSec ----------*/

#specSec {
	}
	#specSec table th { width: 14rem; }
	
	#specSec .spShare {

		margin: 0 0 30px;
		}
	#specSec .spColumn2 {
		float: left;
		width: 450px;
		margin: 0 0 30px; padding: 0 0 0 20px;
		}
		#specSec .spColumn2:nth-of-type(2n) {
			clear: both; 
			padding: 0 20px 0 0;
			}
		
		#cutting #specSec .spColumn2:nth-of-type(2n) {
			clear: none; 
			}
		
	
		#specSec .spColumn2:nth-last-of-type(1) ,
		#specSec .spColumn2:nth-last-of-type(2) { margin-bottom: 0; }
		
		#specSec .spColumn2 table th { width: 9rem; }

		#cutting #specSec .spColumn2:first-of-type {
			width: 400px;
			}
		#cutting #specSec .spColumn2:nth-of-type(2) {
			width: 500px;
			clear: none;
			padding: 0 0 0 20px;
			}
		#cutting #specSec .spColumn2:nth-of-type(3) {
			clear: both;
			padding: 0 20px 0 0;
			margin: 0 0 30px;
			}
		#cutting #specSec .spColumn2:nth-of-type(4) {
			padding: 0 0 0 20px;
			margin: 0 0 30px;
			}
			#cutting #specSec .spColumn2 dl div {
				display: flex;
				}
				#cutting #specSec .spColumn2 dl div dt {
					width: 6em;
					position: relative;
					}
					#cutting #specSec .spColumn2 dl div dt::after {
						content: "：";
						position: absolute;
						top: 0;
						right: 3px;
						}
						#cutting #specSec .spColumn2 a.btnTxt {
						
						}



/*---------- standardSec ----------*/

#standardSec {
	padding-top: 50px;
	background: linear-gradient(to right, #999 25%, rgba(255,255,255,0) 0%) repeat-x left top;
	background-size: 4px 1px;
	}


/* ----------------------------------------------------------
 Products > Material > index.html
-----------------------------------------------------------*/

.material #materialNav {
	} 
	.material #materialNav ul {
		margin: 0;
		} 
		.material #materialNav ul li {
			float: left;
			margin: 0;
			}
			.material #materialNav ul li:nth-of-type(1) { margin-right: 10px; }
			
			.material #materialNav ul li a {
				display: block;
				transition: all ease-out .3s;
				}
				.material #materialNav ul li a:hover { box-shadow: 0 0 0 1px #0666a8; }


/* ----------------------------------------------------------
 Products > Material > Catalog
-----------------------------------------------------------*/



/* ----------------------------------------------------------
 Products > Material > handbook
-----------------------------------------------------------*/

#handbook #handbookSec {
	}
	#handbook #handbookSec p.plImage {
		float: left;
		width: 250px;
		}
		#handbook #handbookSec p.plImage a {
			display: block;
			border: 4px solid #eee;
			transition: all ease-out .3s;
			}
			#handbook #handbookSec p.plImage a:hover { border: 4px solid #0666a8; }
			
			#handbook #handbookSec p.plImage a img {
				width: auto; height: auto;
				max-width: 100%; max-height: 100%;
				}

	#handbook #handbookSec #hbInfo {
		float: right;
		width: 620px;
		}



/* ----------------------------------------------------------
 Products > Material > Weldream
-----------------------------------------------------------*/

/*---------- leadSec ----------*/

/*#weldream #leadSec {
	}
	#weldream #leadSec h3 {
		height: 265px;
		color: rgba(2552,255,255,0);
		background: transparent url("/products/material/weldream/images/logo.jpg") no-repeat center center;
		box-shadow: inset 0 0 0 4px #dde8ed;
		}*/



/*---------- figWeldream ----------*/

#weldream #figWeldream {
	}
	#weldream #figWeldream ul {
		position: relative;
		width: 860px;height: 395px;
		margin: 40px auto 40px;
		background: transparent url("/products/material/weldream/images/bgWeldream.png") no-repeat center center;
		}
		#weldream #figWeldream ul li {
			position: absolute;
			left: 342px;
			}
			#weldream #figWeldream ul li:nth-of-type(1) { top: 60px; }
			#weldream #figWeldream ul li:nth-of-type(2) { left: 243px; top: 174px; }
			#weldream #figWeldream ul li:nth-of-type(3) { left: 437px; top: 174px; }
			#weldream #figWeldream ul li:nth-of-type(4) { top: 285px; }

			#weldream #figWeldream ul li a {
				display: inline-block;
				transition: all ease-out .3s;
				}
				#weldream #figWeldream ul li a:hover { box-shadow: 0 0 5px 3px rgba(255,255,255,1); }
				#weldream #figWeldream ul li a img { width: 180px; }


/*---------- brandCategory ----------*/

#weldream #brandCategory {
	}
	#weldream #brandCategory table {
		}
		#weldream #brandCategory table tbody {
			}
			#weldream #brandCategory table tbody th {
				white-space: nowrap;
				}
				#weldream #brandCategory table tbody th a {
					display: flex;
					align-items: center;
					justify-content: center;
					transition: all ease-out .3s;
					}
					#weldream #brandCategory table tbody th a:hover { opacity: 0.6; }

				#weldream #brandCategory table tbody th img:nth-of-type(1) { width: 140px; margin: 0 10px 0 0; }
				#weldream #brandCategory table tbody th img:nth-of-type(2) { width: 140px; }

/*---------- leadSec ----------*/

#weldream .wdSec {
	position: relative;
	padding: 10px 10px 0 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
	background: #3762b4;
	border-radius: 3px;
	}
	#weldream .wdSec h4 ,
	#weldream .wdSec h5 {
		width: 100%;
		margin: 30px 0 20px 10px; padding: 0;
		color: #fff;
		text-align: center;
		background: none;
		border: none;
		}
		#weldream .wdSec h4 img { width: 540px; }

		#weldream .wdSec h5 {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 0 20px;
			}
			#weldream .wdSec h5 img { width: 200px; }
	
	#weldream .wdSec .wdBox {
		width: 225px;
		margin: 0 0 10px 10px; padding: 10px;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-evenly;
		-ms-flex-pack: distribute;
		justify-content: space-evenly;

		background: #fff;
		border-radius: 3px;
		}
		#weldream .wdSec .wdBox:after { display: none; }
		
		#weldream .wdSec .wdb2 { width: 435px; }
		#weldream .wdSec .wdb3 { width: 645px; }
		#weldream .wdSec .wdb4 { width: 880px; }
		
		#weldream .wdSec .wdb2:not(.wdSec) { margin-right: 10px; }
		
		#weldream .wdSec .wdBox dl {
			width: 205px;
			margin: 0;
			}
			#weldream .wdSec .wdBox dl dt {
				margin: 0 0 8px;
				}
				#weldream .wdSec .wdBox dl dt a {
					height: 220px;
					padding: 15px;
					display: -webkit-flex;
					display: flex;
					-webkit-align-items: center;
					align-items: center;
					-webkit-justify-content: center;
					justify-content: center;
					border: 1px solid #ddd;
					border-radius: 3px;
					transition: all ease-out .3s;
					}
					#weldream .wdSec .wdBox dl dt a:hover { border: 1px solid #0666a8; }
					
					#weldream .wdSec .wdBox dl dt a img {
						width: auto; height: auto;
						max-width: 100%; max-height: 100%;
						transition: all ease-out .3s .05s;
						}
						#weldream .wdSec .wdBox dl dt a:hover img { transform: scale(1.1); }
					
			#weldream .wdSec .wdBox dl dd {
				line-height: 1.5rem;
				text-align: center;
				}
				.prList .prListWrap dl dd a {
					}
					.prList .prListWrap dl dd a:hover { text-decoration: underline; }


	#weldream #wdRedSec table {
		width: 850px;
		}
		#weldream #wdRedSec table th ,
		#weldream #wdRedSec table td {
			padding: 7px 7px;
			line-height: 1.5;
			}
			#weldream #wdRedSec table thead tr th.colBox { width: 17%; }

			#weldream #wdRedSec table thead th { background: #087bc5; }
			#weldream #wdRedSec table td { text-align: center; }

			#weldream #wdRedSec #premiumSec table td { background: #fffcf3; }
			#weldream #wdRedSec #cnSec table td      { background: #fcfef2; }
			#weldream #wdRedSec #advanceSec table td { background: #fcfef2; }
			#weldream #wdRedSec #plusSec table td    { background: #ecf3fa; }
			#weldream #wdRedSec #premiumSec table td:has(a) { background: #fffcf3; }
			#weldream #wdRedSec #cnSec table td:has(a)      { background: #fcfef2; }
			#weldream #wdRedSec #advanceSec table td:has(a) { background: #fcfef2; }
			#weldream #wdRedSec #plusSec table td:has(a)    { background: #ecf3fa; }


	#weldream .wdSec > p {
		position: absolute;
		bottom: -3rem;
		}


/* ----------------------------------------------------------
 Products > Instrument > index.html
-----------------------------------------------------------*/

/*---------- outlineSec ----------*/

#instrument #outlineSec {
	font-size: 1.25rem;
	}

/*---------- leadSec ----------*/

#instrument #leadSec {
	padding: 20px;
	border: 4px solid #eee;
	}
	#instrument #leadSec p { text-align: center; }
	#instrument #leadSec ol {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: stretch;
		align-items: stretch;
		-webkit-justify-content: center;
		justify-content: center;
		}
		#instrument #leadSec ol li {
			position: relative;
			width: 33.3%;
			padding: 10px;
			text-align: center;
			border-right: 1px dotted #ccc;
			}
			#instrument #leadSec ol li:nth-last-of-type(1) { text-align: left; border: none; }
			
			#instrument #leadSec ol li:before {
				width: 60px; height: 60px;
				margin: 0 auto 10px;
				content: "";
				display: -webkit-flex;
				display: flex;
				-webkit-align-items: center;
				align-items: center;
				-webkit-justify-content: center;
				justify-content: center;
				font-size: 1.5rem;
				color: #fff;
				background: #0666a8;
				}
				#instrument #leadSec ol li:nth-of-type(1):before { content: "1"; }
				#instrument #leadSec ol li:nth-of-type(2):before { content: "2"; }
				#instrument #leadSec ol li:nth-of-type(3):before { content: "3"; }
	
	#instrument #leadSec strong {
		}



/* ----------------------------------------------------------
 Products > Plasma > index.html
-----------------------------------------------------------*/

#plasma #contents h3 { font-size: 1.5rem; }

/*---------- plasmaNav ----------*/

#plasmaNav {
	}
	#plasmaNav ul {
		}
		#plasmaNav ul li {
			float: left;
			width: 222px;
			margin: 0 0 4px 4px;
			}
			#plasmaNav ul li:nth-of-type(4n+1) { margin-left: 0; }
			
			#plasmaNav ul li a {
				height: 222px;
				display: -webkit-flex;
				display: flex;
				-webkit-align-items: center;
				align-items: center;
				transition: all ease-out .3s;
				}
				#plasmaNav ul li#pnCatalog        a { background: transparent url("/products/plasma/images/pnCatalog.jpg")        no-repeat; }
				#plasmaNav ul li#pnTechinfo       a { background: transparent url("/products/plasma/images/pnTechinfo.jpg")       no-repeat; }
				#plasmaNav ul li#pnClassification a { background: transparent url("/products/plasma/images/pnClassification.jpg") no-repeat; }
				#plasmaNav ul li#pnRepair         a { background: transparent url("/products/plasma/images/pnRepair.jpg")         no-repeat; }
				#plasmaNav ul li a:hover { box-shadow: inset 0 0 0 8px rgba(255,255,255,0.5); }
				
				#plasmaNav ul li a span {
					padding: 8px 20px 8px 15px;
					color: #fff;
					background: #3b57ad;
					}



/* ----------------------------------------------------------
 Products > Plasma > Machine
-----------------------------------------------------------*/

/*---------- cccSec ----------*/

#machine #cccSec #cccMark {
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	}
	#machine #cccSec #cccMark dl {
		margin: 0 10px;
		}
		#machine #cccSec #cccMark dl dd { text-align: center; }



/* ----------------------------------------------------------
 Products > Plasma > Cutting
-----------------------------------------------------------*/

#cutting section#nw-5 {
	margin: 0 auto 310px;
	}


/* ----------------------------------------------------------
 Products > Plasma > Torch
-----------------------------------------------------------*/

/*---------- torchSec ----------*/

.torchSec {
	}
	.torchSec .torchBox {
		float: left;
		width: 220px;
		}
		.torchSec .torchBox.tb2 { width: 450px; }
		.torchSec .torchBox.tb4 { width: 900px; }
		
		#contents .torchSec .torchBox h5 { margin: 0; }
		
		.torchSec .torchBox ul {
			}
			.torchSec .torchBox ul li {
				float: left;
				margin: 0 0 0 12px;
				}
				.torchSec .torchBox ul li:nth-of-type(4n+1) { margin-left: 0; }

				.torchSec .torchBox ul li a {
					width: 214px;
					}
					.torchSec .torchBox ul li a img {
						width: auto; height: auto;
						max-width: 100%; max-height: 100%;
						}

		.torchSec .torchBox p {}

/*-----------------------------------------------------------
 Button
-----------------------------------------------------------*/

.btnLine {
	width: 275px;
	margin: 50px auto 10px;
	}
.btnLine a {
	display: inline-block;
	padding: 25px 30px 25px 100px;
	background: #fff url("/products/plasma/images/icoDxf.png") no-repeat 30px center;
	border: 1px solid #ccc;
	border-radius: 5px;
	transition: all ease-out .3s;
	text-align: center;
	width: 275px;
	/*color: #fff;*/
	}
	
	.btnLine a:hover {
		color: #fff;
		background: rgba(13,44,85,1) url("/products/plasma/images/icoDxf-h.png") no-repeat 30px center;
		border: 1px solid rgba(13,44,85,1);
		}
		

/*---------- specSec ----------*/

#torch #specSec {
	}
	#torch #specSec table {
		}
		#torch #specSec table th ,
		#torch #specSec table td {
			padding: 8px 5px;
			text-align: center;
			}
			#torch #specSec table thead tr th:nth-of-type(1)      { width: 12%; }
			#torch #specSec table thead tr th:nth-last-of-type(1) { width: 20%; }
			
			#torch #specSec table thead tr:nth-of-type(2) th { width: 10%; font-size: 0.875rem; }


/*---------- typeSec ----------*/

#torch #typeSec {
	}
	#torch #typeSec dl {
		float: left;
		width: 220px;
		margin: 0 0 1rem 12px;
		}
		#torch #typeSec dl:nth-of-type(1) { margin-left: 0; }

		#torch #typeSec dl dt {
			}
			#torch #typeSec dl dt span {
				width: 214px;
				display: inline-block;
				border: 1px solid #ddd;
				/*border-radius: 3px;*/
				}
				#torch #typeSec dl dt span img {
					width: auto; height: auto;
					max-width: 100%; max-height: 100%;
					}



/* ----------------------------------------------------------
 Products > Plasma > Spray
-----------------------------------------------------------*/

/*---------- ptaSec ----------*/

#spray #ptaSec .prAbout { min-height: 330px; }



/*---------- spraySec ----------*/

#spray #spraySec table th { width: 7rem; }

#spray #spraySec .spBox {
	float: left;
	width: 430px;
	margin: 0 0 0 20px;
	}
	#spray #spraySec .spBox:nth-of-type(1) { margin-left: 0; }



/* ----------------------------------------------------------
 Products > Plasma > catalog
-----------------------------------------------------------*/

/*---------- colList ----------*/

#catalog .colList {
	}
	#catalog .colList p {
		height: 194px;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		}


/* ----------------------------------------------------------
 Products > Plasma > Drawing
-----------------------------------------------------------*/

#option.products.plasma table td {
    width: 223px;
}


/* ----------------------------------------------------------
 Products > Plasma > Tech Info
-----------------------------------------------------------*/

/*---------- techInfoNav ----------*/

#techinfo #techInfoNav {
	margin: 0 0 60px;
	}
	#techinfo #techInfoNav dl {
		padding: 0 0 15px;
		border-bottom: 1px dotted #ddd;
		}
		#techinfo #techInfoNav dl dt {
			margin: 0 0 10px;
			}
				
		#techinfo #techInfoNav dl dd {
			float: left;
			width: 217.5px;
			margin: 0 0 0 10px; padding: 0 0 0 1rem;
			background: transparent url("/common/images/icoList.svg") no-repeat left 0.7rem;
			}
			#techinfo #techInfoNav dl dd:nth-of-type(4n+1) { margin-left: 0; }
			

	#techinfo #techInfoNav ul {
		}
		#techinfo #techInfoNav ul li {
			float: left;
			width: 290px;
			margin: 0 0 0 15px;
			}
			#techinfo #techInfoNav ul li:nth-of-type(1) { margin-left: 0; }

			#techinfo #techInfoNav dl dt a ,
			#techinfo #techInfoNav ul li a {

				padding: 10px 15px;
				display: -webkit-flex;
				display: flex;
				-webkit-align-items: center;
				align-items: center;
				-webkit-justify-content: center;
				justify-content: center;
				white-space: nowrap;
				border: 1px solid #ddd;
				border-radius: 3px;
				transition: all ease-out .3s;
				}
				#techinfo #techInfoNav dl dt a:hover ,
				#techinfo #techInfoNav ul li a:hover {
					color: #fff;
					background: #2867a7;
					border: 1px solid #2867a7;
					}

/*---------- plasmaSec ----------*/

#techinfo #plasmaSec {
	}
	#techinfo #plasmaSec .plasmaBox {
		position: relative;
		margin: 0 0 50px;
		}
		#techinfo #plasmaSec #plasmaBox1 ,
		#techinfo #plasmaSec #plasmaBox2 ,
		#techinfo #plasmaSec #plasmaBox3 {
			padding: 0 320px 0 0;
			}
		
		#techinfo #plasmaSec .plasmaBox .pbImage {
			text-align: center;
			}
			#techinfo #plasmaSec #plasmaBox1 .pbImage ,
			#techinfo #plasmaSec #plasmaBox2 .pbImage ,
			#techinfo #plasmaSec #plasmaBox3 .pbImage {
				position: absolute;
				right: 0; top: 55px;
				width: 300px;
				}
				
			#techinfo #plasmaSec .plasmaBox .pbImage a {
				padding: 2px;
				display: block;
				border: 1px solid #ddd;
				border-radius: 3px;
				transition: all ease-out .3s;
				}
				#techinfo #plasmaSec .plasmaBox .pbImage a:hover { border: 1px solid #0666a8; }
				
				#techinfo #plasmaSec .plasmaBox .pbImage img {
					width: auto; height: auto;
					max-width: 100%; max-height: 100%;
					}
		
		#techinfo #plasmaSec #plasmaBox5 table th { width: 15rem; }
		
		#techinfo #plasmaSec #plasmaBox5  .pbImage a ,
		#techinfo #plasmaSec #plasmaBox6  .pbImage a { width: 215px; }
		#techinfo #plasmaSec #plasmaBox8  .pbImage a ,
		#techinfo #plasmaSec #plasmaBox9  .pbImage a { width: 200px; }
		#techinfo #plasmaSec #plasmaBox10 .pbImage a { height: 300px; }



/* ----------------------------------------------------------
 Products > Opticalfiber > index
-----------------------------------------------------------*/

/*---------- opticalfiberNav ----------*/

#opticalfiberNav {
	}
	#opticalfiberNav ul {
		}
		#opticalfiberNav ul li {
			float: left;
			width: 298px;
			margin: 0 0 3px 3px;
			}
			#opticalfiberNav ul li:nth-of-type(3n+1) { margin-left: 0; }
			
			#opticalfiberNav ul li a {
				height: 200px;
				display: -webkit-flex;
				display: flex;
				-webkit-align-items: center;
				align-items: center;
				transition: all ease-out .3s;
				}
				#opticalfiberNav ul li#onConnector a { background: transparent url("/products/opticalfiber/images/onConnector.jpg") no-repeat; }
				#opticalfiberNav ul li#onCoating   a { background: transparent url("/products/opticalfiber/images/onCoating.jpg")   no-repeat; }
				#opticalfiberNav ul li#onList      a { background: transparent url("/products/opticalfiber/images/onList.jpg")      no-repeat; }
				#opticalfiberNav ul li#onSpecs     a { background: transparent url("/products/opticalfiber/images/onSpecs.jpg")     no-repeat; }
				#opticalfiberNav ul li#onPacking   a { background: transparent url("/products/opticalfiber/images/onPacking.jpg")   no-repeat; }
				#opticalfiberNav ul li#onCatalog   a { background: transparent url("/products/opticalfiber/images/onCatalog.jpg")   no-repeat; }
				#opticalfiberNav ul li a:hover { box-shadow: inset 0 0 0 8px rgba(255,255,255,0.5); }
				
				#opticalfiberNav ul li a span {
					padding: 8px 20px 8px 15px;
					color: #fff;
					background: #3b57ad;
					}


/* ----------------------------------------------------------
 Products > Opticalfiber > Picoloop
-----------------------------------------------------------*/

/*---------- Cable ----------*/
#cable #optionSec {
	padding-top: 50px;
	background: linear-gradient(to right, #999 25%, rgba(255,255,255,0) 0%) repeat-x left top;
	background-size: 4px 1px;
	}

/*---------- Drum ----------*/

#drumSep {
	padding-top: 50px;
	background: linear-gradient(to right, #999 25%, rgba(255,255,255,0) 0%) repeat-x left top;
	background-size: 4px 1px;
	}
	
ul.drumList {
	}
	ul.drumList li {
		display: inline-block;
		margin-left: 20px;
		}
		ul.drumList li:nth-child(1) { margin-left: 0; }
		
	ul.drumList li h5 span {
		display: block;
		height: 3.5em;
		font-size: 16px;
		font-family: 'Open Sans', "メイリオ", meiryo, verdana ,'ＭＳ Ｐゴシック', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN" ,osaka ,sans-serif;
		}
	
#wpSec table {
	width:50%;
	}
#wpSec h6 { clear: both; }

#drum .lsWrap { border-top: 1px solid #cccccc; }


/*---------- Sensor ----------*/

#sensor #featureList {
	}
	#sensor #featureList > li {
		float: left;
		width: 290px;
		margin-left: 10px;
		}
		#sensor #featureList > li:nth-child(1) { margin-left: 0; }
		
		#sensor #featureList > li ul {
			border-top: 1px solid #cccccc;
			margin-top: 15px;
			padding-top: 15px;
		}
		
		#sensor #compList li {
			position: relative;
			margin-left: 2rem;
			}
			#sensor #compList li span {
				width: 2rem;
				margin: 0 0 0 -2rem;
				display: inline-block;
				}
		
	#sensor #sensorList li {
		float: left;
		margin-right: 20px;
		}
		#sensor #sensorList li img { margin-bottom: 15px; }

/* ----------------------------------------------------------
 Products > Opticalfiber > connector
-----------------------------------------------------------*/

/*---------- table ----------*/

#connector #contents table {
	table-layout: fixed;
	}
	#connector #contents table th ,
	#connector #contents table td {
		padding: 8px 5px;
		}
		#connector #contents table thead th a { color: #fff; text-decoration: underline; }
		#connector #contents table thead tr th:nth-of-type(1)   { width: 10rem; }
		#connector #contents table td { text-align: center; }
		
		#connector #contents table tr.coType th ,
		#connector #contents table tr.coType td { border-bottom: 3px double #ccc; }


/*---------- coBox ----------*/
	
#connector .coBox {
	}
	#connector .coBox + .coBox {}
	
	#connector .coBox ul.phConnector {
		width: 455px;
		}
		#connector .coBox ul.phConnector li {
			float: left;
			width: 205px;
			margin: 0 3px 3px 0;
			border: 1px solid #eee;
			}
			#connector .coBox ul.phConnector li:nth-of-type(2n+1) {}
			
			#connector .coBox ul.phConnector li img {
				width: auto; height: auto;
				max-width: 100%; max-height: 100%;
				}


/*---------- connectionSec ----------*/
	
#connector #connectionSec {
	}
	#connector #connectionSec .connectionBox {
		float: left;
		width: 450px;
		}



/* ----------------------------------------------------------
 Products > Opticalfiber > coating
-----------------------------------------------------------*/

/*---------- table ----------*/

#coating #contents table {
	}
	#coating #contents table th ,
	#coating #contents table td {
		padding: 8px 5px;
		}
		#coating #contents table td { text-align: center; }



/* ----------------------------------------------------------
 Products > Opticalfiber > list
-----------------------------------------------------------*/

/*---------- listBox ----------*/

#list .listBox {
	position: relative;
	min-height: 220px;
	margin: 0 0 40px;
	}
	#list .listBox .liInfo {
		padding: 0 0 0 230px;
		}
	
	#list .listBox .liImage {
		position: absolute;
		left: 0;
		width: 200px;
		margin: 0;
		}
		#list .listBox .liImage img {
			width: auto; height: auto;
			max-width: 100%; max-height: 100%;
			}
	
	#list .listBox table {
		}
		#list .listBox table th ,
		#list .listBox table td {
			padding: 8px 5px;
			}
			#list .listBox table td { text-align: center; }



/* ----------------------------------------------------------
 Products > Opticalfiber > specs
-----------------------------------------------------------*/

/*---------- table ----------*/

#specs #contents table {
	}
	#specs #contents table th ,
	#specs #contents table td {
		padding: 8px 5px;
		}
		#specs #contents table thead th a { color: #fff; text-decoration: underline; }
		#specs #contents table td { text-align: center; }


/* ----------------------------------------------------------
 Products > Opticalfiber > catalog
-----------------------------------------------------------*/

/*---------- catalogSec ----------*/

#catalog .catalogSec {
	}
	#catalog .catalogSec + .catalogSec {
		margin-top: -20px; padding-top: 30px;
		border-top: 1px dotted #ccc;
		}
	
	
	#catalog .catalogSec .catalogInfo {
		position: relative;
		min-height: 300px;
		padding: 0 0 0 320px;
		}
		#catalog .catalogSec .catalogInfo .caImage {
			position: absolute;
			left: 0; top: 0;
			margin: 0;
			}
		
		#catalog .catalogSec .catalogInfo ul.mainCatalog {
			margin: 10px 0 20px;
			}
			#catalog .catalogSec .catalogInfo ul.mainCatalog li {
				float: left;
				margin: 0 5px 0 0;
				}
				#catalog .catalogSec .catalogInfo ul.mainCatalog li a { min-width: 200px; text-align: center; }