@charset "utf-8";

/**products index**/
/*menu1*/

/*.productsMenu1 .columnOneQuarter{
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	border: 1px solid #DDD;
	border-radius: 4px;
}
.productsMenu1 .columnOneQuarter:hover{
	cursor: pointer;
	border-color: #6bF;
}
.productsMenu1 .columnOneQuarter .productItemText{
	width: 100%;
	padding: 10px;
	font-size: 13px;
	line-height: 1.5em;
	color: #666;
	font-family:"Montserrat", "Helvetica Neue", arial, sans-serif;
	transition: all 300ms 0s ease;
}
.productsMenu1 .columnOneQuarter .productItemText a{
	display: block;
	min-height: 60px;
	text-align: center;
	font-size: 20px;
	line-height: 1.3em;
	font-family:"Montserrat", "Helvetica Neue", arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #333;
}
.productsMenu1 .columnOneQuarter .productItemText a:hover{
	text-decoration: none;
}
.productsMenu1 .columnOneQuarter .productItemText span.subText{
	display: block;
	width:100%;
}
.productsMenu1 .columnOneQuarter .productItemText a span.title{
  display: inline-block;
	width:100%;
  vertical-align: middle;
}
.productsMenu1 .columnOneQuarter:hover .productItemText{
	color: #999;
}
.productsMenu1 .columnOneQuarter:hover .productItemText a{
	color: #000;
}
.productsMenu1 .columnOneQuarter .productImage{
	position: relative;
	width: 100%;
	height: 120px;
	overflow: hidden;
}
.productsMenu1 .columnOneQuarter .productImage img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
	width: 102%;
	height: auto;
	transition: all 300ms 0s ease;
}
.productsMenu1 .columnOneQuarter:hover .productImage img{
	width: 125%;
}*/
.productsMenu1 .columnOneThird{
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	border: 1px solid #DDD;
	border-radius: 4px;
}
.productsMenu1 .columnOneThird:hover{
	cursor: pointer;
	border-color: #6bF;
}
.productsMenu1 .columnOneThird .productItemText{
	width: 100%;
	padding: 10px;
	font-size: 13px;
	line-height: 1.5em;
	color: #666;
	font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	transition: all 300ms 0s ease;
}
.productsMenu1 .columnOneThird .productItemText a{
	display: block;
	height: 60px;
	text-align: center;
	font-size: 20px;
	line-height: 1.3em;
	font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #333;
	position: relative;
}
.productsMenu1 .columnOneThird .productItemText a:hover{
	text-decoration: none;
}
.productsMenu1 .columnOneThird .productItemText span.subText{
	display: block;
	width:100%;
}
.productsMenu1 .columnOneThird .productItemText a span.title{
	display: block;
	width:100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.productsMenu1 .columnOneThird:hover .productItemText{
	color: #999;
}
.productsMenu1 .columnOneThird:hover .productItemText a{
	color: #000;
}
.productsMenu1 .columnOneThird .productImage{
	position: relative;
	width: 100%;
	height: 120px;
	overflow: hidden;
}
.productsMenu1 .columnOneThird .productImage img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
	width: 102%;
	height: auto;
	transition: all 300ms 0s ease;
}
.productsMenu1 .columnOneThird:hover .productImage img{
	width: 125%;
}



/*menu2*/
.productsMenu2 .columnHalf{
	/*height: 140px;*/
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
	border: 1px solid #DDD;
	border-radius: 4px;
}

.productsMenu2 .columnHalf h2{
	margin: 6px 10px 6px;
	position: relative;
	padding-left: 18px;
	background-color: #FFF;
	height: auto;
	line-height: 1.5em;
	border-radius: 3px
}
.productsMenu2 .columnHalf h2::before{
	content: "";
	position: absolute;
	left: 5px;
	top: 50%;
	margin-top: 0;
	transform: translateY(-50%);
	display: inline-block;
	width:5px;
	height: 60%;
	background-color: #6bF;
	border-radius: 4px;
}
.productsMenu2 .columnHalf p{
	margin: 10px;
}

/**PC Wire**/
.tablePCWire tr td.wireImage{
	text-align:center;
	vertical-align:middle;
}

/*Medical*/
.tableMedical tbody th{
	min-width: 60px;
}

/*header s*/
.mvProcess,
.mvQA,
.mvSteelinc,
.mvDownload{
	background: #0066a8;
	background: -moz-linear-gradient(left, #0066a8 0%, #00a3df 25%, #71bce9 50%, #aed7f3 75%, #d3edfb 100%);
	background: -webkit-linear-gradient(left, #0066a8 0%,#00a3df 25%,#71bce9 50%,#aed7f3 75%,#d3edfb 100%);
	background: linear-gradient(to right, #0066a8 0%,#00a3df 25%,#71bce9 50%,#aed7f3 75%,#d3edfb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066a8', endColorstr='#d3edfb',GradientType=1 );
}
.mvProcess h1,
.mvQA h1,
.mvSteelinc h1,
.mvDownload h1{
	left:0;
}
.mvProcess h1 span,
.mvQA h1 span,
.mvSteelinc h1 span,
.mvDownload h1 span{
	left:20px;
}

/**manufacturing process**/
.tableStyle1 thead th.cellNSC{
	background-color:#0666A8;
	color:#FFF;
}
.tableStyle1 thead th.cellNSSG{
	background-color:#06A3E0;
	color:#FFF;
}
.tableStyle1 thead th.cellSGAB{
	background-color:#AED7F3;
	color:#0666A8;
}
.tableStyle1 th.cellSGABLeft,
.tableStyle1 td.cellSGABLeft{
	border-left-width:2px;
	border-left-color:#70BBE9;
}
.tableStyle1 th.cellSGABRight,
.tableStyle1 td.cellSGABRight{
	border-right-width:2px;
	border-right-color:#70BBE9;
}
.tableStyle1 th.cellSGABBottom,
.tableStyle1 td.cellSGABBottom{
	border-bottom-width:2px;
	border-bottom-color:#70BBE9;
}

/*CatalogDownload*/

.tableStyleCatalogDownload{
	width:100%;
}
.tableStyleCatalogDownload td{
	vertical-align:top;
	padding:20px;
	line-height:1.5em;
}
.tableStyleCatalogDownload td.catalogThumb{
	width:30%;
}
.tableStyleCatalogDownload td.linkList{
	width:70%;
}

.catalogThumb img{
	width:100%;
	min-width:60px;
	height:auto;
	outline:1px solid #DDD;
}
.catalogInfo{
	border-bottom:1px dashed #E2E2E2;
	padding-bottom:5px;
	margin-bottom:10px;
}
.spblock{
	display:none!important;
	}
#electrode .tableStyle1 th,
#electrode .tableStyle1 td {
   word-break: normal!important;
}

/*responsive*/
@media screen and (max-width: 959px) {

.productsMenu1 .columnOneQuarter{
	float: left;
	width: calc((100% - 30px) / 3);
	margin-left: 15px;
	margin-bottom: 20px;
}
.productsMenu1 .columnOneQuarter:first-child,
.productsMenu1 .columnOneQuarter:nth-child(4),
.productsMenu1 .columnOneQuarter:nth-child(7){
	margin-left: 0;
}

.CatalogDwonloadSet{
	border-top:1px solid #DDD;
}
/*.columnHalf + .columnHalf:nth-child(odd),
.CatalogDwonloadSet .columnHalf{
	float:none;
	margin-left:0;
	width:100%;
	border-bottom:1px solid #DDD;
	margin-bottom:0;
	overflow: hidden;
}*/
.CatalogDwonloadSet .columnHalf h3{
	margin-top: 20px;
	margin-bottom:0;
	display: block;
	float: none;
}
.tableMedical tbody th{
	min-width: 120px;
}
}

@media screen and (max-width: 899px) {

.columnProcess .columnHalf{
	float: none;
	margin-left: 0;
	width: 100%;
}

}

@media screen and (max-width: 799px) {
.productsMenu1 .columnOneQuarter{
	float: left;
	width: calc((100% - 20px) / 2);
	margin-left: 20px;
	margin-bottom: 20px;
	height:200px;
}
.productsMenu1 .columnOneQuarter:nth-child(4){
	margin-left:20px;
}
.productsMenu1 .columnOneQuarter:nth-child(odd){
	margin-left: 0;
}

.productsMenu1 .columnOneQuarter .productItemText{
	overflow:hidden;
}
.productsMenu1 .columnOneQuarter .productItemText span.subText{
	display:none;
}

}

@media screen and (max-width: 739px) {
.NSSGG span.textStyle2{
	width:35px;
	display:block;
}
.SGAB span.textStyle3{
	display:block;
}
.spblock{
	display:block!important;
	}
#electrode .tableStyle1 th,
#electrode .tableStyle1 td {
   word-break: break-all!important;
}	
}