@charset "utf-8";
/*================================================================

	misumi-vona　tech用CSS

================================================================*/
.page2 .techArea {
	float: left;
	width: 950px;
	padding-bottom: 160px;
}
.page1 .techArea { width: 950px;}
.tech .techArea .techNav,
.recommendedProduct .techArea .techNav { margin-bottom: 10px;}
.tech .techArea .techNav ul,
.recommendedProduct .techArea .techNav ul {
	width: 950px;
	height: 29px;
	background: url(/common/img/sprite_technav.png) no-repeat 0 -100px;
}
.tech .techArea .techNav li,
.recommendedProduct .techArea .techNav li {
	float: left;
	height: 29px;
	background: url(/common/img/sprite_technav.png) no-repeat 0 -100px;
}
.tech .techArea .techNav li.tech,
.recommendedProduct .techArea .techNav li.tech { width: 123px;}
.tech .techArea .techNav li.service,
.tech .techArea .techNav li.recommend,
.recommendedProduct .techArea .techNav li.service,
.recommendedProduct .techArea .techNav li.recommend { width: 122px;}

.tech .techArea .techNav li.tech a,
.tech .techArea .techNav li.service a,
.tech .techArea .techNav li.recommend a,
.recommendedProduct .techArea .techNav li.tech a,
.recommendedProduct .techArea .techNav li.service a,
.recommendedProduct .techArea .techNav li.recommend a {
	display: block;
	height: 29px;
	text-indent: -9999px;
	background: url(/common/img/sprite_technav.png) no-repeat;
}
.tech .techArea .techNav li.tech a,
.recommendedProduct .techArea .techNav li.tech a { background-position: 0 -50px;}
.tech .techArea .techNav li.service a,
.recommendedProduct .techArea .techNav li.service a { background-position: -123px -50px;}
.tech .techArea .techNav li.recommend a,
.recommendedProduct .techArea .techNav li.recommend a { background-position: -245px -50px;}

.tech .techArea .techNav li.tech a:hover,
.tech .techArea .techNav li.tech a.ac,
.recommendedProduct .techArea .techNav li.tech a:hover,
.recommendedProduct .techArea .techNav li.tech a.ac { background-position: 0 0;}
.tech .techArea .techNav li.service a:hover,
.tech .techArea .techNav li.service a.ac,
.recommendedProduct .techArea .techNav li.service a:hover,
.recommendedProduct .techArea .techNav li.service a.ac { background-position: -123px 0;}
.tech .techArea .techNav li.recommend a:hover,
.tech .techArea .techNav li.recommend a.ac,
.recommendedProduct .techArea .techNav li.recommend a:hover,
.recommendedProduct .techArea .techNav li.recommend a.ac { background-position: -245px 0;}
.tech .techArea h2,
.recommendedProduct .techArea h2 {
	margin-bottom: 20px;
	font-size: 17px;
	font-weight: bold;
}
/* h3 */
.tech .techArea h3 {
	width: 940px;
	height: 24px;
	margin-bottom: 15px;
	padding: 10px 0 0 10px;
	background: url(/common/img/sprite_technav.png) no-repeat 0 -500px;
}
.recommendedProduct .clearfix h3 {
	width: 930px;
	height: 24px;
	margin-bottom: 15px;
	padding: 10px 10px 0 10px;
	background: url(/common/img/sprite_technav.png) no-repeat 0 -500px;

}
.tech .techArea h3 span,
.recommendedProduct .techArea h3 span {
	display: block;
	height: 15px;
	text-indent: -9999px;
	background: url(/common/img/sprite_technav.png) no-repeat;
}
.tech .techArea h3 span.h3Course {
	width: 59px;
	background-position: 0 -150px;
}
.tech .techArea h3 span.h3Info {
	width: 103px;
	background-position: 0 -200px;
}
.tech .techArea h3 span.h3Select {
	width: 113px;
	background-position: 0 -600px;
}
.tech .techArea h3 span.h3Mech,
.recommendedProduct .techArea h3 span.h3Mech {
	width: 121px;
	background-position: 0 -250px;
}
.tech .techArea h3 span.h3El,
.recommendedProduct .techArea h3 span.h3El {
	width: 129px;
	background-position: 0 -300px;
}
.tech .techArea h3 span.h3Press,
.recommendedProduct .techArea h3 span.h3Press {
	width: 136px;
	background-position: 0 -350px;
}
.tech .techArea h3 span.h3Mold,
.recommendedProduct .techArea h3 span.h3Mold {
	width: 110px;
	background-position: 0 -400px;
}
.tech .techArea h3 span.h3Fs,
.recommendedProduct .techArea h3 span.h3Fs {
	width: 112px;
	background-position: 0 -450px;
}
.tech .techArea h3 span.h3Vona,
.recommendedProduct .techArea h3 span.h3Vona {
	width: 78px;
	background-position: 0 -750px;
}
.recommendedProduct .techArea .clearfix h3 span.h3Mech,
.recommendedProduct .techArea .clearfix h3 span.h3El,
.recommendedProduct .techArea .clearfix h3 span.h3Press,
.recommendedProduct .techArea .clearfix h3 span.h3Mold,
.recommendedProduct .techArea .clearfix h3 span.h3Fs,
.recommendedProduct .techArea .clearfix h3 span.h3Vona { float: left;}

.recommendedProduct .techArea h3 span.link {
	float: right;
	text-align: right;
}
.recommendedProduct .techArea h3 span.link a {
	padding-left: 10px;
	background: url(/common/img/sprite_technav.png) no-repeat 0 -548px;
}
.tech .techArea .course,
.tech .techArea .mech,
.tech .techArea .el,
.tech .techArea .press,
.tech .techArea .mold,
.tech .techArea .fs,
.tech .techArea .vona { padding-bottom: 20px;}
.tech .techArea .course .clearfix,
.tech .techArea .info .clearfix,
.tech .techArea .mech .clearfix,
.tech .techArea .el .clearfix,
.tech .techArea .press .clearfix,
.tech .techArea .mold .clearfix,
.tech .techArea .fs .clearfix,
.tech .techArea .vona .clearfix,
.recommendedProduct .techArea .mech div.clearfix,
.recommendedProduct .techArea .el div.clearfix,
.recommendedProduct .techArea .press div.clearfix,
.recommendedProduct .techArea .mold div.clearfix,
.recommendedProduct .techArea .fs div.clearfix,
.recommendedProduct .techArea .vona div.clearfix {
	margin-bottom: 15px;
	/*padding: 0 10px;*/
}
.tech .techArea .course dl,
.tech .techArea .mech dl,
.tech .techArea .el dl,
.tech .techArea .press dl,
.tech .techArea .mold dl,
.tech .techArea .fs dl,
.tech .techArea .vona dl,
.productWrapper .techArea .mech dl,
.productWrapper .techArea .el dl,
.productWrapper .techArea .press dl,
.productWrapper .techArea .mold dl,
.productWrapper .techArea .fs dl,
.productWrapper .techArea .vona dl {
	float: left;
	width: 295px;
	margin-right: 23px;
}
.tech .techArea .course dl.rightDl,
.tech .techArea .mech dl.rightDl,
.tech .techArea .el dl.rightDl,
.tech .techArea .press dl.rightDl,
.tech .techArea .mold dl.rightDl,
.tech .techArea .fs dl.rightDl,
.tech .techArea .vona dl.rightDl,
.productWrapper .techArea .mech dl.rightDl,
.productWrapper .techArea .el dl.rightDl,
.productWrapper .techArea .press dl.rightDl,
.productWrapper .techArea .mold dl.rightDl,
.productWrapper .techArea .fs dl.rightDl,
.productWrapper .techArea .vona dl.rightDl {
	float: left;
	width: 295px;
	margin-right: 0!important;
}
.tech .techArea .info li,
.tech .techArea .select li {
	float: left;
	width: 295px;
	margin: 0 23px 15px 0;
}
.tech .techArea .info li.rightLi,
.tech .techArea .select li.rightLi {
	float: left;
	width: 282px;
	margin: 0 0 15px 0!important;
}
.tech .techArea .course dt a,
.tech .techArea .info li a,
.tech .techArea .select li a,
.tech .techArea .mech dt a,
.tech .techArea .el dt a,
.tech .techArea .press dt a,
.tech .techArea .mold dt a,
.tech .techArea .fs dt a,
.tech .techArea .vona dt a,
.tech .techArea .press li a,
.tech .techArea .mold li a {
	font-weight: bold;
	padding-left: 18px;
	background: url(/common/img/sprite_technav.png) no-repeat 0 -547px;
}
.tech .techArea .course dt a.link,
.tech .techArea .info li a.link,
.tech .techArea .select li a.link,
.tech .techArea .mech dt a.link,
.tech .techArea .el dt a.link,
.tech .techArea .press dt a.link,
.tech .techArea .mold dt a.link,
.tech .techArea .fs dt a.link,
.tech .techArea .vona dt a.link {
	font-weight: bold;
	padding-left: 18px;
	background: url(/common/img/sprite_common.gif) no-repeat -187px -957px !important;
}
.tech .techArea .course dt a.pdf,
.tech .techArea .info li a.pdf,
.tech .techArea .select li a.pdf,
.tech .techArea .mech dt a.pdf,
.tech .techArea .el dt a.pdf,
.tech .techArea .press dt a.pdf,
.tech .techArea .mold dt a.pdf,
.tech .techArea .fs dt a.pdf,
.tech .techArea .vona dt a.pdf {
	font-weight: bold;
	padding-left: 18px!important;
	background: url(/common/img/misumiec.png) no-repeat -122px -1654px;
}

.tech .techArea .mech dd,
.tech .techArea .el dd,
.tech .techArea .press dd,
.tech .techArea .mold dd,
.tech .techArea .fs dd,
.tech .techArea .vona dd,
.tech .techArea dd { padding-left: 18px;}

/* .products */
.productWrapper .techArea .mech .ddPic,
.productWrapper .techArea .el .ddPic,
.productWrapper .techArea .press .ddPic,
.productWrapper .techArea .mold .ddPic,
.productWrapper .techArea .fs .ddPic,
.productWrapper .techArea .vona .ddPic {
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 10px;
}
.productWrapper .techArea .mech .ddPic a,
.productWrapper .techArea .el .ddPic a,
.productWrapper .techArea .press .ddPic a,
.productWrapper .techArea .mold .ddPic a,
.productWrapper .techArea .fs .ddPic a,
.productWrapper .techArea .vona .ddPic a {
	display: block;
	width: 60px;
	height: 60px;
}
.productWrapper .techArea .mech dt,
.productWrapper .techArea .el dt,
.productWrapper .techArea .press dt,
.productWrapper .techArea .mold dt,
.productWrapper .techArea .fs dt,
.productWrapper .techArea .vona dt,
.productWrapper .techArea .mech .ddTxt,
.productWrapper .techArea .el .ddTxt,
.productWrapper .techArea .press .ddTxt,
.productWrapper .techArea .mold .ddTxt,
.productWrapper .techArea .fs .ddTxt,
.productWrapper .techArea .vona .ddTxt {
	float: left;
	width: 222px;
}
.productWrapper .techArea .mech dt a,
.productWrapper .techArea .el dt a,
.productWrapper .techArea .press dt a,
.productWrapper .techArea .mold dt a,
.productWrapper .techArea .fs dt a,
.productWrapper .techArea .vona dt a { font-weight: bold;}


/*追記　watanabe*/
.productWrapper .techArea dl {
	padding-left: 27px;
	margin-right: 0;
	margin-bottom: 20px;
}
.tech .techArea .mech,
.tech .techArea .el,
.tech .techArea .press,
.tech .techArea .mold,
.tech .techArea .fs { margin-left: 0!important;}
.recommendedProduct .techArea .mech,
.recommendedProduct .techArea .el,
.recommendedProduct .techArea .press,
.recommendedProduct .techArea .mold,
.recommendedProduct .techArea .fs,
.recommendedProduct .techArea .vona {
	margin-left: -17px;
	/* ie6,7用ハック*/
	position: relative;
	/padding-bottom: 20px;
}
/* 20141106 add */
.productWrapper .techArea {
	width: 1200px;
	margin: 20px auto 0;
}
.tech .techArea h2.headCat__heading,
.recommendedProduct .techArea h2.headCat__heading { margin-bottom: 0!important;}

.recommendedProduct .techArea dd.mech,
.recommendedProduct .techArea dd.el,
.recommendedProduct .techArea dd.press,
.recommendedProduct .techArea dd.mold,
.recommendedProduct .techArea dd.fs,
.recommendedProduct .techArea dd.vona { margin-left: 0!important;}
.tech .techArea dd.course,
.tech .techArea dd.mech,
.tech .techArea dd.el,
.tech .techArea dd.press,
.tech .techArea dd.mold,
.tech .techArea dd.fs,
.tech .techArea dd.vona { padding-bottom: 0!important;}
.tech .techArea li span.course,
.tech .techArea li span.mech,
.tech .techArea li span.el,
.tech .techArea li span.press,
.tech .techArea li span.mold,
.tech .techArea li span.fs,
.tech .techArea li span.vona { padding-bottom: 0!important;}