@charset "utf-8";

/*-----------------------------------------------------------
 Setting
-----------------------------------------------------------*/

#primary {
	width: 950px;
	padding: 101px 0 0;
	}
	



/*-----------------------------------------------------------
 Index
-----------------------------------------------------------*/

#prIndex #primary { padding: 0; }

	#prIndex #categoryList ul {
		margin: 0 0 40px; padding: 0 0 20px;
		border-bottom: 1px dotted #ccc;
		}
		#prIndex #categoryList ul li {
			float: left;
			margin: 0 0 20px;
			}
			#prIndex #categoryList ul li#clLcd ,
			#prIndex #categoryList ul li#clSystem { margin-right: 30px; }
			


/*-----------------------------------------------------------
 Category List
-----------------------------------------------------------*/

.prCategory #leadSec {
	margin-bottom: 20px;
	}
	.prCategory #leadSec h4 { margin-left: 0; }

/*---------- semiconNav ----------*/

.prCategory ul#semiconNav {
	margin: 0 0 40px 15px; padding: 0 0 0 1px;
	background: transparent url("/products/category/images/bgSemiconNav.gif") repeat-y left top;
	}
	.prCategory ul#semiconNav li {
		float: left;
		margin: 0; padding: 2px 3px 0 2px;
		background: transparent url("/common/images/bgDottedLine-vertical.gif") repeat-y right top;
		}
		.prCategory ul#semiconNav li a {
			display: block;
			padding: 7px 14px 7px 27px;
			font-weight: bold;
			color: #222;
			background: transparent url("/common/images/icoBoxArrow.gif") no-repeat 13px center;
			}
			.prCategory ul#semiconNav li a:hover  ,
			.prCategory ul#semiconNav li a:active { color: #014497; }
			
			.prCategory ul#semiconNav li.current a {
				color: #014497;
				background: #fff url("/common/images/icoBoxArrow-bottom.gif") no-repeat 13px center;
				border-top: 1px solid #014497;
				border-right: 1px solid #ccc;
				border-left: 1px solid #ccc;
				}
	
	

/*---------- supList ----------*/

.prCategory .supList {
	width: 950px;
	margin: 0 -15px 0 0; padding: 0 0 0 15px;
	display: table;
	letter-spacing: -0.4em;
	word-spacing: -1em;
	}
	.prCategory .supList dl {
		display: inline-block;
		width: 290px;
		margin: 0 0 35px; padding: 0 10px 5px 10px;
		vertical-align: top;
		letter-spacing: normal;
		word-spacing: normal;
		/*border-right: 1px dotted #999;*/
		border-left: 1px dotted #999;
		}
		*:first-child+html .prCategory .supList dl { display: inline; }
		
		/*.prCategory #memorySec dl { min-height: 38em; }*/

		.prCategory .supList dl.supLeft { border-left: 1px dotted #999; }
		
		.prCategory .supList dl dt {
			margin: 0 0 3px; padding: 0 0 0 15px;
			font-weight: bold;
			background: transparent url("/common/images/icoSquare-block.gif") no-repeat left 0.5em;
			}
			.prCategory .supList dl dt a {
				font-weight: bold;
				color: #222;
				}
				.prCategory .supList dl dt a:hover  ,
				.prCategory .supList dl dt a:active { color: #014497; }

		.prCategory .supList dl dd {
			margin: 0 0 10px;
			}
			.prCategory .supList dl dd.logoImage {
				margin: 0 0 5px;
				}
				.prCategory .supList dl dd.logoImage a {
					position: relative;
					width: 290px; height: 115px;
					display: block;
					}
			
			.prCategory .supList dl dd p  { margin: 0 0 5px; }
			.prCategory .supList dl dd dl {
				width: auto;
				min-height: auto !important;
				display: block;
				margin: 0; padding: 0;
				border: none;
				}
				.prCategory .supList dl dd dl dt {
					clear: both;
					float: left;
					margin: 0 7px 0 0; padding: 0 10px 0 0;
					font-weight: normal;
					background: transparent url("/common/images/icoSeparate.gif") no-repeat right center;
					}
				.prCategory .supList dl dd dl dd { margin: 0; }
			
			.prCategory .supList dl dd.btnDetail {
				margin: 0;
				text-align: right;
				}
				.prCategory .supList dl dd.btnDetail a {
					position: relative;
					width: 105px; height: 30px;
					display: block;
					margin: 0 0 0 auto;
					}
			


/*-----------------------------------------------------------
 Sullier List
-----------------------------------------------------------*/

.prSupplier #primary .supList {
	width: 941px;
	margin: 0; padding: 0 0 0 9px;
	display: table;
	letter-spacing: -0.4em;
	word-spacing: -1em;
	}
	.prSupplier #primary .supList h3 { margin-left: -9px; }
	
	
	.prSupplier .supList dl {
		display: inline-block;
		width: 175px; min-height: 150px;
		margin: 0 0 35px; padding: 0 6px 5px 6px;
		vertical-align: top;
		letter-spacing: normal;
		word-spacing: normal;
		border-right: 1px dotted #999;
		}
		*:first-child+html .prSupplier .supList dl { display: inline; }
		.prSupplier .supList dl.supLeft { border-left: 1px dotted #999; }
		
		
		.prSupplier #slI dl ,
		.prSupplier #slM dl { min-height: 165px; }

		.prSupplier .supList dl dt {
			position: relative;
			margin: 0 0 3px;
			}
			.prSupplier .supList dl dt a {
				width: 175px; height: 110px;
				display: block;
				margin: 0;
				}
		
		.prSupplier .supList dl dd {
			font-size: 12px;
			line-height: 1.5em;
			text-align: center;
			}
			.prSupplier .supList dl dd.supLink {
				margin: -3px 0 3px; padding: 0 0 2px 2px;
				background: #eee;
				}
				.prSupplier .supList dl dd.supLink ul {
					margin: 0;
					display: flex;
					}
					.prSupplier .supList dl dd.supLink ul li {
						float: left;
						margin: 0 1px 0 0;
						}
						.prSupplier .supList dl dd.supLink ul li a {
							width: 67px; height: 100%; min-height: 25px;
							display: block;
							padding: 4px 0 0 16px;
							text-align: left;
							background: #fff url("/common/images/icoDottedArrow.gif") no-repeat 3px 0.65em;
							border: 1px solid #ccc;
							}
							.prSupplier .supList dl dd.supLink ul li#goworldLcd a { width: 55px; }
							.prSupplier .supList dl dd.supLink ul li#goworldTouchPanel a { width: 79px; }
							
							.prSupplier .supList dl dd.supLink ul li a:hover {
								color: #fff;
								background: #022962 url("/common/images/icoDottedArrow-white.gif") no-repeat 3px 0.65em;
								border: 1px solid #01122a;
								}



/*-----------------------------------------------------------
 Category > Semiconductor
-----------------------------------------------------------*/






/*-----------------------------------------------------------
 Local Nav
-----------------------------------------------------------*/

#localNav {
	position: absolute;
	left: 0; top: 284px;
	width: 100%; height: 101px;
	background: transparent url("/products/images/bgLocalNav.gif") repeat-x;
	}
	#localNav.lnFixed { position: fixed; top: 0; z-index: 99999; }
	
	#localNav ul {
		position: relative;
		width: 940px; height: 84px;
		margin: 0 auto 0; padding: 17px 0 0 10px;
		text-align: left;
		}
		#localNav ul li {
			float: left;
			height: 35px;
			display: inline;
			margin: 0 10px 0 0;
			}
			#localNav ul li#lnSupplier { padding: 0 0 0 12px; background: transparent url("/common/images/bgDottedLine-vertical.gif") repeat-y; }
			
			.prCategory #localNav ul li#lnCategory a ,
			.prSupplier #localNav ul li#lnSupplier a {
				height: 35px;
				display: block;
				text-indent: -99999px;
				}
				.prCategory #localNav ul li#lnCategory a { width: 150px; background: transparent url("/products/images/lnCategory_c.gif") no-repeat; }
				.prSupplier #localNav ul li#lnSupplier a { width: 151px; background: transparent url("/products/images/lnSupplier_c.gif") no-repeat; }
			
			/* Sub Menu > Category */
			.prCategory #localNav ul li ul {
				position: absolute;
				bottom: 0;
				width: auto; height: auto;
				margin: 0; padding: 0;
				}
				.prCategory #localNav ul li#lnCategory ul li {
					width: auto;
					margin: 0 1px 0 0;
					background: transparent url("/products/images/lnSubBg_d1.gif") no-repeat right top;
					}
					.prCategory #localNav ul li#lnCategory ul li a {
						width: auto; height: 25px;
						margin: 0; padding: 10px 18px 0 30px;
						font-weight: bold;
						color: #181818;
						text-indent: 0;
						line-height: 1.7em;
						background: transparent url("/products/images/lnSubBg_d2.gif") no-repeat left top;
						}
						.prCategory #localNav ul li#lnCategory ul li a:hover { color: #013f8c; }
				
				/* Current */
				.prSemiconductor #localNav ul li#lnCategory ul li#lnSemiconductor ,
				.prLcd           #localNav ul li#lnCategory ul li#lnLcd           ,
				.prTouchPanel    #localNav ul li#lnCategory ul li#lnTouchPanel    ,
				.prCardBoard     #localNav ul li#lnCategory ul li#lnCardBoard     ,
				.prBattery       #localNav ul li#lnCategory ul li#lnBattery       ,
				.prSystem        #localNav ul li#lnCategory ul li#lnSystem        ,
				.prIot           #localNav ul li#lnCategory ul li#lnIot             {
					background: transparent url("/products/images/lnSubBg_c1.gif") no-repeat right top;
					}
					.prSemiconductor #localNav ul li#lnCategory ul li#lnSemiconductor a ,
					.prLcd           #localNav ul li#lnCategory ul li#lnLcd           a ,
					.prTouchPanel    #localNav ul li#lnCategory ul li#lnTouchPanel    a ,
					.prCardBoard     #localNav ul li#lnCategory ul li#lnCardBoard     a ,
					.prBattery       #localNav ul li#lnCategory ul li#lnBattery       a ,
					.prSystem        #localNav ul li#lnCategory ul li#lnSystem        a ,
					.prIot           #localNav ul li#lnCategory ul li#lnIot           a {
						padding-top: 8px; padding-bottom: 2px;
						color: #013f8c;
						background: transparent url("/products/images/lnSubBg_c2.gif") no-repeat left top;
						}

			/* Sub Menu > Supplier */
			.prSupplier #localNav ul li ul {
				position: absolute;
				left: 0; bottom: 0;
				width: auto; height: auto;
				margin: 0; padding: 0;
				}
				.prSupplier #localNav ul li#lnSupplier ul li {
					width: auto;
					margin: 0 1px 0 0;
					background: transparent url("/products/images/lnSubBg_d1.gif") no-repeat right top;
					}
					.prSupplier #localNav ul li#lnSupplier ul li a {
						width: auto; height: 25px;
						margin: 0; padding: 10px 15px 0 15px;
						font-weight: bold;
						color: #181818;
						text-indent: 0;
						line-height: 1.7em;
						background: transparent url("/products/images/lnSubBg_d3.gif") no-repeat left top;
						}
						.prSupplier #localNav ul li#lnCategory ul li a:hover { color: #013f8c; }
					
					.prSupplier #localNav ul li#lnSupplier ul li.current {
						background: transparent url("/products/images/lnSubBg_c1.gif") no-repeat right top;
						}
						.prSupplier #localNav ul li#lnSupplier ul li.current a {
							padding-top: 8px; padding-bottom: 2px;
							color: #013f8c;
							background: transparent url("/products/images/lnSubBg_c3.gif") no-repeat left top;
							}



/*-----------------------------------------------------------
 Detail
-----------------------------------------------------------*/

	.prDetail #mainVisual h3 { margin: 0 0 20px; }
	
	/*---------- pageNav ----------*/
	
	.prDetail #mainVisual ul#pageNav {
		margin: -20px 0 20px; padding: 5px;
		background: transparent url("/common/images/bgSlash.gif");
		}
		.prDetail #mainVisual ul#pageNav li {
			float: left;
			margin: 0 2px 0 0;
			}
			.prDetail #mainVisual ul#pageNav li a {
				display: block;
				padding: 4px 10px 3px 20px;
				background: #fff url("/common/images/icoDottedArrow.gif") no-repeat 5px center;
				border: 1px solid #ccc;
				border-radius: 3px;
				}
				.prDetail #mainVisual ul#pageNav li a:hover {
					color: #fff;
					text-decoration: none;
					background: #1e74aa url("/common/images/icoDottedArrow-white.gif") no-repeat 5px center;
					border: 1px solid #1e74aa;
					}
	
	
	/*---------- column2Box ----------*/
	
	.prDetail #primary ul.column2Box {
		margin: 0 0 0 -15px;
		display: flex;
		flex-wrap: wrap;
		}
		.prDetail #primary ul.column2Box li {
			display: inline;
			margin: 0 0 10px 15px;
			}
		.prDetail #primary ul.column2Box li img.icoPdf-s {
					display: none;
					}
			.prDetail #primary ul.column2Box.floatR li {
			float: right;
			}
			.prDetail #primary ul.column2Box li dl {
				width: 460px;
				margin: 0 0 15px;
				}
				.prDetail #primary ul.column2Box li dl.long { width: 935px; }
				.prDetail #primary ul.column2Box li dl dt { margin: 0 0 5px; }
				.prDetail #primary ul.column2Box li dl.icoList dt { margin: 0; }
				.prDetail #primary ul.column2Box li dl dd { margin: 0 0 -10px; background: #fff; }
				.prDetail #primary ul.column2Box li dl.icoList dd {
					margin: 0; padding: 0.2em 0 0.2em 2em;
					background: transparent url("/common/images/icoSquareList.gif") no-repeat 9px 0.75em;
					border-bottom: 1px dotted #ccc;
					}
				.prDetail #primary ul.column2Box li dl.icoList dd.noteTxt {
					margin: 10px 0 0; padding: 0.2em 0 0.2em 2em;
					background: none;
					border-bottom: none;
					}

			.prDetail #primary ul.column2Box li dl.catalogBox {
				width: auto;
				margin: 0;
				}
				.prDetail #primary ul.column2Box li dl.catalogBox dt ,
				.prDetail #primary ul.column2Box li dl.catalogBox dd {
					display: inline-block;
					margin: 0;
					vertical-align: middle;
					}
					.prDetail #primary ul.column2Box li dl.catalogBox dt a img {
						padding: 1px;
						border: 1px solid #ccc;
						}
						.prDetail #primary ul.column2Box li dl.catalogBox dt a:hover img { border: 1px solid #022962; }
					
					.prDetail #primary ul.column2Box li dl.catalogBox dd { margin: 0 0 0 15px; }

					* html .prDetail #primary ul.column2Box li dl.catalogBox dt { float: left; }
					* html .prDetail #primary ul.column2Box li dl.catalogBox dd { float: left; padding: 50px 0 0; }
					
					*:first-child+html .prDetail #primary ul.column2Box li dl.catalogBox dt { float: left; }
					*:first-child+html .prDetail #primary ul.column2Box li dl.catalogBox dd { float: left; padding: 50px 0 0; }
				
				.prDetail #primary ul.column2Box li ul.linkArrow {
					width: 460px;
					}
	
	
	/*---------- column3Box ----------*/
	
	.prDetail #primary ul.column3Box.first {
		margin-bottom: 18px;
		}
		.prDetail #primary ul.column3Box li {
			float: left;
			display: inline;
			}
			.prDetail #primary ul.column3Box li dl {
				width: 311px;
				}
				.prDetail #primary ul.column3Box li dl dd {
					font-size: 1.2em;
					font-weight: bold;
					margin-top: 35px;
					padding: 0 25px;
					height: 80px;
					}
					
		#gf-foundry.prDetail #primary ul.column3Box li {
			background-color: #fff5ea;
			border-radius: 15px;
			width: 300px;
			height: 545px;
			padding: 25px 0 0;
			}
			#gf-foundry.prDetail #primary ul.column3Box li:not(:first-child) {
				margin-left: 17px;
				}
				#gf-foundry.prDetail #primary ul.column3Box li dl {
					width: 300px;
					}
					#gf-foundry.prDetail #primary ul.column3Box li dl dd {
						margin-top: 0px;
						height: 85px;
						}
	
	
	
	/*---------- column2Flex ----------*/

	.prDetail #primary ul.column2Flex {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		}
		.prDetail #primary ul.column2Flex:after { display: none; }

		.prDetail #primary ul.column2Flex li {
			width: 460px;
			margin: 0 0 50px;
			}
			.prDetail #primary ul.column2Flex li dl.icoList {
				width: 460px; height: 100%;
				display: flex;
				flex-direction: column;
				}
				.prDetail #primary ul.column2Flex li dl.icoList dt { margin: 0; }

				.prDetail #primary ul.column2Flex li dl.icoList dd {
					margin: 0; padding: 0.2em 0 0.2em 2em;
					background: transparent url("/common/images/icoSquareList.gif") no-repeat 9px 0.75em;
					border-bottom: 1px dotted #ccc;
					}
					.prDetail #primary ul li dl.icoList dd.noStyle {
						padding: 0;
						background: none;
						border: none;
						}
						.prDetail #primary ul li dl.icoList dd.noStyle h5 {
							margin: 0 0 5px; padding: 0.2em 0;
							background: none;
							border: none;
							}

					.prDetail #primary ul.column2Flex li dl.icoList dd.btnBnr {
						margin: auto 0 0; padding: 5px 0 0;
						background: none;
						border-bottom: none;
						}
						.prDetail #primary ul.column2Flex li dl.icoList dd.btnBnr a.notBlankImage + img { display: none; }


		.prDetail #primary ul.column2Flex.icoList li {
			width: calc(460px - 2em);
			margin: 0; padding: 0.2em 0  0.2em 2em;
			background-position: 9px 0.75em;
			border-bottom: 1px dotted #ccc;
			}


/*-----------------------------------------------------------
 Ictk
-----------------------------------------------------------*/
#ictk span.addSize { display: none; }

/*-----------------------------------------------------------
 Mosis
-----------------------------------------------------------*/

#mosis #scheduleSec table tbody th { width: 6em; }
#mosis #scheduleSec table tbody th ,
#mosis #scheduleSec table tbody td { text-align: center; }



/*-----------------------------------------------------------
 Tec Solutions
-----------------------------------------------------------*/

	#tecsolutions #productsSec ul.column2Box li {
		width: 460px; min-height: 12em;
		}
		#tecsolutions #productsSec ul.column2Box li h5 { margin: 0 0 10px; }
		
		#tecsolutions #productsSec ul.column2Box li ul ,
		#tecsolutions #productsSec ul.column2Box li dl {
			margin: 0;
			}
			#tecsolutions #productsSec ul.column2Box li ul li {
				width: auto; min-height: 1px;
				margin-left: 0;
				}



/*-----------------------------------------------------------
 Lg Innotek
-----------------------------------------------------------*/

#lginnotek #primary ul.column2Box li dl dt {
	margin-bottom: -10px;
	}



/*-----------------------------------------------------------
 Goworld
-----------------------------------------------------------*/

		#goworld #primary #productsSec ol li {
			margin: 0 0 0 2em;
			list-style: decimal;
			}


/*-----------------------------------------------------------
 LB Semicon 
-----------------------------------------------------------*/

	#lbs #productsSec dl {
		float: left;
		width: 300px;
		margin-left: 10px;
	}
	#lbs #productsSec dt {
		color: #666;
		font-size: 18px;
		font-weight: bold;
		border-bottom: 3px solid #ccc;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	#lbs #productsSec dd {
		display: block;
		background: #0580b8;
		padding: 10px;
		margin-bottom: 5px;
		color:#fff;
		font-size: 14px;
		font-weight: bold;
		border-radius: 10px;
	}
	#lbs #bumpingSec table th,
	#lbs #bumpingSec table td {
		vertical-align: middle;
	}
	#lbs #bumpingSec table th {
		width: auto;
	}
	#lbs #bumpingSec table th.adjust {
		width: 170px;
	}
	
	#lbs #backEndSec th {
		width: auto;
	}
	#lbs #backEndSec th.adjust {
		width: 170px;
	}
	#lbs #backEndSec td dd.mlAd {
		margin-left: 1em;
	}
		
		
	#lbs #backEndSec td dl dt {
		float: left;
		width: 240px;
	}
	#lbs #backEndSec td dl dd {
		padding-left: 250px;
		}
			

			
			
/*-----------------------------------------------------------
 CardBoard 
-----------------------------------------------------------*/			
	
/*---------- downloadSec ----------*/

.prCardBoard #primary #downloadSec p {
	position: relative;
	}
	.prCardBoard #primary #downloadSec p span {
		position: absolute;
		top: 30px;
		left: 85px;
		color: #fff;
		font-weight: bold;
		z-index: 2;
		}
		#ibase #primary #downloadSec p span {
			top: 12px;
			}
			
/*-----------------------------------------------------------
 GlobalFoundries 
-----------------------------------------------------------*/

#gf-foundry #primary p.small {
	font-size: .8em;
	font-weight: bold;
	}
	#gf-foundry #primary #productsSec video {
		width: 568px;
		display: block;
		margin: 0 auto 10px;
		}
		#gf-foundry #primary #productsSec p.movieTxt {
			font-size: 1.2em;
			}
			
			
/*-----------------------------------------------------------
 Novelda AS 
-----------------------------------------------------------*/

#novelda #primary #productsSec .video-area video {
	width: 568px;
	display: block;
	margin: 70px auto 10px;
	}
	#novelda #primary #productsSec p.movieTxt {
		font-size: 1.2em;
		}



/*-----------------------------------------------------------
 Blueqat 
-----------------------------------------------------------*/

#blueqat #primary #productsSec ul#offerContents > li {
	text-indent: -1.5em;
	padding-left: 1.5em;
	}
	#blueqat #primary #productsSec ul.contentsList li {
		padding-left: 5em;
		}
		#blueqat #primary #productsSec ul.contentsList li::before {
			content: "ー";
			display: inline-block;
			margin-right: 2em;
			}



/*-----------------------------------------------------------
 Visionox 
-----------------------------------------------------------*/

#visionox #productsSec > ul > li { margin-bottom: 45px; }



/*-----------------------------------------------------------
 Super Micro
-----------------------------------------------------------*/

#supermicro #primary .txtLead {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #ee0000;
	border-bottom: 3px solid #ee0000;
	}

#supermicro #primary .flexBox {
	margin: 10px 0 0;
	}
	#supermicro #primary .flexBox h5 { width: 500px; }

/*-----------------------------------------------------------
 gf-foundry 
-----------------------------------------------------------*/
#gf-foundry #primary video {
	width: 100%;
}

/*-----------------------------------------------------------
 lselectric 
-----------------------------------------------------------*/

#lselectric #primary .totalSec dl dt {
					margin-bottom: 10px; 
					padding: 0.2em 0 0.2em 2em;
					background: transparent url("/common/images/icoSquareList.gif") no-repeat 9px 0.75em;
					border-bottom: 1px dotted #ccc;
					}
#lselectric #primary .totalSec dl dd {
	position: relative;
	margin-left: 50px;
}
#lselectric #primary .totalSec dl dd:before {
	position: absolute;
	content: "";
	width: 5px;
	height: 5px;
	background: #555;
	border-radius: 50%;
	top: 50%;
	left: -15px;
	transform: translateY(-50%);
}

#lselectric #primary .totalSec dl p {
	margin: 10px 0 0 30px;
	display: inline-block;
}

#lselectric #primary .totalSec img {
	width: 100%;
	height: auto;
}