@charset "utf-8";
/* CSS Document */

#header{width:900px;margin-left:auto;margin-right:auto;}
#mainvisual{margin-left:auto;margin-right:auto;z-index:0;background-color:#fff;position: relative;}
#mainvisual {height:256px;}
#mainvisual #buttons{position:absolute;top:420px;left:0;z-index:100;margin-left:20px;}
#mainvisual #buttons li{float:left;display:inline;margin-right:10px;}
#mainvisual .active{filter:alpha(opacity=100)!important;-moz-opacity: 1!important;opacity: 1!important;}
#slides #fadeout{width:100%;background-image:url(/nte/images/top/fade.png);background-repeat:repeat-x;height:200px;overflow:hidden;background-position:bottom;position:absolute;top:460px;z-index:1;}
#main{position:relative;z-index:1;}
#contents{max-width: 900px;width: 100%;background-color:#fff;margin-left:auto;margin-right:auto;padding-bottom:30px;padding-top: 0px;}
#loading{text-align:center;margin-top:250px;}
#productBox{margin-top:10px;padding-bottom: 315px;}
#productBox ul li a p{padding-left: 10px;}
#productBox h2{font-weight: normal;padding-bottom:0px;color:#333333;}
#productBox ul{max-width:900px;width: 100%;margin-top:10px;}
#productBox ul li.product{float: left;margin-left: 1.3%;margin-bottom: 1.3%;height: 67px;width: 24%;}
#productBox ul li.product:nth-child(4n+1){margin-left: 0px;}
#productBox ul li a{border:1px solid #ddd;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: #efefef;font-size: 13px;line-height: 1.5;}
#productBox ul li a:hover{color:#000;border:1px solid #A50034;opacity:0.8;filter:alpha(opacity=80); /* IE6・7 */-ms-filter: "alpha( opacity=100 )"; /* IE8 */}
#productBox ul li a img{width: 67px;height: 67px;overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
#productBox ul li a.new{height: 67px;}
/*#productBox ul li a:hover img{border:1px solid #A50034;opacity:0.8;filter:alpha(opacity=80); /* IE6・7 */-ms-filter: "alpha( opacity=100 )"; /* IE8 */}*/
#information{clear:both;overflow:hidden;max-width: 900px;width: 100%;}
#information #iLeft{max-width:900px;width:100%;float:left;overflow:hidden;}
#information #iLeft .infobox{margin-top:30px;margin-bottom: 35px;}
#information #iLeft .infobox h2{border-bottom:thin solid #a5a5a5;font-weight: normal;padding-bottom:0px;margin-bottom:10px;color:#333333;}
#information #iLeft .infobox table tr td{line-height:22px;padding-bottom: 18px;vertical-align: top;/*display: inline-block;*/}
#information #iLeft .infobox table tr td span.newscategory{color:#fff;font-size:11px;display: inline-block;width: 7em;text-align: center;white-space: nowrap;margin-right: 15px;margin-bottom: 5px;}
.postdate{display: inline-block;}
.infobox .l1{background: #A50034;}
.infobox .l2{background:#007aa9;}
.infobox .l3{background:#e68b1f;}
.infobox .l4{background:#707070;}
#information #iLeft .infobox table tr td a{color: #333;font-size: 14px;}
#information #iLeft .infobox table tr td a:hover{opacity: 0.5}
#information #iLeft .infobox table tr td:first-child{width:182px;}
.linktitle{width:79%}
#information #iLeft .infobox p{line-height:25px;padding-bottom:10px;}
#information #iLeft .infobox p.moreinfo{text-align:right;}
#information #iLeft .infobox p.moreinfo a{color:#0348a6;}
#information #iLeft #topics tr td{padding-bottom:10px;vertical-align:top;}
#information #iSide{width:200px;float:right;overflow:hidden;margin-top:30px;}
#iSide ul li{margin-bottom:10px;}
#information #iSide ul li a:hover img{opacity:0.6;filter:alpha(opacity=60); /* IE6・7 */-ms-filter: "alpha( opacity=60 )"; /* IE8 */}
#buttons {display: none;}
div#g_navi_wrap {border-top: solid 1px #b4b4b4;}
.mgb_center {position:absolute;top: 0px;left: 0px;}
.mgb_center {width: 100%;}
.mgb_center a {display: block;width: 100%;height: 100%;margin: 0 auto;}
.mgb_center a img{margin: 0 auto;}
.mainvisual_content {width: 960px;margin-right: auto;margin-left: auto;}
/*#view1 a {background-image: url(/nte/images/top/top_slide_vdmixer_bg.jpg);height: 256px;background-repeat: repeat;display: block;}*/
#view1 a {background-image: url(/nte/images/top/top_slide_bio-cel_bg.jpg);height: 256px;background-repeat: repeat;display: block;}
#view2 a {background-image: url(/nte/images/top/top_slide_power_saving_module_for_drypump_bg.jpg);height: 256px;background-repeat: repeat;display: block;}
#view3 a {background-image: url(/nte/images/top/top_slide_aquablaster_bg.jpg);height: 256px;background-repeat: repeat;display: block;}
/* #view4 a {background-image: url(/nte/images/top/top_slide_bio-cel_bg.jpg);height: 256px;background-repeat: repeat;display: block;}
#view5 a {background-image: url(/nte/images/top/top_slide_highestv_bg.jpg);height: 256px;background-repeat: repeat;display: block;} */
#view4 a {background-image: url(/nte/images/top/top_slide_mec_bg.jpg);height: 256px;background-repeat: repeat;display: block;}
/* #view6 a {background-image: url(/nte/images/top/top_slide_aseptoray_bg.jpg);height: 256px;background-repeat: repeat;display: block;} */
#view5 a {background-image: url(/nte/images/top/top_slide_cryo_bg.jpg);height: 256px;background-repeat: repeat;display: block;}
#view6 a {background-image: url(/nte/images/top/top_slide_mm_bg2.jpg);height: 256px;background-repeat: repeat;display: block;}
/* #view9 a {background-image: url(/nte/images/top/top_slide_interview_bg.jpg);height: 256px;background-repeat: repeat;display: block;} */
#view7 a {background-image: url(/nte/images/top/top_slide_bio-cel_bg.jpg);height: 256px;background-repeat: repeat;display: block;}
#view8 a {background-image: url(/nte/images/top/top-koach_bg.jpg);height: 256px;background-repeat: repeat;display: block;}
/* #view12 a {background-image: url(/nte/images/top/top_slide_testrig_bg.jpg);height: 256px;background-repeat: repeat;display: block;} */


@media screen and (max-width: 960px) {
	#mainvisual {height: 0;padding-top: calc(250 / 960 * 100%);}
	.mgb_center img{width:100%;}
	#view1 a {height: calc(250 / 960 * 100%);background-repeat: no-repeat;display: block;}
	#view2 a {height: calc(250 / 960 * 100%);background-repeat: no-repeat;display: block;}
	#view3 a {height: calc(250 / 960 * 100%);background-repeat: no-repeat;display: block;}
	/* #view4 a {height: calc(250 / 960 * 100%);background-repeat: no-repeat;display: block;}
	#view5 a {height: calc(250 / 960 * 100%);background-repeat: no-repeat;display: block;} */
	#view4 a {height: calc(250 / 960 * 100%);background-repeat: no-repeat;display: block;}
	#view5 a {height: calc(250 / 960 * 100%);background-repeat: no-repeat;display: block;}
	#view6 a {height: calc(250 / 960 * 100%);background-repeat: no-repeat;display: block;}
	/* #view9 a {height: calc(250 / 960 * 100%);background-repeat: no-repeat;display: block;} */
	#view7 a {height: calc(250 / 960 * 100%);background-repeat: no-repeat;display: block;}
	#view8 a {height: calc(250 / 960 * 100%);background-repeat: no-repeat;display: block;}
	/* #view12 a {height: calc(250 / 960 * 100%);background-repeat: no-repeat;display: block;} */
	/* #view12 a {height: calc(250 / 960 * 100%);background-repeat: no-repeat;display: block;} */
	/*#view12 a {height: calc(250 / 960 * 100%);background-repeat: no-repeat;display: block;}*/

	.linktitle{width:72%;}
	#information #iLeft .infobox table tr td:first-child{width: 200px;}
	#information #iLeft{max-width:900px;width:100%;float:left;overflow:hidden;}
	#information #iSide{display: block;width:100%;clear:both;overflow:hidden;margin-top:30px;}
	#productBox ul li.product{float: left;margin-left: 2%;margin-bottom: 2%;height: 67px;width: 32%;}
	#productBox ul li.product:nth-child(4n+1){margin-left: 2%;}
	#productBox ul li.product:nth-child(3n+1){margin-left: 0px;}
	#iSide ul li{display: inline-block;margin-bottom:10px;margin-right: 10px;}
}


@media screen and (max-width: 768px) {
	#productBox ul li.product{float: left;height: 67px;width: 49%;}
	#productBox ul li.product:nth-child(odd){margin-left: 0px;}
	#productBox ul li.product:nth-child(even){margin-left: 2%;}
	#information #iLeft .infobox table tr td:first-child{width: 100%;}
	#information #iSide{float:none;overflow}
	.linktitle{width:100%;margin-bottom: 10px;}
	#information #iLeft .infobox table tr td{padding-bottom: 5px;display: inline-block;}
	#information #iLeft .infobox table tr td a{font-size: 15px;}

}
@media screen and (max-width: 480px) {
	#productBox ul li.product:nth-child(even){margin-left: 0%;}
	#productBox ul li.product{float: left;margin: 0 0 2% 0;height: 80px;width: 100%;}
	#productBox ul li a img{width: 80px;height: 80px;}
	#productBox ul li a p{font-size: 16px;margin-left: 10px;}
	#productBox ul li a.new{height: 80px;}
	#contents{padding-bottom:0px;}
	#mainvisual {height: 0;padding-top: calc(800 / 750 * 100%);}
}
