@charset "utf-8";

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

/* Common */
div#MainContent .Section .LpLrwOutlineHdg{
margin:0 0 30px;
color:#006f98;
font-size:250% !important;
text-transform:none;
}
div#MainContent .Section .LpLrwOutlineHdg strong {
font-weight:bold;
}
div#MainContent .Section .LpLrwOutlineSection{
padding:50px 0;
}
div#MainContent .Section .LpLrwOutlineSection.LpLrwOutlineRainbow{
position:relative;
padding-top:58px;
}
div#MainContent .Section .LpLrwOutlineSection.LpLrwOutlineRainbow:before{
content:'';
display:block;
position:absolute;
top:0;
left:-100%;
width:300%;
height:8px;
background:#5c2e92 url(../../img/landing_page/lp_lr-w_outline/lp_lr-w_outline_bg_02.gif) no-repeat top center;
}
div#MainContent .Section .LpLrwOutlineSection.LpLrwOutlineRainbow:after{
content:'';
display:block;
position:absolute;
width:815px;
height:8px;
top:0;
right:-100%;
background:#ee1c25;
}

/* Main Visual */
.LpLrwOutlineVisual{
position:relative;
width:100%;
color:#fff;
}
.LpLrwOutlineVisual:before{
z-index:-1;
content:'';
display:block;
position:absolute;
width:300%;
height:100%;
top:0;
left:-100%;
background:#000;
}
.LpLrwOutlineVisualImg{
z-index:0;
position:absolute;
top:0;
left:0;
}
.LpLrwOutlineVisualTxt{
display:table-cell;
position:relative;
width:510px;
height:355px;
padding:20px 0;
vertical-align:middle;
overflow:hidden;
}
div#MainContent .Section .LpLrwOutlineVisualHdg{
z-index:1;
position:relative;
font-size:333.3%;
font-weight:normal;
}
div#MainContent .Section p.LpLrwOutlineVisualSeries{
z-index:1;
position:absolute;
top:20px;
right:0;
font-size:116.7%;
}
div#MainContent .Section p.LpLrwOutlineVisualLead{
z-index:1;
position:relative;
font-size:133.3%;
margin:30px 0 35px;
line-height:1.4;
}
#MainContent .Section .LpLrwOutlineVisual .cmnLpAncrBtn03{
position:relative;
display:inline-block;
}
#MainContent .Section .LpLrwOutlineVisual .cmnLpAncrBtn03:before{
z-index:0;
content:'';
position:absolute;
display:block;
width:390px;
height:200px;
top:-100%;
left:-100%;
bottom:-100%;
right:-100%;
margin:auto;
background:url(../../img/landing_page/lp_lr-w_outline/lp_lr-w_outline_bg_01.gif) no-repeat;
}

/* Color Apps Made Easy */
div#MainContent .Section .LpLrwOutlineColorItemWrap{
display:table;
margin:0;
}
div#MainContent .Section .LpLrwOutlineColorItem{
float:left;
width:178px;
margin:0 0 0 20px;
color:#6f7578;
}
div#MainContent .Section .LpLrwOutlineColorItem:first-child{
margin:0;
}
div#MainContent .Section .LpLrwOutlineColorItemTxt{
display:block;
margin:15px 0 0;
line-height:1.4;
}

/* The Lineup */
.LpLrwOutlineLineup{
position:relative;
}
.LpLrwOutlineLineup:before{
z-index:-1;
content:'';
display:block;
position:absolute;
width:300%;
height:100%;
left:-100%;
top:0;
background:#e2e9ec;
}
.LpLrwOutlineLineupItemWrap{
display:table;
}
.LpLrwOutlineLineupItem{
float:left;
width:310px;
margin:0 0 0 20px;
color:#6f7578;
}
.LpLrwOutlineLineupItem:first-child{
margin:0;
}
div#MainContent .Section .LpLrwOutlineLineupItemHdg{
margin:20px 0 10px;
color:#404345;
text-transform:none;
line-height:1.2;
}

/* WHY KEYENCE? */
.LpLrwOutlineWhy{
display:table;
width:100%;
}
.LpLrwOutlineWhyTxt{
float:left;
width:460px;
}
.LpLrwOutlineWhyTxt p{
line-height:1.6;
}
div#MainContent .Section .LpLrwOutlineWhyHdg{
margin:0 0 30px;
}
div#MainContent .Section ul.LpLrwOutlineWhyList{
float:right;
width:472px;
margin:0;
}
div#MainContent .Section .LpLrwOutlineWhyList li{
float:left;
margin:0 0 0 20px;
}
div#MainContent .Section .LpLrwOutlineWhyList li:first-child{
margin:0;
}

/* Catalog */
div#MainContent .Section .LpLrwOutlineCatalog{
padding-left:125px;
padding-right:125px;
text-align:center;
letter-spacing:-.5em;
}
.LpLrwOutlineCatalogImg,
.LpLrwOutlineCatalogTxt{
display:inline-block;
letter-spacing:normal;
vertical-align:middle;
}
.LpLrwOutlineCatalogImg{
width:252px;
margin:0 40px 0 0;
}
div#MainContent .Section p.LpLrwOutlineCatalogTxt{
max-width:428px;
margin:0;
color:#404345;
font-size:250%;
font-weight: bold;
text-align:left;
}