@charset "utf-8";


/*  Reset
-------------------------------------------------- */
div#HeaderArea{
margin: 0;
}
div#Container{
overflow: hidden;
}
div#ContentsArea div#ContentsLayout.SingleWide:first-child{
padding-top: 0;
}
div#MainContent div#MainContentBody > .Section > p:first-child{
margin: 0;
}
div#MainContent div.Section{
padding-bottom: 0;
}
div#MainContent .SecBox04 ul,
div#MainContent .SecBox04 ul li{
margin: 0;
padding: 0;
background: none;
}
div#ContentsLayout{
padding-bottom: 0;
}
div#MainContent #Dscvr + p{
margin: 0;
}
div#MainContent #Dscvr .Hdg3Ty01{
margin: 0;
}


/*  Hdg
-------------------------------------------------- */
#Dscvr .Hdg1Ty01{
margin: 0 0 12px;
font-size: 3em;
}
#Dscvr .Hdg2Ty01{
margin: 0 0 14px;
color: #e60020;
font-size: 2em;
}
#Dscvr .SecBox03 .HtgBox .Hdg2Ty01{
margin: 0 0 2px;
}
#Dscvr .Hdg3Ty01{
padding: 7px 0 6px;
font-size: 1.5em;
text-align: center;
}

/*  Txt
-------------------------------------------------- */
#Dscvr .Txt{
margin: 0 0 35px;
font-size: 1.23em;
}

/*  Movie
-------------------------------------------------- */
#Dscvr .Movie{
margin: 0 0 20px;
}

/*  Link
-------------------------------------------------- */
div#MainContent #Dscvr .TxtLink{
margin: 0;
padding: 0 0 10px;
text-align: right;
font-size: 1.33em;
}
div#MainContent #Dscvr .TxtLink li{
display: inline-block;
}

/*  SecBox
-------------------------------------------------- */
#Dscvr .SecBox01{
position: relative;
margin: 0 0 44px;
padding: 42px 30px 8px;
background: #f4f4f4;
}
#Dscvr .SecBox01:before,
#Dscvr .SecBox01:after,
#Dscvr .SecBox03:before,
#Dscvr .SecBox03:after,
#Dscvr .SecBox04:before,
#Dscvr .SecBox04:after{
display: block;
position: absolute;
top: 0;
content: "";
width: 100%;
height: 100%;
}
#Dscvr .SecBox01:before,
#Dscvr .SecBox03:before,
#Dscvr .SecBox04:before{
left: -100%;
}
#Dscvr .SecBox01:after,
#Dscvr .SecBox03:after,
#Dscvr .SecBox04:after{
right: -100%;
}
#Dscvr .SecBox01:before,
#Dscvr .SecBox01:after{
background: #f4f4f4;
}
#Dscvr .SecBox02{
margin: 0 0 80px;
padding: 0 30px;
}
#Dscvr .SecBox03{
position: relative;
padding: 228px 30px 50px;
background: #f2f2f2 url(../../img/landing_page/discover_keyence/discover_keyence_bg_01.png) no-repeat;
}
#Dscvr .SecBox03:before{
background: #f2f2f2;
}
#Dscvr .SecBox03:after{
background: #f2f2f2;
}
#Dscvr .SecBox03 .HtgBox{
position: absolute;
left: 263px;
top: 35px;
}
#Dscvr .SecBox03 .ContBox{
margin: 0 0 80px;
width: 405px;
}
#Dscvr .SecBox03 .ContBox .Tel{
position: relative;
padding: 25px 45px;
background: #c6ece5;
width: 258px;
font-size: 1.25em;
}
#Dscvr .SecBox03 .ContBox .Tel:before{
display: block;
position: absolute;
top: 50%;
left: 20px;
margin-top: -11px;
content: "";
width: 12px;
height: 22px;
background: url(../../img/landing_page/discover_keyence/discover_keyence_ico_02.png) no-repeat;
}
#Dscvr .SecBox03 .ContBox .Tel a:link,
#Dscvr .SecBox03 .ContBox .Tel a:visited,
#Dscvr .SecBox03 .ContBox .Tel a:hover,
#Dscvr .SecBox03 .ContBox .Tel a:focus,
#Dscvr .SecBox03 .ContBox .Tel a:active{
color: #333;
text-decoration: none;
cursor: default;
}
#Dscvr .SecBox03 .ContBox .Tel a > em{
display: block;
font-size: 1.6em;
}
#Dscvr .SecBox04{
position: relative;
padding: 30px;
background: #ccc;
}
#Dscvr .SecBox04:before,
#Dscvr .SecBox04:after{
background: #ccc;
}
#Dscvr .SecBox04 .Img{
margin: 0 0 20px;
}
#Dscvr .SecBox04 .Img img{
width: 910px;
height: auto;
}

/*  ImgList
-------------------------------------------------- */
div#MainContent #Dscvr .ImgList01{
margin: 0 auto;
width: 840px;
box-sizing: border-box;
letter-spacing: -0.4em;
}
div#MainContent #Dscvr .ImgList01 li{
display: inline-block;
letter-spacing: 0;
margin: 0 15px 17px;
padding: 0;
width: 180px;
background: none;
letter-spacing: normal;
vertical-align: top;
text-align: center;
}
#Dscvr .ImgList01 img{
margin-bottom:5px;
}
#Dscvr .ImgList01 .Name{
margin: 0;
padding: 0 0 0 13px;
background: url("../../img/common/mkr_triangle_gray_r.png") no-repeat left .4em;
font-size: 1.16em;
text-align: center;
}
#Dscvr .ImgList01 li a:hover .Name,
#Dscvr .ImgList01 li a:focus .Name,
#Dscvr .ImgList01 li a:active .Name{
text-decoration: underline;
}
#Dscvr .ImgList01 li a:hover img,
#Dscvr .ImgList01 li a:focus img,
#Dscvr .ImgList01 li a:active img {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
}
div#MainContent #Dscvr .ImgList02{
letter-spacing: -0.3em;
}
div#MainContent #Dscvr .ImgList02 li{
display: inline-block;
margin: 0 0 0 15px;
letter-spacing: normal;
vertical-align: top;
}
div#MainContent #Dscvr .ImgList02 li:first-child{
margin: 0;
}
div#MainContent #Dscvr .ImgList02 li.last-child{
margin: 0 0 0 14px;
}


/*  Column
-------------------------------------------------- */
#Dscvr .Column{
display: table;
}
#Dscvr .Column .Col{
display: table-cell;
padding: 0 0 0 50px;
width: 430px;
}
#Dscvr .Column .Col:first-child{
position: relative;
padding: 0;
}
#Dscvr .Column .Col:first-child:before{
display: block;
position: absolute;
top: 50%;
right: -42px;
margin-top: -21px;
content: "";
width: 31px;
height: 42px;
background: url(../../img/landing_page/discover_keyence/discover_keyence_ico_01.png) no-repeat;
}
#Dscvr .Column .Col .Clr01{
border: 1px solid #e0e0e0;
}
#Dscvr .Column .Col .Clr01 .Hdg3Ty01{
background: #e0e0e0;
font-weight: normal;
}
#Dscvr .Column .Col .Clr02{
border: 1px solid #faadb7;
}
#Dscvr .Column .Col .Clr02 .Hdg3Ty01{
background: #faadb7;
}
div.SingleWide.NoFrame div#MainContent #Dscvr div.Grid4 div.Col.Size1{
background: #fff;
width: 213px;
}
div#MainContent #Dscvr div.RichBorderedBox{
margin: 0;
}



/* Content
---------- ---------- */
div#SubContent div.Section div.SectionContent {
	margin: 0 -12px;
	padding: 11px 12px 10px;
}
div#SubContent div.Section div.SectionContent:first-child {
	background: url("../../img/common/bg_mainsub_sc_sectiontitle.png") 0 0 no-repeat;
}

/* "Contacts" only */
div.Section#SC_Contacts {
	border-top-color: #868b8d;
}
div.Section#SC_Contacts div.SectionTitle {
	background-color: #868b8d;
}
div.Section#SC_Contacts div.SectionContent {
	border-right: solid 1px #a6cdc6;
	background-color: #c6ece5;
}

/* TextAndIconList
---------- ---------- */
/* "Donwloads" and "Contacts" common style */
div.Section#SC_Downloads div.SectionContent ul.TextAndIconList ,
div.Section#SC_Contacts div.SectionContent ul.TextAndIconList {
	margin: 0 -4px 10px;
	list-style: none;
}
div.Section#SC_Downloads div.SectionContent ul.TextAndIconList li ,
div.Section#SC_Contacts div.SectionContent ul.TextAndIconList li {
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #a8a8a8;
	background: none;
}

div.Section#SC_Downloads div.SectionContent ul.TextAndIconList li a ,
div.Section#SC_Contacts div.SectionContent ul.TextAndIconList li a {
	padding: 5px 4px;
	min-height: 18px;
	display: block;
	color: #000;
	background-position: 4px 5px;
	background-repeat: no-repeat;
	text-decoration: none;
}
div.Section#SC_Downloads div.SectionContent ul.TextAndIconList li a img ,
div.Section#SC_Contacts div.SectionContent ul.TextAndIconList li a img {
	vertical-align: middle;
}
div.Section#SC_Downloads div.SectionContent ul.TextAndIconList li a span.Text ,
div.Section#SC_Contacts div.SectionContent ul.TextAndIconList li a span.Text {
	padding: 0 0 0 7px;
	display: inline-block;
	color: #000;
	cursor: pointer;
	vertical-align: middle;
	zoom:1;
}
/* "Donwloads" style */
div.Section#SC_Downloads div.SectionContent ul.TextAndIconList li a:hover {
	background-color: #dbd9b0;
}
/* "Contacts" style */
div.Section#SC_Contacts div.SectionContent ul.TextAndIconList li a:hover {
	background-color: #a5dfd4;
}