Reset

html, body { margin: 0; padding: 0; border: 0;  
				background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	}

img 	{ margin:0; padding:0; border:0; }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent;
	}
	
table { border-collapse: collapse; border-spacing: 0; }

.top-menus-mb{
	display: flex;
	flex-direction: column-reverse;
	row-gap: 10px;
}
	
input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0;
	}


h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%; 
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}

ol, ul { list-style: none; }


/* Global */


/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; }

h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:14px; }
h6 { font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }


/* Text Elements */

p           	{ color:#000; font-size:12px; line-height:150%;
				  margin-bottom: 5px;  }
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right 		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

blockquote  	{ color:#000; font-size:12px; }

strong      	{ font-weight: bold; }
em		      	{ font-style: italic; }

/* Images */



/* Lists */

ol          	{ list-style-type:decimal; }

ul li		    { color:#000; font-size:12px; }
ol li	     	{ color:#000; font-size:12px; }

/* Tables */

table       	{ width:100%; }

.odd			{ background-color:#eee; }
.even			{ background-color:#fff; }

th          	{ font-weight: bold; }
thead, th    	{ background: #ccc; }


.tfooter		{ background-color:#ccc; text-align:center; font-style:italic; }

caption     	{ background: #efefef; }
sup, sub    	{ line-height: 0; }

abbr, acronym   { border-bottom: 1px dotted #666; }
del         	{ background:#FFCECE; color:#f00; }

code, pre		{ background-color:#FF9; padding:2px 0px; margin:4px 25px;
					font-family:"Courier New", Courier, monospace; font-size:12px; font-weight:normal; line-height:150%;	}


/* Containers */

#outer 			{ margin : 0 auto; width: 360px; background-color: #FFF;width:100%;}

#wrapper 		{ margin : 0 auto; width: 355px; background-color: #FFF;height:auto;overflow:hidden;}

#logo		 	{ position:relative;text-align:center;margin:5px auto;top:50px;}


#searchbox 		{ float:right; margin-top: 69px; }

#searchwrapper {
	width:260px; 
	height:40px;
	background-image: url('../images/png/search-box.png');
	background-repeat:no-repeat; 
	padding:0px;
	margin:0 auto;
	position:relative; 
	top:75px;
}
 
#searchwrapper form { display:inline ; }
 
.searchbox 		{	border:0px; /*important*/
					background-color:transparent; /*important*/
					position:relative; /*important*/
					top:-2px;					
					width:216px;
					left:-5px;
					height:20px;
					padding:0px;
					}
 
.searchbox_submit {
					border:0px; /*important*/
					background-color:transparent; /*important*/
					position:relative; /*important*/
					top:-34px;
					left:218px;
					width:25px;
					height:23px;
						}

#topnav 			{ position:relative; clear:both; margin-top: 0px;margin-bottom:0px;height:35px;text-align:center;}
#topnav  ul	li a	{ float: left; }
#topnav ul li    {
	width:300px;
	height:30px;
}

#topnav-a6        {background:no-repeat 0px -3px;height:36px;padding-top:0px!important;}
#topnav-a6:hover  {background:no-repeat 0px -3px;color:#0397d6;}
#topnav-a6 {
	position:relative;
	top:-300px;
	left:60px;
}

.pc { display:none;}
.mob { display:block; }

#moblangen, #moblangjp{
	position:relative;
	float:left;
	z-index:1;
	top:0;
	left:20px;
	clear:both;
}
#moblangen a, #moblangjp a{
	display:block; 
	width:102px;
	height:35px;
}
#moblangen a                     {background:no-repeat 0px 0px url('/images/png/site_button_jp_m_off.png');}
#moblangen a:hover               {background:no-repeat 0px 0px url('/images/png/site_button_jp_m_on.png');}
#moblangjp a         			 {background:no-repeat 0px 0px url('/images/png/site_button_en_m_off.png');}
#moblangjp a:hover 				 {background:no-repeat 0px 0px url('/images/png/site_button_en_m_on.png');} 

#mobnavi {
	position:relative;
	margin:50px 0px 0px 0px;
	width:320px;
	left:19px;
}

#mobnavi:lang(en) {
	height:240px;
}

#mobnavi:lang(ja) {
	height:260px;
}

#mobnavi div {
	border:1px #a6c3c4 solid;
	height:34px;
	font-size:15px;
	border-radius:3px;
	margin: 6px 0px 7px 0px;
}
#mobnavi a {
	display:block;
	background-position-x:1px;
	line-height:32px;
	text-align:center;
}
#mobnavi div:nth-child(1) a       {background:no-repeat 23px 8px url('/images/png/1_product_icon_off.png');background-size: 11%;}
#mobnavi div:nth-child(1) a:hover {background:no-repeat 25px 5px url('/images/png/1_product_icon_on.png');color:#0397d6;}
#mobnavi div:nth-child(2) a       {background:no-repeat 25px 5px url('/images/png/2_shopping_icon_off.png');}
#mobnavi div:nth-child(2) a:hover {background:no-repeat 25px 5px url('/images/png/2_shopping_icon_on.png');color:#0397d6;}
#mobnavi div:nth-child(3) a       {background:no-repeat 25px 5px url('/images/png/3_customize_icon_off.png');}
#mobnavi div:nth-child(3) a:hover {background:no-repeat 25px 5px url('/images/png/3_customize_icon_on.png');color:#0397d6;}
#mobnavi div:nth-child(4) a       {background:no-repeat 25px 5px url('/images/png/4_support_icon_off.png');}
#mobnavi div:nth-child(4) a:hover {background:no-repeat 25px 5px url('/images/png/4_support_icon_on.png');color:#0397d6;}
#mobnavi div:nth-child(5) a       {background:no-repeat 27px 5px url('/images/png/5_company_icon_off.png');}
#mobnavi div:nth-child(5) a:hover {background:no-repeat 27px 5px url('/images/png/5_company_icon_on.png');color:#0397d6;}

.slider {
	width:355px;
	height:146px;
}


.slick {
	dots: false;
}
.slider button {
	display:none;
}


#box-photos 		{ float:left; margin-top: 5px; }

#photo-heatsink		{ float:left; margin-top: 5px; margin-bottom:25px; }


#heatsink-selection	{
	margin:0 0;
	width:100%;
	height:126px;
	text-align:center;
	background-color:#F5F6F7;
}

#heatsink-selection.heatsink-selectionjp {
	width:220px;
}

#SELHSBTN {
	background:url("/images/png/button_start_01.png") center no-repeat;
	width:56px;
	height:24px;
}
#SELHSBTN:hover {
	background:url("/images/png/button_start_02.png") center no-repeat;
}
#vertial-line-a		{ float:left;  top:700px; margin-right: 5px;  }
.heatsink-search	{ 
	margin: 8px 0px 0 0px;
	height:170px;
	width: 100%;
	background-color:#C5CCC7;
	}

.heatsink-search #hs-search-t { margin:9px 113px 0px 113px; }
.heatsink-search #hs-search-tjp { margin:9px 98px 0px 99px; }
.heatsink-search #hs-search-i {margin:0px 25px 0px 15px;padding:0px;}
.heatsink-search #hs-search-d {display: flex;flex-direction: column; margin:0px;padding:0px;}
.heatsink-search #hs-search-s {padding:0px;text-align: center;margin-top: 5px;}
#hs-search-tjp {
	text-align:center;
	margin:20px 0 0 0;
}
#hs-sel-t,#hs-sel-i,#hs-sel-s { position:relative; }
#heatsink-selection #hs-sel-t {margin:10px 78px 0px 79px;}
#heatsink-selection #hs-sel-tjp {margin:10px 104px 0px 104px;}
#heatsink-selection #hs-sel-i { float:left; margin:0px 50px; }
#heatsink-selection #hs-sel-s {  margin: 18px 0px ;}

#vertial-line-b		{ position:absolute;left:210px; top:40px; }
#mm					{font-size:10.5px;}

#horizontal-line-b	{ position:absolute;top:35px;left:23px; }
#horizontal-line-a	{ position:absolute; top:0px;left:0px;}
.heatsink-search .imgbtnb { top:172px;left:310px;}

.jspVerticalBar {background:#0088C6;width:10px;}
.jspTrack { background:#0072BC;  border-radius:10px;}
.jspDrag { background:linear-gradient(#B7DDEF, #0072BC); border-radius:10px;}
.imgbtnb {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4B4B4B), color-stop(1, #333333) );
	background:-moz-linear-gradient( center top, #4B4B4B 5%, #333333 100% );
	background-color:#333333; 
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:normal;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 0px 0px #528ecc;
	cursor:pointer;
	padding:4px 12px;font-size:12px;height:32px;
	width:110px;
}
.imgbtnb:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	background-color:#378de5;
}



a.sitemap			{  clear:both; color:#0008c6;}
a.sitemap:hover	{color: #272727;  }

#DIVINPWID,#DIVINPLEN,#DIVINPHEI {
	width:180px;
	margin:0px;
	display: flex;
	flex-direction: row;
	}

.heatsink-search input[type="text"] {border-radius:4px;height:25px;width:30px;margin:1px 3px;background-color:#fff;text-align: center;}
.pl {width:15px;height:12px;margin:6px 0px 3px 6px;}
.pm {width:12px;height:12px;margin:6px 0px 3px 6px;}

#bSearch {
	background:url("/images/png/button_search_01.png") center no-repeat;
	width:56px;
	height:24px;
	margin:0px; 
}
#bSearch:hover {
	background:url("/images/png/button_search_02.png") center no-repeat;
}
#news {
	background-color:#0088c6;
	width:100%;
	height:290px;
	position:relative;
}

#news-header		{ margin: 10px 20px;	position:absolute;}

#news-show-all      { margin: 10px 10px; text-align: right;}

.news-area			{position:absolute; margin:20px 0px 0px 20px; height:180px; overflow-y:150px; width: 320px; }

.news-date			{ color:#333132;font-size:12px; line-height:150%; padding-bottom: 0px; font-family: Arial, Helvetica, sans-serif;}
.news-title			{ color:#FFF;font-size:11px; line-height:150%; padding-bottom: 12px;font-family: Arial, Helvetica, sans-serif;}
.news-title a		{ color:#FFF;}
		#DIVLOGIN {
			position:relative;
			font-family: Arial, Helvetica, sans-serif;
			font-size:13px;
			width:100px;
			height:60px;
			top:70px;
			float:right;
			margin:0px 10px 0px 0px;
			right:15px;
		}

		#DIVLOGIN:hover {
			background-repeat:no-repeat;
			color:transparent;
		}


		#DIVLOGIN span {color:#000;}

		#HDUSRNAME {color:#70b9e7!important;}

		#FORMUSRMENU:lang(ja)  {
			margin-top: 30px !important;
			margin-left: -10px;		
		}

		#FORMUSRMENU:lang(en)  {
			margin-top: 30px !important;
		}
		#HDLOGOUT{
			margin: 3px;
		}
		#HDLOGIN {background-image:url('/images/nav/nav_07b.png');
		background-repeat:no-repeat;height:29px;display:block;padding-left:38px;vertical-align:middle;
		line-height:22px;margin-top:8px;
		}
		#HDLOGIN:hover {background-image:url('/images/nav/nav_ro_07b.png');}
		#HDUSRMENU, #HDLOGOUT {
			color:blue;
			text-decoration-line:underline;
		}
		#HDUSRNAME {color:#70B9E7;}
		#HDLOGOUT:hover {
			background-image:url('/images/iconlogoutb13.png');
			background-repeat:no-repeat;
			background-color:#ccc;
			width: 80px;
		}

		#HDLOGOUT:hover .logout{
			visibility: hidden;
		}

		#HDUSRMENU:hover {
			background-image: url(/images/iconmemb13.png);
			background-repeat: no-repeat;
			background-color: #ccc;
			width: 80px;
		}

		.honorific{
			color: #000;
			text-decoration-line:underline;
			text-decoration-color: #fff;
		}

/* Forms */

form 	{ text-align:left; margin:3px;	}

footer{
	margin: auto;
}

footer p{
	text-align: center;
}

label 	{ 
		float: left; width: 150px; margin-top:5px;
		display:block; background:none; font-weight:bold;
		}
	
submit	{ background:none; 	}

input 	{ 
	margin:5px;
	border:1px #bbb solid; 
	background:none; 
}
		

textarea {
		width: 280px; height: 150px; margin:0 0 16px 10px;
		border:1px #bbb solid; padding:5px; background:none; 
		}

select { margin-bottom:20px;	}
	
.submit {
		width:90px; height:25px;
		margin-left:160px;
		font-size:12px;
		}

#SIZEHSTITLEMB{
	margin: auto;
}

br{ clear: left; 	}

.welcome{
	margin-bottom: 0;
}

.div-userinfo-mb{
	margin-top: 20px;
	height: 100px;
}

#iSRCHB {
	-webkit-appearance: none;
	border-radius: 0;
	width: 38px;
	background-color: #f0f0f0;
	color: #666;
	font-size: 12px;
	border: none;
	height: 24px;
	margin: 0;
	padding: 0;
	border-radius: 3px;
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}

.div-userinfo {
	line-height: 1em;
	padding-top: 5px;
	margin-left: 8px;
	margin-right: 8px;
}

.div-navicons ul {
	display: flex;
	flex-flow: row;
	margin: 0;
}

.div-navicons ul li {
	list-style: none;
}

.div-navicons ul li a {
	font-size: 8px;
	text-decoration: none;
	display: flex;
	width: 44px;
	flex-wrap: wrap;
	justify-content: center;
}

.btn {
	cursor: pointer;
	border: none;
	margin: 4px;
	font-size: 14px;
	line-height: 1.2;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	--padding-x: 8px;
	border-radius: 4px;
	padding: 0.5em var(--padding-x);
}

.btn-lightgreen {
	background-color: #89CDB5;
}

.btn:hover {
	color: #fff;
}

.btn:disabled:hover {
	color: #999;
}

.div-dialog,
.div-subdialog {
	display: none;
}

.btn-cancel {
	background-color: #d0d2d3;
}

#iSRCHT {
	border: 0px;
	background-color: transparent;
	top: -2px;
	width: 216px;
	left: -5px;
	height: 20px;
	padding: 0px;
		margin: 0;
}

#iSRCHB {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	opacity: 0;
	cursor: pointer;
}

.div-navicons {
	display: none;
}

#topnav {
	margin-top: -15px;
	margin-bottom: 20px;
	width: 200px;
}

.vtop-userinfo-top #SEARCHBOX{
	display: none;
}

.vtop-userinfo-top #FORMUSRMENU {
	background-image: none;
}

.div-userinfo {
	width: 200px;
	padding-left: 75%;
	background-position: 0 14px;
	height: 50px;
}
.login-mb{
	margin-top: 35px;
	width: 80px;
}

.div-userinfo img[alt="Login"] {
	background-image: url('/images/nav/nav_07b.png');
}


.ui-widget {
	font-family: "neue-haas-grotesk-display", sans-serif;
}

.ui-widget-overlay {
	background: #444444;
	opacity: .3;
	filter: Alpha(Opacity=30);
}

.ui-dialog.ui-widget.ui-widget-content {
	border: 3px solid #92c4df;
}

.ui-state-hover,
.ui-widget-header {
	background-color: transparent;
}

.ui-widget-header {
	border: none;
}

.ui-dialog .ui-dialog-content {
	padding-top: 0.2em;
}

.ui-dialog-titlebar {
	background-repeat: no-repeat;
	background-size: 55px;
}

.ui-dialog .ui-dialog-title {
	margin: .2em 0.4em;
}

.ui-button .ui-icon.ui-icon-closethick {
	background-image: url('/images/png/icon_close_x.png');
	background-position: 0 0;
}

.ui-button.ui-dialog-titlebar-close {
	border: none;
	background-color: #fff;
}

.ui-button-icon-only .ui-icon {
	margin-top: -22px;
	margin-left: -5px;
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .7em;
	outline: 0;
}


.label-inptext {
	display: block;
	font-size: 12px;
	width: 72px;
	padding: 8px;
}

.label-inptext input[type="text"],
.label-inptext input[type="password"],
.label-inptext input[type="number"] {
	display: block;
	width: 95%;
	font-size: 15px;
	height: 32px;
}

.label-inptext input[type="text"]::placeholder {
	font-size: 12px;
	color: #bbb;
	height: 32px;
}

.logged-in {
	position: relative;
}

.div-userinfo-mob {
	left: 80%;
	width: 160px;
}

#FORMUSRMENU {
	left: 0;
	top: 0;
}

.vtop-userinfo-top {
	display: block;
}

#top-nav {
	margin-top: 4px;
}

.ui-dialog{
	max-width: 700px;
}
.btn.btn-blue{
	font-size: 16px;
	/* padding: 8px; */
	padding: 0;
	background-color: #00aeef;
	height: 32px;
	border-radius: 6px;
	margin-left: 10px;
}

.btn.btn-blue:lang(ja) {
	width: 52px;
}
.btn.btn-blue:lang(en) {
	width: 60px;
}

input::placeholder {
	background-image: url(/images/png/icon_mgnf_glss.png);
	background-repeat: no-repeat;
	background-size: 8%;
	background-position: 4% 50%;
	color: #bcbec0;
}
input:lang(en)::placeholder{
	background-size: 6%;
	background-position: 4% 50%;
}
input:focus {
	outline: none;
}