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

.mainArea .cv_btn {
	width: 400px;
	height: 40px;
	margin: 0 auto;
	font-size: 14px;
}

.mainArea .titleBlock_2 {
	clear: both;
	width: 950px;
	margin: 0 0 25px;
}
.mainArea .titleBlock_2 .titleBlock_2__main {
	width: 920px;
	padding: 14px 6px 13px 18px;
	border-left: 6px solid #000076;
	background: #e9f1f9;
	font-size: 20px;
	line-height: 1.1;
}
.mainArea .innerBox {
	width: 920px;
	margin: 0 auto;
}
.mainArea .h3box {
	width: 890px;
	margin: 0 auto;
}
.mainArea .contactBtn a {
	display: block;
	width: 385px;
	height: 40px;
	font-size: 14px;
}
.mainArea .movie a {
	display: block;
	width: 383px;
	height: 225px;
}

/* gnavi start */
.mainArea .titleBlock_gnavi {
	list-style: none;
	position: relative;
	width: 950px;
	height: 81px;
	margin: 0 0 30px;
	padding: 0;
	background-color: #fff;
}
.mainArea .titleBlock_gnavi li a,
.mainArea .titleBlock_gnavi li .active {
	position: absolute;
	display: block;
	float: left;
	width: 237px;
	height: 40px;
	background: url(/maker/machine-engineering/mech/tech/common/img_gnavi_210430.gif) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.mainArea .titleBlock_gnavi li.nav01 a,
.mainArea .titleBlock_gnavi li.nav02 a,
.mainArea .titleBlock_gnavi li.nav03 a,
.mainArea .titleBlock_gnavi li.nav04 a,
.mainArea .titleBlock_gnavi li.nav01 .active,
.mainArea .titleBlock_gnavi li.nav02 .active,
.mainArea .titleBlock_gnavi li.nav03 .active,
.mainArea .titleBlock_gnavi li.nav04 .active {
	top: 0;
	height: 41px;
}
.mainArea .titleBlock_gnavi li.nav05 a,
.mainArea .titleBlock_gnavi li.nav06 a,
.mainArea .titleBlock_gnavi li.nav07 a,
.mainArea .titleBlock_gnavi li.nav08 a,
.mainArea .titleBlock_gnavi li.nav05 .active,
.mainArea .titleBlock_gnavi li.nav06 .active,
.mainArea .titleBlock_gnavi li.nav07 .active,
.mainArea .titleBlock_gnavi li.nav08 .active {
	top: 41px;
}
.mainArea .titleBlock_gnavi li.nav01 a,
.mainArea .titleBlock_gnavi li.nav01 .active,
.mainArea .titleBlock_gnavi li.nav05 a,
.mainArea .titleBlock_gnavi li.nav05 .active {
	left: 0;
}
.mainArea .titleBlock_gnavi li.nav02 a,
.mainArea .titleBlock_gnavi li.nav02 .active,
.mainArea .titleBlock_gnavi li.nav06 a,
.mainArea .titleBlock_gnavi li.nav06 .active {
	left: 238px;
}
.mainArea .titleBlock_gnavi li.nav03 a,
.mainArea .titleBlock_gnavi li.nav03 .active,
.mainArea .titleBlock_gnavi li.nav07 a,
.mainArea .titleBlock_gnavi li.nav07 .active {
	left: 476px;
}
.mainArea .titleBlock_gnavi li.nav04 a,
.mainArea .titleBlock_gnavi li.nav04 .active,
.mainArea .titleBlock_gnavi li.nav08 a,
.mainArea .titleBlock_gnavi li.nav08 .active {
	left: 714px;
	width: 236px;
}
.mainArea .titleBlock_gnavi li.nav01 a {
	background-position: 0 0;
}
.mainArea .titleBlock_gnavi li.nav02 a {
	background-position: -238px 0;
}
.mainArea .titleBlock_gnavi li.nav03 a {
	background-position: -476px 0;
}
.mainArea .titleBlock_gnavi li.nav04 a {
	background-position: -714px 0;
}
.mainArea .titleBlock_gnavi li.nav01 .active {
	background-position: 0 -41px;
}
.mainArea .titleBlock_gnavi li.nav02 .active {
	background-position: -238px -41px;
}
.mainArea .titleBlock_gnavi li.nav03 .active {
	background-position: -476px -41px;
}
.mainArea .titleBlock_gnavi li.nav04 .active {
	background-position: -714px -41px;
}
.mainArea .titleBlock_gnavi li.nav05 a {
	background-position: 0 -82px;
}
.mainArea .titleBlock_gnavi li.nav06 a {
	background-position: -238px -82px;
}
.mainArea .titleBlock_gnavi li.nav07 a {
	background-position: -476px -82px;
}
.mainArea .titleBlock_gnavi li.nav08 a {
	background-position: -714px -82px;
}
.mainArea .titleBlock_gnavi li.nav05 .active {
	background-position: 0 -123px;
}
.mainArea .titleBlock_gnavi li.nav06 .active {
	background-position: -238px -123px;
}
.mainArea .titleBlock_gnavi li.nav07 .active {
	background-position: -476px -123px;
}
.mainArea .titleBlock_gnavi li.nav08 .active {
	background-position: -714px -123px;
}
/* gnavi end */

/* ------------------------------------------------------
contents
------------------------------------------------------ */
.mainArea .titleBlock__h1 {
	position: relative;
	width: 950px;
	height: 190px;
	margin: 0;
	padding: 0;
	border: none;
	background: url(/maker/machine-engineering/mech/tech/pick_and_place_units/images/ver2/img_h1.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.mainArea .titleBlock_catch {
	height: 0;
	overflow: hidden;
}
.mainArea .titleBlock_txt {
	width: 920px;
	margin: 0 auto;
	font-size: 14px;
}

.mainArea .resolution {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.mainArea .resolution .before_after .before,
.mainArea .resolution .before_after .after {
	position: relative;
}
.mainArea .resolution .before_after .before {
	margin-bottom: 50px;
}
.mainArea .resolution .before_after .before .label,
.mainArea .resolution .before_after .after .label {
	position: absolute;
	left: 2px;
	bottom: 4px;
	font-size: 11px;
}
.mainArea .resolution .before_after .before::after {
	content: "";
	position: absolute;
	bottom: -60px;
	left: 50%;
	margin-left: -10px;
	border: 20px solid transparent;
	border-top: 20px solid #ccc;
}
.mainArea .resolution .resolutionList {
	display: flex;
	justify-content: space-between;
	width: 750px;
}
.mainArea .resolution .resolutionList > li {
	width: 170px;
}
.mainArea .resolution .resolutionList > li .before {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 140px;
	margin-bottom: 35px;
	font-size: 14px;
	text-align: center;
	border: 3px solid #cad7e9;
}
.mainArea .resolution .resolutionList > li .before::after {
	content: "";
	position: absolute;
	bottom: -108px;
	left: 6px;
	margin-left: -10px;
	border: 85px solid transparent;
	border-top: 20px solid #cad7e9;
}
.mainArea .resolution .resolutionList > li .after {
	border: 3px solid #ffe096;
}
.mainArea .resolution .resolutionList > li .after .head {
	background: #ffe096;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 37px;
	font-size: 14px;
	font-weight: bold;
}
.mainArea .resolution .resolutionList > li .after .main_wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 117px;
}
.mainArea .resolution .resolutionList > li .after .main_wrapper .main {
	width: 100%;
	font-size: 14px;
	text-align: center;
}
.mainArea .resolution .resolutionList > li .after .main_wrapper .main .red {
	color: #d00;
}


/* .itemBox */
.mainArea .itemBox .h3box .movieList {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.mainArea .itemBox .h3box .itemList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
}
.mainArea .itemBox .h3box .itemList::before {
	content: "";
	display: block;
	width: 212px;
	height: 0;
	order: 1;
}
.mainArea .itemBox .h3box .itemList::after {
	content: "";
	display: block;
	width: 212px;
	height: 0;
}
.mainArea .itemBox .h3box .itemList > li {
	width: 212px;
	padding: 20px 15px;
	border: 1px solid #bfbfbf;
	cursor: pointer;
	box-sizing: border-box;
}
.mainArea .itemBox .h3box .itemList > li .name {
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.mainArea .itemBox .h3box .itemList > li:hover .name {
	color: #ff730a;
}
.mainArea .itemBox .h3box .itemList > li:hover img {
	opacity: 0.75;
}
.mainArea .itemBox .h3box .itemList > li .desc {
	font-weight: bold;
}
.mainArea .itemBox .h3box .itemList > li .spec {
	margin-top: 15px;
}


.mainArea .itemBox .btn a {
	display: block;
	width: 267px;
	height: 38px;
	margin: 0 0 5px;
	background: url(/maker/machine-engineering/mech/tech/pick_and_place_units/images/ver2/item_btn.gif) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.mainArea .itemBox ul.box li {
	width: 420px;
}
.mainArea .itemBox ul.box li.wide {
	width: 890px;
}
.mainArea .itemBox ul.box li.box_left {
	clear: both;
	float: left;
}
.mainArea .itemBox ul.box li.box_right {
	float: right;
}
.mainArea .itemBox ul.box dt {
	width: 400px;
	margin: 0 auto 20px;
	padding: 10px;
	background: #c3e3ff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.1;
}
.mainArea .itemBox ul.box li.wide dt {
	width: 870px;
}
.mainArea .itemBox ul.box dd {
	width: 383px;
	margin: 0 auto 30px;
	padding: 0;
}
.mainArea .itemBox ul.box li.wide dd {
	width: 890px;
}
.mainArea .itemBox ul.box li.box1_01 dd {
	padding-top: 168px;
	background: url(/maker/machine-engineering/mech/tech/pick_and_place_units/images/ver2/ppu01_img1_01.jpg) no-repeat 110px 0;
}
.mainArea .itemBox ul.box li.box1_02 dd {
	padding-top: 168px;
	background: url(/maker/machine-engineering/mech/tech/pick_and_place_units/images/ver2/ppu01_img1_02.jpg) no-repeat 10px 0;
}
.mainArea .itemBox ul.box li.box1_01 dd .txt,
.mainArea .itemBox ul.box li.box1_02 dd .txt {
	width: 360px;
	min-height: 65px;
	margin: 0 auto;
}
.mainArea .itemBox ul.box li.box1_01 dd .btn a,
.mainArea .itemBox ul.box li.box1_02 dd .btn a {
	margin: 0 auto 20px;
}

.mainArea .itemBox ul.box li.box2_01 dd {
	padding-top: 270px;
	background: url(/maker/machine-engineering/mech/tech/pick_and_place_units/images/ver2/ppu01_img2_01.gif) no-repeat center 0;
}
.mainArea .itemBox ul.box li.box2_02 dd {
	padding-top: 270px;
	background: url(/maker/machine-engineering/mech/tech/pick_and_place_units/images/ver2/ppu01_img2_02.gif) no-repeat center 0;
}
.mainArea .itemBox ul.box li.box2_03 dd {
	padding-top: 250px;
	background: url(/maker/machine-engineering/mech/tech/pick_and_place_units/images/ver2/ppu01_img2_03.gif) no-repeat center 0;
}
.mainArea .itemBox ul.box li.box2_01 dd .txt,
.mainArea .itemBox ul.box li.box2_02 dd .txt,
.mainArea .itemBox ul.box li.box2_03 dd .txt {
	width: 350px;
	margin: 0 auto;
}

.mainArea .itemBox ul.box li.box3_01 dd {
	width: 485px;
	min-height: 267px;
	margin: 0 auto 30px;
	padding-left: 360px;
	background: url(/maker/machine-engineering/mech/tech/pick_and_place_units/images/ver2/ppu02_img3_01.gif) no-repeat 40px 0;
}
.mainArea .itemBox ul.box li.box3_01 dd .txt {
	margin: 15px 0 0;
}
.mainArea .itemBox ul.box li.box3_02 dd,
.mainArea .itemBox ul.box li.box3_03 dd,
.mainArea .itemBox ul.box li.box3_04 dd,
.mainArea .itemBox ul.box li.box3_05 dd {
	padding-top: 265px;
}
.mainArea .itemBox ul.box li.box3_02 dd {
	background: url(/maker/machine-engineering/mech/tech/pick_and_place_units/images/ver2/ppu02_img3_02.gif) no-repeat center 0;
}
.mainArea .itemBox ul.box li.box3_03 dd {
	background: url(/maker/machine-engineering/mech/tech/pick_and_place_units/images/ver2/ppu02_img3_03.gif) no-repeat center 0;
}
.mainArea .itemBox ul.box li.box3_04 dd {
	background: url(/maker/machine-engineering/mech/tech/pick_and_place_units/images/ver2/ppu02_img3_04.gif) no-repeat center 0;
}
.mainArea .itemBox ul.box li.box3_05 dd {
	background: url(/maker/machine-engineering/mech/tech/pick_and_place_units/images/ver2/ppu02_img3_05.gif) no-repeat center 0;
}

/* .ppu01Box */
.mainArea .ppu01Box {
	margin: 0 0 30px;
}
.mainArea .ppu01Box .item {
	width: 480px;
	margin: 0;
	padding: 0 0 0 410px;
}
.mainArea .ppu01Box .item .catch {
	margin: 0 0 12px;
	font-size: 14px;
}
.mainArea .ppu01Box .item .desc {
	margin: 0 0 12px;
}
.mainArea .ppu01Box .item .desc > li {
	margin: 0 0 2px;
}
.mainArea .ppu01Box .item01 {
	min-height: 145px;
	background: url(/maker/machine-engineering/mech/tech/pick_and_place_units/images/ver2/ppu01_item01.jpg) no-repeat 100px 0;
}
.mainArea .ppu01Box .item02 {
	min-height: 184px;
	background: url(/maker/machine-engineering/mech/tech/pick_and_place_units/images/ver2/ppu01_item02.jpg) no-repeat 70px 0;
}
.mainArea .ppu01Box .item03 {
	min-height: 228px;
	background: url(/maker/machine-engineering/mech/tech/pick_and_place_units/images/ver2/ppu01_item03.jpg) no-repeat 30px 0;
}
.mainArea .ppu01Box .movieBox .catch {
	width: 600px;
	margin: 0 auto 16px;
	padding: 0 0 6px;
	border-bottom: 1px solid #000;
	font-size: 14px;
	text-align: center;
}
.mainArea .ppu01Box .movieBox .movie {
	width: 383px;
	margin: 0 auto 20px;
}

/* .ppu02Box */
.mainArea .ppu02Box {
	margin: 0 0 30px;
}
.mainArea .ppu02Box .item {
	position: relative;
	width: 575px;
	min-height: 175px;
	margin: 0;
	padding: 0 0 0 315px;
}
.mainArea .ppu02Box .item .image {
	position: absolute;
	top: 0;
	left: 55px;
	width: 177px;
	margin: 0;
	text-align: center;
}
.mainArea .ppu02Box .item01 .image {
	padding: 140px 0 0;
	background: url(/maker/machine-engineering/mech/tech/pick_and_place_units/images/ver2/ppu02_item01.jpg) no-repeat center 0;
}
.mainArea .ppu02Box .item02 .image {
	padding: 151px 0 0;
	background: url(/maker/machine-engineering/mech/tech/pick_and_place_units/images/ver2/ppu02_item02.jpg) no-repeat center 0;
}
.mainArea .ppu02Box .item03 .image {
	padding: 153px 0 0;
	background: url(/maker/machine-engineering/mech/tech/pick_and_place_units/images/ver2/ppu02_item03.jpg) no-repeat center 0;
}
.mainArea .ppu02Box .item .desc {
	margin: 15px 0 20px;
}
.mainArea .ppu02Box .item .desc > li {
	margin: 0 0 2px;
}

/* .comparisonBox */
.mainArea .comparisonBox .innerBox {
	width: 585px;
	margin: 0 auto;
}
.mainArea .comparisonBox .image {
	margin: 0 0 8px;
}
.mainArea .comparisonBox .caution {
	text-align: right;
}

/* .basicBox */
.mainArea .basicBox {
	width: 880px;
	margin: 0 auto 60px;
}
.mainArea .basicBox .innerBox {
	width: 880px;
}
.mainArea .basicBox .txt {
	float: left;
	width: 465px;
	font-size: 14px;
}
.mainArea .basicBox .contactBtn {
	float: right;
	width: 385px;
}

/* .contactBox */
.mainArea .contactBox {
	position: relative;
	clear: both;
	width: 950px;
	height: 153px;
	margin: 0 0 50px;
	padding: 0;
	border: none;
	background: url(/maker/machine-engineering/mech/tech/pick_and_place_units/images/ver2/contact_bg.gif) no-repeat 0 0;
}
.mainArea .contactBox .ttl,
.mainArea .contactBox dt,
.mainArea .contactBox .tel,
.mainArea .contactBox .name {
	height: 0;
	overflow: hidden;
}
.mainArea .contactBox .mail a {
	position: absolute;
	top: 72px;
	left: 573px;
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
}