@charset "UTF-8";
/* --------------------------------------------------
**
** asBtnType1
**
** -------------------------------------------------- */
.btns.asBtnType1 li {
	display: table;
	width: 100%;
	margin: 0 0 10px;
}
.btns.asBtnType1 li:last-child { margin-bottom: 0; }
.btns.asBtnType1 li .iconNewProduct {
	margin: 0 10px 0 -9px;
	padding: 1px 5px;
	float: left;
	background-color: #B11010;
	vertical-align: middle;
	font-size: 92.3%;
	color: #FFF;
}
.btns.asBtnType1 li.pdf .iconNewProduct { margin: 0 10px 0 2px; }
/* --------------------------------------------------
**
** asBtnType2
**
** -------------------------------------------------- */
.btns.asBtnType2 {
	overflow: hidden;
	margin: 0 0 -10px -30px;
}
.btns.asBtnType2 li {
	float: left;
	display: block;
	margin: 0 0 40px 60px;
}
.btns.asBtnType2 li a {
	box-sizing: border-box;
	display: table-cell;
	min-width: 300px;
	height: 90px;
	padding: 5px 27px 5px 19px;
	border: 2px solid #333;
	border-radius: 0;
	background-color: #333;
	vertical-align: middle;
	color: #FFF;
}
.btns.asBtnType2 li a:after {
	display: block;
	position: absolute;
	top: 45px;
	right: 17px;
	content: "";
	width: 6px;
	height: 8px;
	margin-top: -4px;
	background: url(/common2/images/bg-icon-button-01.png) no-repeat -36px 0;
}
.btns.asBtnType2 li a:hover {
	background-color: #FFF;
	color: #333;
	opacity: 1;
	-ms-filter: "alpha(opacity=100)";
}
.btns.asBtnType2 li a:hover:after { background-position: -42px 0; }
/* --------------------------------------------------
**
** asBtnType3
**
** -------------------------------------------------- */
.asBtnType3 { margin: 0 30px 30px; }
.asBtnType3 li {
	position: relative;
	display: table;
	width: 100%;
}
.asBtnType3 li a {
	display: table-cell;
	height: 54px;
	padding: 5px 27px 5px 19px;
	border: 2px solid #1785C4;
	border-radius: 2px;
	background-color: #1785C4;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	font-size: 200%;
	font-weight: bold;
	color: #FFF;
}
body.assem .asBtnType3 li a {
	border: 2px solid #EF7B46;
	background-color: #EF7B46;
}
body.infrared .asBtnType3 li a {
	border: 2px solid #BF1818;
	background-color: #BF1818;
}
body.methermo .asBtnType3 li a {
	border: 2px solid #548235;
	background-color: #548235;
}
body.industrial .asBtnType3 li a {
	border: 2px solid #59538B;
	background-color: #59538B;
}
body.mlb .asBtnType3 li a {
	border: 2px solid #3A9A7E;
	background-color: #3A9A7E;
}
body.me .asBtnType3 li a {
	border: 2px solid #87C258;
	background-color: #87C258;
}
.asBtnType3 li a:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 17px;
	content: "";
	width: 10px;
	height: 14px;
	margin-top: -7px;
	background: url(/common2/images/bg-icon-button-01.png) no-repeat -60px -18px;
}
.asBtnType3 li a:hover {
	background-color: #FFF;
	color: #1785C4;
}
body.assem .asBtnType3 li a:hover {
	background-color: #FFF;
	color: #EF7B46;
}
body.infrared .asBtnType3 li a:hover {
	background-color: #FFF;
	color: #BF1818;
}
body.methermo .asBtnType3 li a:hover {
	background-color: #FFF;
	color: #548235;
}
body.industrial .asBtnType3 li a:hover {
	background-color: #FFF;
	color: #59538B;
}
body.mlb .asBtnType3 li a:hover {
	background-color: #FFF;
	color: #3A9A7E;
}
body.me .asBtnType3 li a:hover {
	background-color: #FFF;
	color: #87C258;
}
.asBtnType3 li a:hover:after { background-position: 0 -18px; }
body.assem .asBtnType3 li a:hover:after { background-position: -10px -18px; }
body.infrared .asBtnType3 li a:hover:after { background-position: -20px -18px; }
body.industrial .asBtnType3 li a:hover:after { background-position: -30px -18px; }
body.mlb .asBtnType3 li a:hover:after { background-position: -40px -18px; }
body.me .asBtnType3 li a:hover:after { background-position: -50px -18px; }
/* --------------------------------------------------
**
** asBtnType4
**
** -------------------------------------------------- */
.asBtnType4 { margin: 0 30px 30px; }
.asBtnType4 li {
	display: table;
	width: 100%;
}
.asBtnType4 li a {
	display: table-cell;
	height: 68px;
	background-color: #EDF0F2;
	vertical-align: middle;
	text-align: center;
	font-size: 130%;
}
.asBtnType4 li a span { color: #1785C4; }
.asBtnType4 li a.external span {
	display: inline-block;
	padding-left: 20px;
	background: url(/common2/images/bg-icon-external-01.png) no-repeat 3px .5em;
	text-align: left;
}
.asBtnType4 li a.file span {
	display: inline-block;
	padding-left: 20px;
	background: url(/common2/images/bg-icon-zip-01.png) no-repeat 3px .25em;
	text-align: left;
}
.asBtnType4 li a.exe span {
	display: inline-block;
	padding-left: 20px;
	background: url(/common2/images/bg-icon-exe-01.png) no-repeat 3px .25em;
	text-align: left;
}
.asBtnType4 li a.pdf span {
	display: inline-block;
	padding-left: 20px;
	background: url(/common2/images/bg-icon-pdf-01.png) no-repeat 3px .25em;
	text-align: left;
}
.asBtnType4 li a.mail span {
	display: inline-block;
	padding-left: 20px;
	background: url(/common2/images/bg-icon-mail-01.png) no-repeat 3px .45em;
	text-align: left;
}
.asBtnType4 li a:hover span { text-decoration: underline; }
/* --------------------------------------------------
**
** columnAreaType1
**
** -------------------------------------------------- */
.columnAreaType1 .colIn {
	box-sizing: border-box;
	margin: 0 30px 30px;
	padding: 30px 20px;
	background-color: #F2F4F5;
}
.columnAreaType1 .colIn > .ttl {
	margin: 0 0 5px;
	font-size: 200%;
	font-weight: bold;
}
.columnAreaType1 .colIn .normal {
	font-size: 140%;
	margin: 0 0 15px;
}
.columnAreaType1 .colIn .normal:last-child { margin-bottom: 0; }
.columnAreaType1 .colIn .btns { margin: 0; }
.columnAreaType1 .colIn .btns li {
	display: table;
	width: 100%;
	margin: 0 0 10px;
}
.columnAreaType1 .colIn .btns li:last-child { margin-bottom: 0;}
/* --------------------------------------------------
**
** columnAreaType2
**
** -------------------------------------------------- */
.columnAreaType2 .colIn {
	display: block;
	margin: 0 30px 30px;
	background-color: #F2F4F5;
	text-decoration: none;
}
.columnAreaType2 .colIn.bgType1 {
	min-height: 190px;
	background: #F2F4F5 url(/common2/images/img-btn-dummy-01.jpg) no-repeat 0 0;
	overflow: hidden;
}
.columnAreaType2 .colIn.bgType2 {
	min-height: 190px;
	background: #F2F4F5 url(/common2/images/img-btn-dummy-02.jpg) no-repeat 0 0;
}
.columnAreaType2 .colIn.bgType3 {
	min-height: 190px;
	background: #FFF url(/common2/images/img-btn-dummy-03.jpg) no-repeat 0 0;
}
.columnAreaType2 .colIn.bgType4 {
	min-height: 190px;
	background: #FFF url(/common2/images/img-btn-dummy-04.jpg) no-repeat 0 0;
}
.columnAreaType2 a.colIn:hover {
	opacity: .6;
	-ms-filter: "alpha(opacity=60)";
}
.columnAreaType2 .colIn .txtBlock { padding: 30px 20px; }
.columnAreaType2 .colIn.bgType1 .txtBlock,
.columnAreaType2 .colIn.bgType3 .txtBlock {
	display: table-cell;
	width: 260px;
	height: 130px;
	vertical-align: middle;
}
.columnAreaType2 .colIn.bgType2 .txtBlock,
.columnAreaType2 .colIn.bgType4 .txtBlock {
	display: table-cell;
	width: 180px;
	height: 130px;
	vertical-align: middle;
}
.columnAreaType2 .colIn .txtBlock .ttl {
	margin: 0 0 5px;
	font-size: 200%;
	font-weight: bold;
}
.columnAreaType2 a.colIn .txtBlock .ttl:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 10px;
	margin-left: 5px;
	background: url(/common2/images/bg-icon-button-01.png) no-repeat -42px -8px;
	vertical-align: middle;
}
.columnAreaType2 .colIn .txtBlock .normal { margin: 0; }
.columnAreaType2.js-hoverEffect.hoverActive .colIn {
	position: relative;
	overflow: hidden;
}
.columnAreaType2.js-hoverEffect.hoverActive .colIn:hover {
	opacity: 1;
	-ms-filter: "alpha(opacity=100)";
}
.columnAreaType2.js-hoverEffect.hoverActive .colIn .blackBG {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #000;
	opacity: .7;
	-ms-filter: "alpha(opacity=70)";
}
.columnAreaType2.js-hoverEffect.hoverActive .col2of4 .colIn .txtBlock {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	min-width: 280px;
	height: auto;
	padding: 0;
	margin: 0;
}
.columnAreaType2.js-hoverEffect.hoverActive .col1of3 .colIn .txtBlock {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	min-width: 200px;
	height: auto;
	padding: 0;
	margin: 0;
}
.columnAreaType2.js-hoverEffect.hoverActive .colIn .txtBlock .txtBlockIn { margin: 0 20px; }
.columnAreaType2.js-hoverEffect.hoverActive .colIn .txtBlock .ttl { position: absolute; }
.columnAreaType2.js-hoverEffect.hoverActive .colIn:hover .txtBlock .ttl { color: #1784C3; }
.columnAreaType2.js-hoverEffect.hoverActive .colIn:hover .txtBlock .ttl:after { background-position: 0 -8px; }
.columnAreaType2.js-hoverEffect.hoverActive .colIn .txtBlock .txtBlockIn .normal {
	position: absolute;
	color: #FFF;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
}
/* --------------------------------------------------
**
** columnAreaType3
**
** -------------------------------------------------- */
.columnAreaType3 .colIn {
	box-sizing: border-box;
	height: 190px;
	margin: 0 30px 30px;
	padding: 30px 20px;
	background-color: #F2F4F5;
}
.columnAreaType3 a.colIn { display: block; }
.columnAreaType3 a.colIn:hover {
	text-decoration: none;
	opacity: .6;
	-ms-filter: "alpha(opacity=60)";
}
.columnAreaType3 .colIn.iconType1 { background: url(/common2/images/img-icon-dummy-01.jpg) no-repeat 0 0; }
.columnAreaType3 .colIn .ttl {
	margin: 0 0 5px;
	line-height: 1.2;
	text-align: center;
	font-size: 200%;
	font-weight: bold;
}
.columnAreaType3 .colIn .ttl:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 10px;
	margin-left: 5px;
	background: url(/common2/images/bg-icon-button-01.png) no-repeat -42px -8px;
	vertical-align: middle;
}
/* --------------------------------------------------
**
** bgAreaType1 !delete
**
** -------------------------------------------------- */
.bgAreaType1 {
	margin-bottom: 50px;
	padding: 60px 0 30px;
	background-color: #F2F4F5;
}
.bgAreaType1 .container > .ttl {
	margin: 0 30px 30px;
	font-size: 320%;
}
.bgAreaType1 .container > h3.ttl { font-size: 280%; }
.bgAreaType1 .columnAreaType1 .colIn,
.bgAreaType1 .columnAreaType2 .colIn { background-color: #FFF; }

/* --------------------------------------------------
**
** .bgTitleAreaType1
**
** -------------------------------------------------- */
.bgTitleAreaType1.keyVisual h2.TitleCenter,
.bgTitleAreaType1.keyVisual1 h2.TitleCenter{
	margin-top: 138px;
}
/* --------------------------------------------------
**
** bgAreaType2 !delete
**
** -------------------------------------------------- */
.bgAreaType2 {
	margin-bottom: 50px;
	padding: 5px 0 30px;
	background-color: #F2F4F5;
}
.bgAreaType2 .ttl {
	margin-top: 35px;
	font-size: 320%;
}
.bgAreaType2 .row {
	display: table;
	width: 100%;
}
.bgAreaType2 .row .col {
	display: table-cell;
	vertical-align: top;
}
.bgAreaType2 .row .col:nth-child(1) {
	width: 100%;
	padding-top: 15px;
}
/* --------------------------------------------------
**
** bgAreaType3
**
** -------------------------------------------------- */
.bgAreaType3 {
	margin-bottom: 50px;
	padding: 5px 0 15px;
	background-color: #69717B;
}
#content .bgAreaType3 div.container { padding-bottom: 0; }
.bgAreaType3 .normal { color: #FFF; }
.bgAreaType3 .ttl {
	margin-top: 30px;
	color: #FFF;
}
.bgAreaType3 .row { padding: 0 15px; }
.bgAreaType3 ul.itemLinks { margin: 0 15px 30px; }
body.assem .bgAreaType3 ul.itemLinks > li a,
body.infrared .bgAreaType3 ul.itemLinks > li a,
body.industrial .bgAreaType3 ul.itemLinks > li a,
body.mlb .bgAreaType3 ul.itemLinks > li a,
body.me .bgAreaType3 ul.itemLinks > li a,
.bgAreaType3 ul.itemLinks > li a {
	color: #FFF;
	background: url(/common2/images/bg-icon-arrow-05.png) no-repeat 5px .5em;
}

/* --------------------------------------------------
**
** introduction
**
** -------------------------------------------------- */
#content .introduction { padding-bottom: 20px; }
#content .introduction .container { padding-bottom: 0; }
#content .introduction > .infoNavAreaType1 { margin: -50px 0 30px; }
#content .introduction .container + .infoNavAreaType1 {
	padding: 0;
	margin: 0 0 30px;
	border: none;
}

/* --------------------------------------------------
**
** bgStripeArea
**
** -------------------------------------------------- */
.bgStripeArea .bgStripe:nth-child(even) { background-color: #F2F4F5; }
.bgStripeArea .container { padding-top: 50px; }

.introduction + .bgStripeArea .bgStripe:first-child .container,
.bgTitleAreaType1 + .bgStripeArea .bgStripe:first-child .container { padding-top: 0; }

.bgStripeArea h3 { margin-top: 0; }
.bgStripeArea + .container { padding-top: 50px; }

/* --------------------------------------------------
**
** infoNavAreaType1
**
** -------------------------------------------------- */
.infoNavAreaType1 {
	margin-bottom: 20px;
	padding: 13px 0;
	border-bottom: 1px solid #d8d8d8;
}
#content .infoNavAreaType1 div.container { padding-bottom: 0; }
div.container + .infoNavAreaType1{
	margin: 0 0 50px;
	border-bottom: none;
}
.bgAreaType3 + .infoNavAreaType1 { margin-top: -50px; }
.infoNavAreaType1.noLine {
	margin-top: 0;
	border: none;
}
.infoNavAreaType1 h3 { margin-top: 0; }
.infoNavAreaType1 .col1of4,
.infoNavAreaType1 .col2of4 { padding-top: 5px; }
.infoNavAreaType1 .col1of4:first-child,
.infoNavAreaType1 .col2of4:first-child { padding-top: 0; }
.infoNavAreaType1 .ttlBlock {
	position: relative;
	box-sizing: border-box;
	display: table;
	width: 100%;
	padding: 0 30px;
}
.infoNavAreaType1 .ttlBlock .ttl {
	display: table-cell;
	height: 70px;
	margin: 0;
	background-color: #EDF0F2;
	vertical-align: middle;
	text-align: center;
	font-size: 240%;
}
.infoNavAreaType1 .ttlBlock .ttl:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 20px;
	height: 70px;
	margin-top: -35px;
	background: url(/common2/images/bg-icon-infonav-01.png) no-repeat 100% 0;
}
.infoNavAreaType1 ul.itemLinks { margin-bottom: 0; }
.infoNavAreaType1 ul.itemLinks li { margin: 5px 0; }
/* --------------------------------------------------
**
** asIconType1
**
** -------------------------------------------------- */
.asIconType1 { margin: 0 30px; }
.asIconType1 li {
	display: inline-block;
	margin-bottom: 5px;
}
.iconFree {
	display: inline-block;
	margin-right: 5px;
	padding: 1px 13px;
	background-color: #2665AC;
	vertical-align: middle;
	font-size: 12px;
	color: #FFF;
}
.iconBook {
	display: inline-block;
	margin-right: 5px;
	padding: 1px 13px;
	background-color: #F2F4F5;
	vertical-align: middle;
	font-size: 13px;
	color: #080808;
}
.iconInfrared {
	display: inline-block;
	margin-right: 5px;
	padding: 1px 13px;
	background-color: #C01818;
	vertical-align: middle;
	font-size: 13px;
	color: #FFF;
}
.iconIndustrial {
	display: inline-block;
	margin-right: 5px;
	padding: 1px 13px;
	background-color: #59538B;
	vertical-align: middle;
	font-size: 13px;
	color: #FFF;
}
.iconAssem {
	display: inline-block;
	margin-right: 5px;
	padding: 1px 13px;
	background-color: #EF7B46;
	vertical-align: middle;
	font-size: 13px;
	color: #FFF;
}
.iconMlb {
	display: inline-block;
	margin-right: 5px;
	padding: 1px 13px;
	background-color: #3A9A7E;
	vertical-align: middle;
	font-size: 13px;
	color: #FFF;
}
.iconMe {
	display: inline-block;
	margin-right: 5px;
	padding: 1px 13px;
	background-color: #87C257;
	vertical-align: middle;
	font-size: 13px;
	color: #FFF;
}
.iconNewProduct {
	display: inline-block;
	margin-right: 5px;
	padding: 1px 13px;
	background-color: #D41000;
	vertical-align: middle;
	font-size: 13px;
	color: #FFF;
}
.iconMadeYear {
	display: inline-block;
	margin-right: 5px;
	padding: 1px 13px;
	background-color: #696969;
	vertical-align: middle;
	font-size: 13px;
	color: #FFF;
}
.iconPixel {
	display: inline-block;
	margin-right: 5px;
	padding: 1px 8px;
	background-color: #24A0CE;
	vertical-align: middle;
	font-size: 13px;
	color: #FFF;
}

.iconBlue {
	display: inline-block;
	margin-right: 5px;
	padding: 1px 13px;
	background-color: #4665F0;
	vertical-align: middle;
	font-size: 13px;
	color: #FFF;
}
.iconRed {
	display: inline-block;
	margin-right: 5px;
	padding: 1px 13px;
	background-color: #F04665;
	vertical-align: middle;
	font-size: 13px;
	color: #FFF;
}
.iconGreen {
	display: inline-block;
	margin-right: 5px;
	padding: 1px 13px;
	background-color: #3AC98B;
	vertical-align: middle;
	font-size: 13px;
	color: #FFF;
}
.iconPurple {
	display: inline-block;
	margin-right: 5px;
	padding: 1px 13px;
	background-color: #7B46F0;
	vertical-align: middle;
	font-size: 13px;
	color: #FFF;
}
.iconYellow {
	display: inline-block;
	margin-right: 5px;
	padding: 1px 13px;
	background-color: #F0D046;
	vertical-align: middle;
	font-size: 13px;
	color: #FFF;
}

.iconDate {
	display: inline-block;
	margin-right: 5px;
	padding: 1px 13px;
	background-color: #74af0c;
	vertical-align: middle;
	font-size: 13px;
	color: #FFF;
}

.example li {
	margin: 0 30px 25px;
}

.example span {
	display: table-cell;
	vertical-align: middle;
}

.example dt {
	margin: 0 30px 30px;
	font-size: 22px;
	font-weight: bold;
}

.example .icon {
	width: 110px;
	height: 35px;
	font-size: 16px;
	color: #fff;
	text-align: center;
}

.example .icon.blue {
	background-color: #4665F0;
}

.example .icon.red {
	background-color: #F04665;
}

.example .icon.green {
	background-color: #3AC98B;
}

.example .icon.purple {
	background-color: #7B46F0;
}

.example .icon.yellow {
	background-color: #F0D046;
}

.example .txt {
	padding-left: 20px;
	font-size: 14px;
	line-height: 1.2;
}

/* --------------------------------------------------
**
** iconCircle
**
** -------------------------------------------------- */
.iconCircle {
	margin: 0 30px 30px;
	padding-left: 65px;
}
.iconCircle.mail { background: url(/common2/images/bg-icon-mail-02.png) no-repeat 0 50%; }
.iconCircle.dl { background: url(/common2/images/bg-icon-dl-01.png) no-repeat 0 50%; }
.iconCircle.tel { background: url(/common2/images/bg-icon-tel-01.png) no-repeat 0 50%; }
.iconCircle.navidial { background: url(/common2/images/bg-icon-navidial-01.png) no-repeat 0 50%; }
.iconCircle span {
	display: table-cell;
	height: 54px;
	vertical-align: middle;
	font-size: 160%;
}
.iconCircle.tel span { color: #1784C3; }
body.assem .iconCircle.tel span { color: #EF7B46; }
body.infrared .iconCircle.tel span { color: #BF1818; }
body.industrial .iconCircle.tel span { color: #59538B; }
body.mlb .iconCircle.tel span { color: #3A9A7E; }
body.me .iconCircle.tel span { color: #87C258; }
/* --------------------------------------------------
**
** boxType1
**
** -------------------------------------------------- */
.boxType1 {
	margin: 0 30px 30px;
	padding-top: 30px;
	border: 1px solid #C9C9C9;
}
.boxType1 .ttl {
	margin: 0 30px 0;
	font-size: 240%;
	font-weight: bold;
}
.boxType1 .row {
	display: table;
	width: 100%;
}
.boxType1 .row .col {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}
/* --------------------------------------------------
**
** boxType2
**
** -------------------------------------------------- */
.boxType2 {
	margin: 0 30px 30px;
	padding-top: 30px;
	border: 1px solid #C9C9C9;
}
.boxType2 .ttl {
	margin: 0 30px 20px;
	font-size: 240%;
	font-weight: bold;
}
.boxType2 .row {
	display: table;
	width: 100%;
}
.boxType2 .row .col {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}
.boxType2 .rowBtm {
	box-sizing: border-box;
	display: table;
	width: 100%;
	padding: 30px;
	border-top: 1px solid #C9C9C9;
}
.boxType2 .rowBtm .col {
	display: table-cell;
	padding-left: 18px;
	vertical-align: middle;
}
.boxType2 .rowBtm .col:first-child { padding-left: 0; }
.boxType2 .rowBtm .col .tel {
	margin: 0;
	white-space: nowrap;
}
.boxType2 .rowBtm .col .tel span {
	line-height: 1;
	font-size: 380%;
	font-weight: bold;
}
.boxType2 .rowBtm .col .branch {
	border-left: 1px solid #C9C9C9;
	padding-left: 20px;
	white-space: nowrap;
}
.boxType2 .rowBtm .col .branch dt {
	line-height: 1.3;
	font-size: 130%;
}
.boxType2 .rowBtm .col .branch dd {
	line-height: 1.3;
	font-size: 180%;
}
.boxType2 .rowBtm .col .time {
	padding: 5px 15px;
	background-color: #EDF0F2;
	line-height: 1.3;
	font-size: 130%;
	white-space: nowrap;
}
/* --------------------------------------------------
**
** boxType3
**
** -------------------------------------------------- */
.boxType3 {
	margin: 0 30px 30px;
	padding-top: 30px;
	border: 1px solid #C9C9C9;
}
.boxType3 .ttl {
	margin: 0 30px 20px;
	font-size: 240%;
	font-weight: bold;
}
.boxType3 .row .col {
	float: left;
	width: 51.47%;
	width: -webkit-calc(50% + 15px);
	width: calc(50% + 15px);
}
.boxType3 .row .col:nth-child(1) { margin-right: -15px; }
.boxType3 .row .col:nth-child(2) { margin-left: -15px; }
.boxType3 .row .col .mail,
.boxType3 .row .col .dl { margin-bottom: 10px; }
/* --------------------------------------------------
**
** boxType4
**
** -------------------------------------------------- */
.boxType4 {
	margin: 0 30px 30px;
	padding-top: 30px;
	border: 1px solid #C9C9C9;
}
.boxType4 .ttl {
	margin: 0 30px 20px;
	font-size: 240%;
	font-weight: bold;
}
.boxType4 .mail,
.boxType4 .dl { margin-bottom: 10px; }
.boxType4 .row .col {
	float: left;
	width: 51.47%;
	width: -webkit-calc(50% + 15px);
	width: calc(50% + 15px);
}
.boxType4 .row .col:nth-child(1) { margin-right: -15px; }
.boxType4 .row .col:nth-child(2) { margin-left: -15px; }
.boxType4 .rowBtm {
	box-sizing: border-box;
	display: table;
	width: 100%;
	padding: 30px;
	border-top: 1px solid #C9C9C9;
}
.boxType4 .rowBtm .col {
	display: table-cell;
	padding-left: 20px;
	vertical-align: middle;
}
.boxType4 .rowBtm .col:first-child { padding-left: 0; }
.boxType4 .rowBtm .col .tel {
	margin: 0;
	white-space: nowrap;
}
.boxType4 .rowBtm .col .tel span {
	line-height: 1;
	font-size: 380%;
	font-weight: bold;
}
.boxType4 .rowBtm .col .tel + .itemNotes {
	padding-left: 35px;
	margin-bottom: 0;
}
.boxType4 .rowBtm .col .txt {
	font-size: 180%;
	white-space: nowrap;
}
.boxType4 .rowBtm .col .time {
	padding: 14px 15px;
	background-color: #EDF0F2;
	line-height: 1.3;
	text-align: center;
	font-size: 130%;
	white-space: nowrap;
}
/* --------------------------------------------------
**
** boxType5
**
** -------------------------------------------------- */
.boxType5 {
	margin: 0 30px 30px;
	padding-top: 30px;
	border: 1px solid #C9C9C9;
}
.boxType5 .ttl {
	margin: 0 30px 0;
	font-size: 240%;
	font-weight: bold;
}
.boxType5 .row {
	display: table;
	width: 100%;
}
.boxType5 .row .col {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}
.boxType5 .mail {
	margin: 0 30px 30px;
}
.boxType5 .mail li {
	display: table;
	width: 100%;
}
.boxType5 .mail li a {
	display: table-cell;
	height: 68px;
	background-color: #EDF0F2;
	vertical-align: middle;
	text-align: center;
	color: #1785C4;
}
.boxType5 .mail li a > span {
	display: inline-block;
	text-align: left;
	font-size: 130%;
}
.boxType5 .mail li a > span > span {
	font-size: 138.5%;
	color: #080808;
}
.boxType5 .rowBtm {
	box-sizing: border-box;
	display: table;
	width: 100%;
	padding: 30px;
	border-top: 1px solid #C9C9C9;
}
.boxType5 .rowBtm .col {
	display: table-cell;
	padding-left: 20px;
	vertical-align: middle;
}
.boxType5 .rowBtm .col:first-child { padding-left: 0; }
.boxType5 .rowBtm .col .tel {
	margin: 0;
	white-space: nowrap;
}
.boxType5 .rowBtm .col .tel span {
	line-height: 1;
	font-size: 340%;
	font-weight: bold;
}
.boxType5 .rowBtm .col .responsible { white-space: nowrap; }
.boxType5 .rowBtm .col .responsible dt {
	line-height: 1.3;
	font-size: 130%;
}
.boxType5 .rowBtm .col .responsible dd {
	line-height: 1.3;
	font-size: 130%;
}
.boxType5 .rowBtm .col .time {
	padding: 5px 10px;
	background-color: #EDF0F2;
	line-height: 1.3;
	font-size: 130%;
	white-space: nowrap;
}
/* --------------------------------------------------
**
** boxType6
**
** -------------------------------------------------- */
.boxType6 {
	overflow: hidden;
	background-color: #EDF0F2;
	margin: 0 30px 30px;
	padding-top: 30px;
}
.boxType6 .row .col { float: left; }
.boxType6 .row .col:nth-child(1) { width: 172px; }
.boxType6 .row .col:nth-child(2) {
	width: 835px;
	margin-left: -30px;
}
div.container > div.containerIn .boxType6 .row .col:nth-child(2) { width: 608px; }
.boxType6 .row .col .txt {
	margin: 0 30px 30px;
	font-size: 130%;
}
.boxType6 .row .col figure { margin: 0 30px 30px; }
/* --------------------------------------------------
**
** ttlList
**
** -------------------------------------------------- */
.ttlList a {
	float: right;
	margin-top: .5em;
	padding-left: 20px;
	background: url(/common2/images/bg-icon-arrow-01.png) no-repeat 5px .5em;
	font-size: 70%;
}
.ttlList:after {
	content: "";
	display: block;
	clear: both;
}
.ttlList { display: inline-table; }
* html .ttlList { height: 1%; }
.ttlList {
	zoom: 1;
	display: block;
}
/* --------------------------------------------------
**
** flowAreaType1
**
** -------------------------------------------------- */
.flowAreaType1 .column {
	position: relative;
	margin: 0 30px 30px;
	padding-top: 20px;
	border: 1px solid #C9C9C9;
	background-color: #FFFFFF;
}
.flowAreaType1 .column:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 22px;
	height: 14px;
	margin: -22px 0 0 -11px;
	background: url(/common2/images/bg-icon-flow-01.png) no-repeat 0 0;
}
.flowAreaType1 .column:first-child:before { display: none; }
.flowAreaType1 .column .col { float: left; }
.flowAreaType1 .column .col:nth-child(1) {
	width: 160px;
	margin: 0 0 -10px -10px;
	margin-bottom: -10px;
}
.flowAreaType1 .column .col:nth-child(2) {
	width: 898px;
	margin: 0 -10px -10px -30px;
}
.flowAreaType1 .column .col figure { margin: 0 30px 30px; }
.flowAreaType1 .column .col .ttl {
	margin: 0 30px;
	font-size: 320%;
}
.flowAreaType1 .column:after {
	content: "";
	display: block;
	clear: both;
}
.flowAreaType1 .column { display: inline-table; }
* html .flowAreaType1 .column { height: 1%; }
.flowAreaType1 .column {
	zoom: 1;
	display: block;
}
/* --------------------------------------------------
**
** faqBlock
**
** -------------------------------------------------- */
.faqBlock { margin: 0 30px 30px; }
.faqBlock dt {
	margin-bottom: 10px;
	padding-left: 35px;
	text-indent: -35px;
	font-size: 180%;
	font-weight: bold;
}
.faqBlock dt:before {
	content: "Q.";
	margin-right: 15px;
}
.faqBlock dd {
	margin-bottom: 30px;
	padding-left: 35px;
	text-indent: -35px;
	font-size: 140%;
}
.faqBlock dd:before {
	content: "A.";
	margin-right: 15px;
	font-size: 18px; /*ie8*/
}

/* --------------------------------------------------
**
** .btns.h2AreaBtn
**
** -------------------------------------------------- */
.btns.h2AreaBtn { margin-top: 40px; }
.btns.h2AreaBtn li {
	display: block;
	margin-right: 0;
}


/* --------------------------------------------------
**
** .captionedImg
**
** -------------------------------------------------- */
.captionedImg { margin: 0 30px 30px; }
.captionedImg dt { margin-bottom: 1em; }
.captionedImg dt,
.captionedImg dd {
	font-size: 140%;
	text-align: center;
}

/* --------------------------------------------------
**
** video
**
** -------------------------------------------------- */
.videoContent {
	padding: 0 30px 30px;

}
.videoContent video {
	width: 100%;
	max-width: 100%;
	max-height: 768px;
}

/* --------------------------------------------------
**
** 材料の抵抗溶接性
**
** -------------------------------------------------- */
.tableType1.weldability {
	width: 720px;
	margin: 0 auto 30px;
}
.tableType1.weldability table { table-layout: fixed; }
.tableType1.weldability th,
.tableType1.weldability td {
	padding: 4px 6px;
	line-height: 1.4;
	text-align: center;
}
.tableType1.weldability thead th { font-weight: bold; }
.tableType1.weldability thead th.columnNumber,
.tableType1.weldability tbody th.columnNumber {
	color: #080808;
	background-color: #FFF;
}
.tableType1.weldability thead th.name {
	width: 85px;
	border-left-style: none;
}
.tableType1.weldability thead th,
.tableType1.weldability tbody th { font-size: 110%; }
.tableType1.weldability thead td,
.tableType1.weldability tbody td { font-size: 132%; }

/* --------------------------------------------------
**
** Infrared Lineup
**
** -------------------------------------------------- */
div.tileTtl {
	display: table-cell;
	vertical-align: bottom;
}

/* --------------------------------------------------
**
** scrollArea
**
** -------------------------------------------------- */
.scrollArea{
	border: 5px solid #c9c9c9;
	padding: 5px;
	margin-bottom: -1.5em;
	width: auto;
	height: 100px;
	margin: 0 30px 30px;
}
.scrollArea .inner{
	height: 100px;
	overflow-y: auto;
}
.scrollArea .inner h4{
	margin: 5px 25px 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.7;

}
.scrollArea .inner h5{
	font-size: 16px;
}

/* --------------------------------------------------
**
** 接合 困りごと解決事例集
**
** -------------------------------------------------- */

.asmSolution .point {
	background: #FFFFFF;
	padding: 10px 63px;
	margin-top: 50px;
	position: relative;
}

.asmSolution .trouble .point {
	padding: 20px 63px;
}

.asmSolution .point ul {
	margin: 0;
}

.asmSolution h3 {
	position: relative;
	margin: 0;
	max-width: 760px;
}
.asmSolution h4{
    margin: 0;
}
.asmSolution .ttl {
	display: flex;
	align-items: center;
	padding-bottom: 20px;
}
.asmSolution .description{
	padding: 20px ;
}

.asmSolution .trouble {
	background: #fde5b8;
	padding: 45px 50px;
}

.asmSolution .trouble .ttl {
	border-bottom: 1px solid #ef7b46;
}

.asmSolution .ttlIcon img{
	width: 60px;
	height: 60px;
}

.asmSolution .ttl .ttlIcon {
	width: 70px;
	margin: 0 50px;
	text-align: center;
}

.asmSolution .ttl .ttlIcon p{
	margin: 8px 0 0;
}

.asmSolution .trouble .ttl .ttlIcon p{
	color: #ef7b46;
}

.asmSolution .trouble .bgsq {
	position: absolute;
	background-color:  #ef7b46;
	color: #FFF;
    text-align: center;
	font-size: 13px;
	box-sizing: border-box;
    padding: 2px;
	width: 98px;
    height: 22px;
    top: -22px;
    left: 0px;
}

.asmSolution .trouble p.normal {
	font-size: 14px;
	margin: 20px 0;
}

.asmSolution .solution .pointsq {
	position: absolute;
	background-color: #4591b0;
	color: #FFF;
    text-align: center;
	font-size: 13px;
	box-sizing: border-box;
    padding: 2px;
	width: 98px;
    height: 22px;
    top: -22px;
    left: 0px;
}

.asmSolution .solution {
	background: #d4ecff;
	padding: 45px 50px;
}

.asmSolution .solution .ttl {
	border-bottom: 1px solid #4591b0;
}

.asmSolution .solution .ttl .ttlIcon p{
	color: #4591b0;
}

.asmSolution .solution>h4 {
	margin-top: 60px;
}

.asmSolution .solution h4::after {
	content: '';
	background: url(/common2/images/bg-icon-flow-02.png) center center no-repeat;
	width: 22px;
    height: 14px;
    background-size: contain;
    vertical-align: top;
	display: block;
	margin: 0 auto;
}
.asmSolution .solution .pointTtl>li{
	font-size: 20px;
	margin: 20px 0;
}
.asmSolution .solution ol.pointTtl>li {
	list-style-type: decimal;
}

.asmSolution .solution ul.pointTtl>li {
	list-style-type: none;
}

.asmSolution .solution ul.items>li>ul>li{
	margin-left: 1em;
}

.asmSolution .solution p.normal {
	font-size: 14px;
	margin: 20px 0;
}

/* テーブル縦積み */

.productName {
    width: 300px;
}

.upDate {
    width: 108px;
}

table a.pdf {
    padding-left: 20px;
   
    &:before {
        content: url(/common2/images/bg-icon-pdf-01.png) ;
        margin-right: 4px;
    }
}

  .tableType1 .downloadList td span {
    display: none;
  }

  .tableType1 .downloadList td div[data-label] {
    display: none;
  }


@media screen and (max-width:750px) {

    table a.pdf {
        display: flex;
        align-items: center;
        padding-left: 0;
    }
    
    .tableType1 {
        margin: 0 20px 30px;
    }

    .tableType1 .downloadList td p {
        display: flex;
        align-items: center;
    }

   .downloadList thead {
        display: none;
    }

   .tableType1 .downloadList {
        width: 100%;
    }

   .tableType1 .downloadList td,
 .tableType1 .downloadList th{
    display: block;
    border-bottom:none;
  }
 .tableType1 .downloadList td{
    padding: 0px 0px 0px 0px;
    display: flex;
    line-height: 1;
    text-align:left;
  }

  .tableType1 .downloadList td div[data-label] {
    display: inline;
    position: relative;
    background-color: #939598;
    padding: 30px 0;
    margin-right: 20px;
    width: 72px;
  }

  .tableType1 .downloadList td div:not([data-label]) {
    padding-top: 10px;
    padding-bottom: 10px;
	max-width: 220px;
	flex-direction: column;
    display: flex;
    justify-content: center;
  }

 .tableType1 .downloadList div[data-label]:before{
    color: #fff;
    content: attr(data-label);
    position: absolute;
    font-weight: bold;
    display: inline;
    text-align: center;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
 .tableType1 .downloadList tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}