@charset "utf-8";

/*  Reset
-------------------------------------------------- */

div#HeaderArea.WithoutGlobalNav{
	margin-bottom: 0;
}

div#Container{
	margin-top: -16px;
}

div#ContentsArea div#ContentsLayout.SingleWide:first-child{
	padding-top: 0;
}

div#MainContent ul{
	margin: 0;
}

div#MainContent ul li{
	margin: 0;
	padding: 0;
	background: none;
}


/*  Adjust
-------------------------------------------------- */

#LaserSensor .ACenter{
	text-align: center;
}

#LaserSensor .ArRght{
	text-align: right;
}

#LaserSensor .ALeft{
	text-align: left;
}


/*  Container
-------------------------------------------------- */

div#Container{
	background: url("../../img/landing_page/laser_sensor/bg_mainvisual-02.png") repeat-x;
}


/*  h1
-------------------------------------------------- */

#LaserSensor h1{
	margin: 0 0 24px;
	color: #fff;
	font-size: 2.2em;
	font-weight: normal;
}

#LaserSensor h1 .BtmLine{
	border-bottom: 1px solid #fff;
}

/*  h2
-------------------------------------------------- */

#LaserSensor .Hdg2Ty01{
	margin: 0 0 24px;
	font-size: 2.7em;
	color: #fff;
}

#LaserSensor .Hdg2Ty01De{
	margin: 0 0 10px;
	font-size: 1.8em;
	color: #fff;
}

#LaserSensor .Hdg2Ty01 a:link,
#LaserSensor .Hdg2Ty01De a:link,
#LaserSensor .Hdg2Ty01 a:visited,
#LaserSensor .Hdg2Ty01De a:visited,
#LaserSensor .Hdg2Ty01 a:link .SubTitle,
#LaserSensor .Hdg2Ty01De a:link .SubTitle,
#LaserSensor .Hdg2Ty01 a:visited .SubTitle,
#LaserSensor .Hdg2Ty01De a:visited .SubTitle{
	color: #fff;
	text-decoration: none;
}

#LaserSensor .Hdg2Ty01 a:hover,
#LaserSensor .Hdg2Ty01 a:active,
#LaserSensor .Hdg2Ty01 a:hover .SubTitle,
#LaserSensor .Hdg2Ty01 a:active .SubTitle{
	opacity: 0.6;
	-ms-filter: "alpha(opacity=60)";
	text-decoration: none;
}

#LaserSensor .Hdg2Ty01 .SubTitle{
	display: block;
	font-weight: normal;
	font-style: italic;
	line-height: 0.7;
}

#LaserSensor .Hdg2Ty02{
	margin: 0 0 20px;
	font-size: 28px;
	color: #6b6d6e;
}

#LaserSensor .Hdg2Ty03{
	margin: 50px 0 0;
}

/*  Img
-------------------------------------------------- */

#LaserSensor a img:hover{
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
}

#LaserSensor .Img02{
	margin-top: -80px;
	text-align: center;
}

#LaserSensor .CatalogBtn{
	box-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}

/*  MainVisualBox
-------------------------------------------------- */

#LaserSensor .MainVisualBox{
	position: relative;
	box-sizing: border-box;
	height: 651px;
	margin: 0 0 32px;
	padding: 32px 0 20px;
}


/*  MainImg
-------------------------------------------------- */

#LaserSensor  .MainImg{
	position: relative;
}

#LaserSensor .ProductImg01,
#LaserSensor .ProductImg02{
	position: absolute;
	z-index: -1;
}

#LaserSensor .ProductImg01{
	bottom:  -115px;
	right: 3px;
}

#LaserSensor .ProductImg02{
	bottom:  -90px;
	right: 13px;
}

#LaserSensor .txt01{
	text-align: center;
	color: #fff;
	font-size: 1.56em;
}

#LaserSensor .txt02{
	margin-top: 7px;
	text-align: center;
	color: #fff;
	font-size: 1.56em;
	font-style: italic;
	margin-bottom: 28px;
}


/*  SectionBox
-------------------------------------------------- */

#LaserSensor .SectionBox{
	margin: 0 0 75px;
}

#LaserSensor .SectionBox + .SectionBox{
	border-top: 1px solid #000;
}

#LaserSensor .SectionBox:first-child{
	margin: 0 auto;
	width: 794px;
}

/*  Column
-------------------------------------------------- */

#LaserSensor .Column{
	*zoom: 1;
}

#LaserSensor .Column:before,
#LaserSensor .Column:after{
	content: "";
	display: table;
}

#LaserSensor .Column:after{
	clear: both;
}

#LaserSensor .Column .Col{
	width: 470px;
	float: left;
	margin: 0 0 0 30px;
}

#LaserSensor .Column .Col:first-child{
	margin: 0;
}


/*  CatalogList01
-------------------------------------------------- */

#LaserSensor .CatalogList01{
	display: table;
	margin: 0 auto;
	z-index: 1;
}

#LaserSensor .CatalogList01.m01{
	margin-top: 38px;
	margin-bottom: 10px;
}

#LaserSensor .CatalogList01.m02{
	margin-top: 48px;
	margin-bottom: 20px;
}

#LaserSensor .CatalogList01 li{
	display: table-cell;
	vertical-align: middle;
	padding:  0 0 0 10px;
}

#LaserSensor .CatalogList01 li:first-child{
	padding: 0;
}


/*  ImgRight
-------------------------------------------------- */

#LaserSensor  .ImgRight{
	margin: 0;
	*zoom: 1;
}

#LaserSensor  .ImgRight:before,
#LaserSensor  .ImgRight:after{
	content: "";
	display: table;
}

#LaserSensor  .ImgRight:after{
	clear: both;
}

#LaserSensor  .ImgRight >img{
	float: right;
	margin: 0 0 0 25px;
}

#LaserSensor  .ImgRight  .Content p{
	overflow: hidden;
	font-size: 1.12em;
	color: #7f8284;
	line-height: 1.7;
}


/*lang:it*/
#LaserSensor .Img02:lang(it){
	margin-top: 30px;
}

#LaserSensor .Hdg2Ty01:lang(it){
	font-size: 2.5em;
}

/*  Button module
-------------------------------------------------- */

.lp-buttonConversion {
    display: inline-block;
    max-width: 100%;
    background: #e60012;
    color: #fff;
    font-size: 1.6em;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
}

.lp-buttonConversion-body {
    display: flex;
    align-items: center;
    padding: 10px 8px 10px 24px;
}

.lp-buttonConversion-text {
    margin-right: 16px;
	color: #fff;
}

.lp-buttonConversion-image {
    margin: -22px 0;
    border: 1px solid #ccc;
}

.lp-buttonConversion-image > img {
    min-width: 42px;
    max-width: 60px;
}

a.lp-buttonConversion.of-download {
	text-decoration: none;
}

.lp-buttonConversion.of-download .lp-buttonConversion-body, .lp-buttonConversion.of-anchor .lp-buttonConversion-body, .lp-buttonConversion.of-arrow .lp-buttonConversion-body, .lp-buttonConversion.of-inquiry .lp-buttonConversion-body {
    position: relative;
    padding-left: 53px;
}

.lp-buttonConversion.of-download .lp-buttonConversion-body::before, .lp-buttonConversion.of-anchor .lp-buttonConversion-body::before, .lp-buttonConversion.of-arrow .lp-buttonConversion-body::before, .lp-buttonConversion.of-inquiry .lp-buttonConversion-body::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 24px;
    width: 19px;
    height: 18px;
    transform: translateY(-50%);
    content: "";
}

.lp-buttonConversion.of-download .lp-buttonConversion-body::before {
    background: url("../../img/landing_page/common/icon_btn_dl.png") no-repeat center center;
}

.lp-buttonConversion.of-anchor .lp-buttonConversion-body::before {
    background: url("../../img/landing_page/common/icon_btn_anc_03.png") no-repeat center center;
}

.lp-buttonConversion.of-arrow .lp-buttonConversion-body::before {
    left: 26px;
    height: 12px;
    border-width: 7px 0 7px 13px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}

.lp-buttonConversion.of-inquiry .lp-buttonConversion-body::before {
    background: url("../../img/landing_page/common/icon_btn_inquiry_01.png") no-repeat center center;
}

.lp-buttonConversion.of-priceIcon .lp-buttonConversion-body, .lp-buttonConversion.of-priceIcon-jpy .lp-buttonConversion-body, .lp-buttonConversion.of-priceIcon-gbp .lp-buttonConversion-body, .lp-buttonConversion.of-priceIcon-krw .lp-buttonConversion-body, .lp-buttonConversion.of-priceIcon-eur .lp-buttonConversion-body {
    position: relative;
    padding-left: 53px;
}

.lp-buttonConversion.of-priceIcon .lp-buttonConversion-body::before, .lp-buttonConversion.of-priceIcon-jpy .lp-buttonConversion-body::before, .lp-buttonConversion.of-priceIcon-gbp .lp-buttonConversion-body::before, .lp-buttonConversion.of-priceIcon-krw .lp-buttonConversion-body::before, .lp-buttonConversion.of-priceIcon-eur .lp-buttonConversion-body::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 24px;
    width: 19px;
    height: 18px;
    transform: translateY(-50%);
    content: "";
}

.lp-buttonConversion.of-priceIcon .lp-buttonConversion-body::before {
    background: url("../../img/landing_page/common/icon_btn_price_usd.png") no-repeat center center;
}

.lp-buttonConversion.of-priceIcon-jpy .lp-buttonConversion-body::before {
    background: url("../../img/landing_page/common/icon_btn_price_jpy.png") no-repeat center center;
}

.lp-buttonConversion.of-priceIcon-gbp .lp-buttonConversion-body::before {
    background: url("../../img/landing_page/common/icon_btn_price_gbp.png") no-repeat center center;
}

.lp-buttonConversion.of-priceIcon-krw .lp-buttonConversion-body::before {
    background: url("../../img/landing_page/common/icon_btn_price_krw.png") no-repeat center center;
}

.lp-buttonConversion.of-priceIcon-eur .lp-buttonConversion-body::before {
    background: url("../../img/landing_page/common/icon_btn_price_eur.png") no-repeat center center;
}

.lp-buttonConversion.of-primary {
    background: #129e83;
}

.lp-buttonConversion.of-secondary {
    background: #1a90db;
}