@charset "UTF-8";

/* Lower page
------------------------------------------------------------ */
/* ==============================
box adjust
============================== */
#contents_wrap {
	overflow:hidden;
	width:980px;
	margin:0 auto;
	background:#fff;
}
#contents_wrap.right_bnr {
	position: relative;
	overflow: visible;
}

#contents_right {
	float:right;
	width:720px;
	padding-top:30px;
	font-size:115%;
}

/* ==============================
headline
============================== */
#contents_right h1 {
	width:680px;
	margin-bottom:23px;
	padding-left:35px;
	color:#333;
	font-size:32px;
	font-weight:900;
	border-left:6px solid #2d69a0;
	line-height: 0;
}

#contents_right h1 .title{
	line-height:1.2;
}

#contents_right h1 .sub_title {
	display: inline-block;
	margin-bottom: 5px;
	color:#727272;
	font-size:14px;
	line-height: 1.4;
}

#contents_right h2 {
	margin-bottom:13px;
	padding:10px 0 10px 20px;
	color:#fff;
	font-size:16px;
	font-weight:normal;
	background:#2d69a0;
}

/* ==============================
text area
============================== */
/* lead */
#contents_right .lead {
	margin-bottom:32px;
	padding:20px;
	background:#f3f3f3;
}

#contents_right .lead .thumb {
	float:right;
	padding-left:15px;
}

#contents_right .lead .desc {
	overflow: hidden;
}

/* goto_rels */
#contents_right .goto_rels {
	text-align: right;
}

#contents_right .goto_rels .linktext a {
	display: inline-block;
	position: relative;
	padding-left: 12px;
	text-align: left;
}

#contents_right .goto_rels .linktext a:before {
	content: "";
	position: absolute;
	top: 9px;
	left: 0;
	width: 0;
	height: 0;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent #d83535;
}

/* view_area */
#view_area {
	margin:25px 0 80px;
}

#view_area .view_content h3 {
	margin-bottom:32px;
	padding:23px 20px 21px;
	font-size:21px;
	border-bottom:1px solid #222;
	border-top:1px solid #222;
	background:#fff;
}

#view_area .view_content h4{
	margin-bottom:7px;
	color:#2d69a0;
	font-size:19px;
	background:#F3F3F3;
	padding:5px 10px;
	margin-bottom:20px;
}

#view_area .view_content .h4Mode{
	margin-bottom:7px;
	padding:0;
	color:#2d69a0;
	font-size:19px;
	font-weight:bold;
	border:none;
	background:#fff;
}

#view_area .view_content .view_inner {
	margin-bottom:70px;
	padding:0 20px;
}

#view_area .view_content .view_inner p {
	margin-bottom: 30px;
}

#view_area .view_content .view_inner ul.float_box {
	margin-bottom:30px;
}

#view_area .view_content .view_inner li.float_txt {
	float:left;
	width:350px;
}

/* ==============================
image
============================== */
/*img*/
#contents_right img {
	max-width: 100%;
}

#view_area .view_content .view_inner .img {
	width:100%;
}

#view_area .view_content .view_inner .img img {
	width:100%;
}

/*thumb*/
#view_area .view_content .view_inner .thumb {
	float:right;
	width:300px;
	padding-left:15px;
}

#view_area .view_content .view_inner .thumb img {
	width:100%;
}

/* ==============================
column
============================== */
.column {
	margin:0 0 30px;
	padding:3% 3% 2%;
	border:2px dotted #2264a2;
}

.column p {
	margin-bottom:10px !important;
}

/* ==============================
grid
============================== */

.grid_image {
	display: flex;
	margin-bottom: 30px;
}

.grid_image .grid_image_column > *:last-child {
	margin-bottom: 0 !important;
}

.grid_image.of-column-2.of-full .grid_image_column {
	width: calc(100%/2);
}

.grid_image .grid_image_column img {
	max-width: 100%;
}

/* ==============================
table
============================== */
.table_pc {
	width:100%;
	margin:0 0 30px;
}

.table_pc th, .table_pc td {
	padding:7px;
	border:1px solid #2d69a0;
	vertical-align:middle;
}

.table_pc th {
	background:#d4e6f6;
}

.table_pc td {
	text-align:center;
}

.table_pc .row_ttl {
	background:#d5dadf;
}

/* sp */
.table_sp {
	display:none;
}

.prt_tbl {
  margin: 20px 0;
  width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  table-layout: fixed;
  word-wrap: break-word;
}
.prt_tbl:first-child {
  margin-top: 0;
}
.prt_tbl img {
  max-width: 100%;
  height: auto;
}
.prt_tbl caption {
  text-align: right;
}
.prt_tbl sup {
  margin: 0 -20px 0 5px;
}
.prt_tbl th,
.prt_tbl td {
  padding: 10px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  text-align: left;
}
.prt_tbl th {
  text-align: center;
  font-weight: bold;
  line-height: 1.375;
}
.prt_tbl td {
  background-color: #fff;
  text-align: center;
}
.prt_tbl thead th {
  background: #eaf2ff;
  color: #333;
}
.prt_tbl tbody th {
  background: #efefef;
}

.prt_tbl_frame {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  margin: 20px 0;
  width: 100%;
}
.prt_tbl_frame .prt_tbl {
  display: table;
  margin: 0;
  width: 720px;
}

/* ==============================
button
============================== */
.arrowbtn01{
	display: inline-block;
	padding: 14px 40px 14px 52px;
	background: #006EAE;
	color: #fff !important;
	font-size: 16px;
	line-height: 1.3;
}
.arrowbtn01:link,
.arrowbtn01:visited,
.arrowbtn01:hover,
.arrowbtn01:focus,
.arrowbtn01:active{
	text-decoration: none;
}

.arrowbtn01:hover,
.arrowbtn01:focus{
	background: #4D99C6;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.arrowbtn01 .inner{
	display: inline-block;
	position: relative;
}

.arrowbtn01 .inner:before{
	display: block;
	position: absolute;
	top: 50%;
	left: -18px;
	width: 6px;
	height: 10px;
	margin: -5px 0 0;
	background:url(/img/ss/products/sensor/sensorbasics/index_icon_arrow_05.gif) no-repeat left center;
	content: "";
}

.prt_cv_btn_area {
	margin: 40px 0;
	text-align: right;
}

.prt_cv_btn_area .button,
.prt_cv_btn_area .button:link,
.prt_cv_btn_area .button:visited {
	color:#fff;
}

.prt_cv_btn_area .button {
	display: inline-block;
	position: relative;
	width:280px;
	padding: 7px 110px 7px 24px;
	border-bottom:#741414 5px solid;
	box-sizing:border-box;
	background:#d92525;
	font-weight:bold;
	text-align:center;
}

.prt_cv_btn_area.noimage .button {
	padding: 7px 40px 7px 24px;
}

.prt_cv_btn_area .button span {
	vertical-align:middle;
}

.prt_cv_btn_area .button span .icon {
	width:13px;
	margin:0 16px 0 0;
	vertical-align:middle;
}

.prt_cv_btn_area .button span .thumb {
	position: absolute;
	top: 50%;
	right: 16px;
	border: 1px solid #ccc;
	vertical-align:middle;
	transform: translate(0, -50%);
	opacity: 1;
}

.prt_cv_btn_area .button:hover {
	text-decoration:none;
	opacity: 0.7;
}

.ss_subpage_bnr {
	margin: 20px 10px;
}

.ss_subpage_bnr img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

.ss_subpage_bnr .banner {
	position: relative;
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 30px;
	max-width: 580px;
	border: 1px solid #ccc;
	background: #fff;
	color: #333;
	text-decoration: none;
	word-break: break-word;
	font-size: 14px;
	line-height: 1.4;
}

.ss_subpage_bnr .banner:hover {
	text-decoration: none;
	opacity: 0.7;
}

.ss_subpage_bnr .banner:hover .button {
	opacity: 1;
}

.ss_subpage_bnr .img {
	float: left;
	width: 104px;
	border: 1px solid #ccc;
}

.ss_subpage_bnr .inner {
	margin: 0 0 0 130px;
	padding-bottom: 30px;
	width: auto;
}

.ss_subpage_bnr .title {
	margin-bottom: 4px;
	font-size: 18px;
}

.ss_subpage_bnr .title strong {
	vertical-align: baseline;
	font-weight: bold;
}

.ss_subpage_bnr .title.part_display {
	text-align: center;
}

.ss_subpage_bnr .title.part_display strong {
	display: block;
}

.ss_subpage_bnr .txt {
	padding-top: 8px;
	border-top: 1px solid #ccc;
}

.ss_subpage_bnr .prt_cv_btn_area {
	position: absolute;
	right: 10px;
	bottom: 10px;
	left: 124px;
	margin: 0;
	text-align: center;
}


/* header
------------------------------------------------------------ */
#header {
	width:980px;
	margin:0 auto;
	padding:10px 0 16px;
}

#header .logo {
	float:left;
	max-width:500px;
	padding-top:8px;
}

#header .logo a{
	display: inline-block;
	color: #262626;
}

#header .logo a:link,
#header .logo a:visited,
#header .logo a:hover,
#header .logo a:active{
	text-decoration: none;
}

#header .logo .title{
	display: block;
	font-size: 34px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
}

#header .logo .sub{
	display: block;
	font-weight: bold;
	text-align: center;
}

#header .right_box {
	float:right;
	width:400px;
}

html[lang="es"] #header .right_box{
	width:440px;
}


/* font_size_area */
.font_size_area {
	float:left;
	margin-bottom:10px;
}

.font_size_area ul li {
	float:left;
	line-height:1.0;
}

.font_size_area .f_size {
	margin-right:12px;
	padding-top:8px;
	font-size:15px;
}

.font_size_area .f_on,
.font_size_area .f_off {
	cursor:pointer;
}

.font_size_area .f_on {
	margin-right:10px;
	padding:4px 18px;
	font-size:20px;
	color:#3b3b3b;
	border:1px solid #3b3b3b;
	background:#ffffff;
}

.font_size_area .f_off {
	margin:4px 10px 0 0;
	padding:4px 6px;
	font-size:15px;
	color:#ffffff;
	background:#3b3b3b;
}

/* keyence_logo */
.keyence_logo {
	float:right;
	padding-top:5px;
}

/* google_search */
.google_search {
	clear:both;
}

.google_search .txt_box {
	width:230px;
	border:1px solid #e2e2e2;
}

.google_search .submit_btn {
	border:1px solid #d3d3d3;
	background:-moz-linear-gradient(top, #f6f6f6, #dddddd);
	background:-webkit-linear-gradient(top, #f6f6f6, #dddddd);
	background:-ms-linear-gradient(top, #f6f6f6, #dddddd);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#dddddd', GradientType=0)";
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:3px;
}

/* sp */
.sp_keyence_logo,
.sp_tel {
	display:none;
}


/* Global Nav
------------------------------------------------------------ */
#gnav {
	width:100%;
	background:#3b3b3b;
}

/* gnav_pc */
#gnav_pc {
	/*display: table;*/
	width:980px;
	margin:0 auto;
}

#gnav_pc li {
	float: left;
	display: table;
	width: 20%;
	max-width: 20%;
	background: #3b3b3b;
	text-align: center;
	border-right: 1px solid #fff;
	box-sizing: border-box;
	vertical-align: middle;
}

#gnav_pc li:first-child {
	border-left: 1px solid #fff;
}

#gnav_pc li a {
	display: table-cell;
	padding: 12px 0;
	color: #fff;
	vertical-align: middle;
}

#gnav_pc li a:link,
#gnav_pc li a:visited,
#gnav_pc li a:hover,
#gnav_pc li a:focus,
#gnav_pc li a:active {
	text-decoration: none;
}

#gnav_pc li a:hover,
#gnav_pc li a:focus{
	background: #767676;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

/* sp */
#gnav_sp {
	display:none;
}



/* Breadcrumb
------------------------------------------------------------ */
.breadcrumb{
	background:#e5e5e5;
	margin:0;
}

.breadcrumb ul{
	width:980px;
	margin:0 auto;
}

.breadcrumb ul li{
	display:inline-block;
	color:#727272;
	font-size:12px;
	margin-right:8px;
	padding:8px 0;
}

.breadcrumb ul .bread_home{
	background:url(/img/ss/products/sensor/sensorbasics/bg_pankuzu.gif) no-repeat left 11px;
	padding-left:19px;
}

.breadcrumb ul li a{
	color:#727272;
}



/* Nav
------------------------------------------------------------ */
#nav{
	float:left;
	width:217px;
	padding-top:30px;
}

#nav_wrap{
	margin-bottom:30px;
}

#nav_wrap h2{
	margin-bottom:12px;
	padding: 0 0 0 32px;
	background:url(/img/ss/products/sensor/sensorbasics/icon_prev.gif) no-repeat left center;
	font-size: 20px;
}

#nav_wrap h2 img{
	width:92px;
}

#nav_wrap .nav_home{
	padding:10px 10px 7px 24px;
	font-weight:bold;
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
	background:url(/img/ss/products/sensor/sensorbasics/icon_home.gif) no-repeat 6px 14px;
}

#nav_wrap .nav_home a{
	color:#333;
}

#nav_wrap .ac{
	background:#f3f3f3;
}

#nav_wrap .ac h3{
	color:#cc0000;
	background:url(/img/ss/products/sensor/sensorbasics/icon_navi_on.jpg) no-repeat 191px 22px;
}

#nav_wrap .ac .nav_on{
	background:url(/img/ss/products/sensor/sensorbasics/icon_navi_off.jpg) no-repeat 191px 22px;
}

#nav_wrap > section > ul{
	/*padding-bottom:15px;*/
	border-bottom:1px solid #dcdcdc;
}

#nav_wrap ul .nav_list{
	display:none;
	padding:0px 10px 0px 20px;
	background:url(/img/ss/products/sensor/sensorbasics/icon_arrow.gif) no-repeat 8px 8px;
}

#nav_wrap ul .list_top{
	margin-bottom:7px;
	padding:15px 10px 0px 20px;
	line-height:1.4em;
	border-top:1px solid #dcdcdc;
	background:url(/img/ss/products/sensor/sensorbasics/icon_arrow.gif) no-repeat 8px 20px;
}

#nav_wrap ul .nav_child{
	padding:0px 10px 0px 33px;
	background:url(/img/ss/products/sensor/sensorbasics/icon_child.gif) no-repeat 23px 6px;
}

#nav_wrap ul .list_last {
	padding-bottom:15px;
}

#nav_wrap ul .nav_list a{
	color:#333;
}

.ttl_nav:hover{
	background:#f3f3f3;
}

.ttl_nav h3{
	padding:25px 28px 25px 9px;
	color:#333;
	font-size:14px;
	line-height:1em;
	background:url(/img/ss/products/sensor/sensorbasics/icon_navi_off.jpg) no-repeat 191px 22px;
}

.ttl_nav h3:hover{
	color:#f92828;
	cursor:pointer;
}

.ttl_nav .nav_on{
	background:url(/img/ss/products/sensor/sensorbasics/icon_navi_on.jpg) no-repeat 191px 22px;
}

.side_bnr{
	margin-top:20px;
	position:relative;
}

.side_bnr a{
	display:block;
	width: 217px;
}

.side_bnr a:link,
.side_bnr a:visited,
.side_bnr a:hover,
.side_bnr a:focus,
.side_bnr a:active{
	text-decoration: none;
}

.side_bnr a:hover,
.side_bnr a:focus{
	opacity: 0.7;
	filter:alpha(opacity=70);
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}


.side_bnr a .title{
	display: block;
	padding: 5px;
	background: #737373;
	color: #fff;
	font-size: 15px;
	text-align: center;
	line-height: 1.4;
}

.side_bnr a .content{
	display: block;
	padding: 5px;
	background: #f6f6f6;
	border: 1px solid #bdbdbd;
	text-align: center;
}

.side_bnr a .content .text{
	display: block;
	margin: 5px 0 0;
	color: #1d1d1d;
	line-height: 1.2;
}

.side_bnr a .content .text .inner{
	display: inline-block;
	position: relative;
	max-width: 182px;
	padding: 0 0 0 16px;
}

.side_bnr a .content .text .inner:before{
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 12px;
	height: 12px;
	margin: -6px 0 0;
	background:url(/img/ss/products/sensor/sensorbasics/side_bnr_icon_arrow.gif) no-repeat;
	content: "";
}

.side_bnr a .content .text .blank{
	vertical-align: middle;
}

.side_bnr_list{
	direction: ltr;
	position: absolute;
	top: 0;
	right: -200px;
	margin-top: 30px;
}

.side_bnr_list li + li{
	margin-top: 20px;
}

.side_bnr_list li a{
	display:block;
	width: 180px;
}

.side_bnr_list li a:link,
.side_bnr_list li a:visited,
.side_bnr_list li a:hover,
.side_bnr_list li a:focus,
.side_bnr_list li a:active{
	text-decoration: none;
}

.side_bnr_list li a:hover,
.side_bnr_list li a:focus{
	opacity: 0.7;
	filter:alpha(opacity=70);
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}


.side_bnr_list li a .title{
	display: block;
	padding: 5px;
	background: #737373;
	color: #fff;
	font-size: 15px;
	text-align: center;
	line-height: 1.4;
}

.side_bnr_list li a .content{
	display: block;
	padding: 5px;
	background: #f6f6f6;
	border: 1px solid #bdbdbd;
	text-align: center;
}

.side_bnr_list li a .content .text{
	display: block;
	margin: 5px 0 0;
	color: #1d1d1d;
	line-height: 1.2;
}

.side_bnr_list li a .content .text .inner{
	display: inline-block;
	position: relative;
	max-width: 182px;
	padding: 0 0 0 16px;
}

.side_bnr_list li a .content .text .inner:before{
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 12px;
	height: 12px;
	margin: -6px 0 0;
	background:url(/img/ss/products/sensor/sensorbasics/side_bnr_icon_arrow.gif) no-repeat;
	content: "";
}

.side_bnr_list li a .content .text .blank{
	vertical-align: middle;
}

/* The feed page
------------------------------------------------------------ */
#page_next {
	margin-bottom:50px;
}

#page_next ul{
	overflow:hidden;
	height:auto;
}

#page_next ul li{
	position:relative;
	float:left;
	width:42%;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
}

#page_next ul .left_btn{
	padding:17px 0px 14px 55px;
	border-right:1px solid #e7e7e7;
	background:url(/img/ss/products/sensor/sensorbasics/left_btn.gif) no-repeat left center;
}

#page_next ul .right_btn{
	padding:17px 35px 14px 20px;
	background:url(/img/ss/products/sensor/sensorbasics/right_btn.gif) no-repeat right center;
}

#page_next ul li p{
	font-weight:900;
	color:#333;
	line-height:1em;
}

#page_next ul li p span{
	font-size:12px;
	color:#333333;
}

#page_next ul li .bg_icon{
	display:block;
	padding-left:10px;
	background:url(/img/ss/products/sensor/sensorbasics/icon_arrow.gif) no-repeat left 0.4em;
	line-height:1.3;
}

#page_next .go_to_index{
	font-size: 20px;
}

#page_next .go_to_index a{
	display: inline-block;
	padding: 0 0 0 32px;
	background:url(/img/ss/products/sensor/sensorbasics/icon_prev.gif) no-repeat left center;
	color: #333;
	font-weight: bold;
}

#page_next .go_to_index a:link,
#page_next .go_to_index a:visited,
#page_next .go_to_index a:hover,
#page_next .go_to_index a:focus,
#page_next .go_to_index a:active{
	text-decoration: none;
}

#page_next .go_to_index a:hover,
#page_next .go_to_index a:focus{
	opacity: 0.7;
	filter:alpha(opacity=70);
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

/* CV area
------------------------------------------------------------ */
/* ==============================
outline adjust
============================== */
#cv_area {
	border-top:1px solid #ededed;
	margin-bottom:55px;
}

/* ==============================
sensor series
============================== */
#sensor_series {
	width:960px;
	margin:0 auto;
	padding:35px 0;
}

#sensor_series h2 {
	margin-bottom:20px;
	font-size:19px;
}

#sensor_series h3 {
	margin-bottom:8px;
	padding-bottom:8px;
	background:url(/img/ss/products/sensor/sensorbasics/cv_line.gif) repeat-x left bottom;
}

#sensor_series h3 span {
	padding:2px 0 2px 30px;
	line-height:1.0;
	font-size:19px;
}

#sensor_series ul li {
	float:left;
	margin-right:5px;
	border:5px solid #dadada;
}

html[lang="es"] #sensor_series ul li{
	margin-right:4px;
}

#sensor_series ul li:last-child {
	margin-right:0;
}

#series01, #series02, #series03, #series04 , #series05 , #series06{
	float:left;
}

#series01 li, #series02 li, #series03 li, #series04 li , #series05 li , #series06 li {
	width: 140px;
}

#series01 li .content, #series02 li .content, #series03 li .content, #series04 li .content , #series05 li .content , #series06 li .content{
	display: block;
	line-height: 1.4;
	text-decoration: none;
}

#series01 li .content:hover, #series02 li .content:hover, #series03 li .content:hover, #series04 li .content:hover , #series05 li .content:hover , #series06 li .content:hover,
#series01 li .content:focus, #series02 li .content:focus, #series03 li .content:focus, #series04 li .content:focus , #series05 li .content:focus , #series06 li .content:focus{
	opacity: 0.7;
	filter:alpha(opacity=70);
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

#series01 h3 span {
	background:url(/img/ss/products/sensor/sensorbasics/cv_icon_01.gif) no-repeat left center;
}

#series02 h3 span {
	background:url(/img/ss/products/sensor/sensorbasics/cv_icon_02.gif) no-repeat left center;
}

#series03 h3 span {
	background:url(/img/ss/products/sensor/sensorbasics/cv_icon_03.gif) no-repeat left center;
}

#series04 h3 span {
	background:url(/img/ss/products/sensor/sensorbasics/cv_icon_04.gif) no-repeat left center;
}

#series05 h3 span {
	padding:2px 0px 2px 5px
}

#series06 h3 span {
	background:url(/img/ss/products/sensor/sensorbasics/cv_icon_05.gif) no-repeat left center;
}

#sensor_series .title,
#sensor_series .series{
	display: block;
	font-size: 12px;
	margin: 0 10px;
}

#sensor_series a .title ,
#sensor_series a .series {
	color: #dd3336 ;
	font-weight: bold;
}

#sensor_series a .title{
	margin-top: 10px;
}

#sensor_series a .series {
	margin-bottom: 5px;
	padding: 0 0 0 9px;
	background:url(/img/ss/products/sensor/sensorbasics/icon_arrow.gif) no-repeat left 4px;
	color: #6a6a6a ;
	font-weight: bold;
}

.dl_btn{
	text-align:center;
	margin:0 10px 5px 10px;
}

.dl_btn a{
	display: inline-block;
	padding: 2px 8px 2px 12px;
	background: linear-gradient(#de0f10 0%, #8c090a 100%) #de0f10;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de0f10', endColorstr='#8c090a',GradientType=0 );
	border-radius: 2px;
	color: #fff !important;
	font-size: 10px;
	line-height: 1.4;
}

.dl_btn a:link,
.dl_btn a:visited,
.dl_btn a:hover,
.dl_btn a:focus,
.dl_btn a:active{
	text-decoration: none;
}

.dl_btn a:hover,
.dl_btn a:focus{
	opacity: 0.7;
	filter:alpha(opacity=70);
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.dl_btn a .inner{
	position: relative;
}

.dl_btn a .inner:before{
	position: absolute;
	top: 50%;
	left: -7px;
	display: block;
	width: 4px;
	height: 7px;
	margin: -2px 0 0;
	background:url(/img/ss/products/sensor/sensorbasics/dl_btn_icon_arrow.gif) no-repeat;
	content: "";
}



/* top_series */
.nomal #series01, .nomal #series02, .nomal #series03, .nomal #series04 {
	margin-right: 17px;
}
.nomal #series04.str01 {
	margin-right: 15px;
}

.nomal #series04.str02 {
	margin-right: 8px;
}
.nomal #series03.str01 {
	margin-right: 16px;
}

.nomal #series01 ul {
	overflow:hidden;
}

.nomal #series01 li, .nomal #series02 li, .nomal #series03 li, .nomal #series04 li , .nomal #series05 li , .nomal #series06 li {
	width: 116px;
}

.nomal #series01 li img, .nomal #series02 li img, .nomal #series03 li img, .nomal #series04 li img , .nomal #series05 li img , .nomal #series06 li img {
	width: 116px;
}

html[lang="zh"] .nomal #series01 li, html[lang="zh"] .nomal #series02 li, html[lang="zh"] .nomal #series03 li, html[lang="zh"] .nomal #series04 li , html[lang="zh"] .nomal #series05 li , html[lang="zh"] .nomal #series06 li {
	width: 140px;
}

html[lang="zh"] .nomal #series01 li img, html[lang="zh"] .nomal #series02 li img, html[lang="zh"] .nomal #series03 li img, html[lang="zh"] .nomal #series04 li img , html[lang="zh"] .nomal #series05 li img , html[lang="zh"] .nomal #series06 li img {
	width: 140px;
}

.nomal .dl_btn a .inner:before{
	left: -25px;
}

html[lang="zh"] .nomal .dl_btn a .inner:before,
html[lang="es"] .nomal .dl_btn a .inner:before{
	left: -7px;
}

.nomal #series02 h3{
max-width: 126px;
}

/* photoelectric_series */
#sensor_series.photoelectric ul li {
	margin-right:12px;
}

#sensor_series.photoelectric ul li:last-child {
	margin-right:0px;
}

/* fiber_series */
.fiber #series01 {
	width:305px;
	margin-right:16px;
}

.fiber #series05 {
	width:615px;
}

/* laser_series */
.laser #series01 {
	width:770px;
	margin-right:16px;
}

.laser #series05 {
	max-width:174px;
}

.laser_camera #series01 {
	width: 100%;
}

/* color */
.color #series01 {
	width: 328px;
	margin-right:  16px;
}

.color #series05 {
	width: 616px;
}

/* proximity_series */
.proximity #series02 {
	width:460px;
	margin-right:16px;
}

/* contact_series */
.contact #series03 {
	max-width:328px;
	margin-right:16px;
}

/* ultrasonic_series */
.ultrasonic #series04 {
	max-width: 329px;
	margin-right:16px;
}

/* vision_series */
.vision #series06 {
	max-width: 174px;
	margin-right:16px;
}

.vision #series06.str01 {
	max-width: none;
}

.vision #series06.str02 {
	max-width: 329px;
}

/* ==============================
CV button area
============================== */
#cv_btn_area {
	width:100%;
	background:#666;
}

#cv_btn_area ul {
	display: table;
	width:960px;
	margin:0 auto;
	padding:4px 0;
}

#cv_btn_area li {
	display: table-cell;
	padding-left: 5px;
	vertical-align: middle;
}

#cv_btn_area li:first-child {
	width: 426px;
	max-width: 426px;
	padding-left: 0;
}

/* IE8 */
#cv_btn_area ul > *:first-child + * {
	margin-right:25px;
	/*padding-top:6px;*/
}
#cv_btn_area ul > *:first-child + * + * {
	margin-right:3px;
}
#cv_btn_area ul > *:first-child + * + * + * {
	margin-right:3px;
}

/* sp */
#cv_sp {
	display:none;
}



/* Footer
------------------------------------------------------------ */
#footer{
	background:#333;
	margin:0 !important;
}

#footer_inner{
	width:960px;
	margin:0 auto;
	padding:25px 10px;
}

#footer_inner a {
	color:#fff;
}

#footer_inner h2{
	margin-bottom:15px;
	padding-left:22px;
	font-size:18px;
	font-weight:900;
	background:url(/img/ss/products/sensor/sensorbasics/footer_icon_home.gif) no-repeat left center;
}

#footer_site_map{
	overflow:hidden;
}

#footer_site_map > li{
	float:left;
	margin-right:0.75%;
	padding-right:0.75%;
	border-right:1px solid #222;
}

#footer_site_map > li:first-child{
	width:44%;
}

#footer_site_map > li:nth-child(2){
	width:17%;
}

#footer_site_map > li:nth-child(3){
	width:17%;
}

#footer_site_map > li:last-child {
	width:16%;
	margin-right:0;
	border-right:none;
}

#footer_site_map li h3{
	font-weight:bold;
	font-size:15px;
}

#footer_site_map .footer_site_map_2column{
	width:50%;
	float:left;
}


#footer_site_map li h4{
	padding:4px 4px 4px 0;
	font-size:14px;
	font-weight:normal;
	color:#fff;
}

#footer_site_map li ul li{
	margin-bottom:7px;
	padding-left:15px;
	font-size:12px;
	background:url(/img/ss/products/sensor/sensorbasics/footer_icon_arrow.gif) no-repeat 5px 6px;
}

#footer_site_map .footer_h01{
	border-bottom:1px solid #a88a1f;
}

#footer_site_map .footer_h02{
	border-bottom:1px solid #27709b;
}

#footer_site_map .footer_h03{
	border-bottom:1px solid #b14f72;
}

#footer_site_map .footer_h04{
	border-bottom:1px solid #477834;
}

#footer_site_map .footer_h05{
	border-bottom:1px solid #eb9300;
}

#footer_copy{
	color:#fff;
	border-top:1px solid #fff;
}

#copy_inner{
	overflow:hidden;
	width:980px;
	margin:0 auto;
	padding:15px 0;
}

#copy_inner p{
	width:400px;
	float:left;
	font-size:11px;
}

#copy_inner ul{
	width:450px;
	float:right;
	text-align:right;
}

#copy_inner ul li{
	display:inline-block;
	padding:0px 15px;
	text-align:right;
	border-left:1px solid #fff;
}

#copy_inner ul li a{
	color:#fff;
	font-size:11px;
}



/* Link
------------------------------------------------------------ */
.dummy {
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:100%;
	height:100%;
	background:#fff;
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter:"alpha(opacity=0)";
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

.dummy:hover {
	opacity:0.4;
	filter:alpha(opacity=40);
	-ms-filter:"alpha(opacity=40)";
}



/* Site basic setting
------------------------------------------------------------ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, Nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, Nav, section {
	display: block;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	background: transparent;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

input, select {
	vertical-align: middle;
}

ul, ol {
	list-style: none;
}

body {
	font-family:"Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif !important;
	font-size: 14px;
	line-height: 1.4;
	color: #333;
	position: relative;
	-webkit-text-size-adjust: 100%;
}

p,
li {
	line-height: 1.8;
}

a:link, a:visited {
	color:#0645ad;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

a img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}



/* General purpose class
------------------------------------------------------------ */
.t_center {text-align: center !important;}
.t_right {text-align: right !important;}
.t_left {text-align: left !important;}
.t_justify { text-align: justify; /* for modern browser */  text-justify: inter-ideograph; /* IE6～8 */ }

.bold{font-weight:bold !important;}
.underline{text-decoration:underline !important;}

.vertical-middle { display: -moz-inline-box; display: inline-block;	vertical-align: middle; }
/* for IE6 */ * html .vertical-middle {	display: inline; zoom: 1; }
/* for IE7 */ *:first-child+html .vertical-middle { display: inline; zoom: 1; }

a:hover.decoration-none { text-decoration: none; }

.indent {margin-left: 1em; text-indent: -1em; }

.font10{font-size:10px; !important;}
.font11{font-size:11px; !important;}
.font12{font-size:12px; !important;}
.font13{font-size:13px; !important;}
.font14{font-size:14px; !important;}
.font15{font-size:15px; !important;}
.font16{font-size:16px; !important;}
.font17{font-size:17px; !important;}
.font18{font-size:18px; !important;}
.font19{font-size:19px; !important;}
.font20{font-size:20px; !important;}
.font21{font-size:21px; !important;}
.font22{font-size:22px; !important;}
.font23{font-size:23px; !important;}
.font24{font-size:24px; !important;}


/* ==============================
image
============================== */
.original-height { line-height: 0; font-size: 0px; /* for IE's Bug? */ }
a.opacity-img:hover img{ opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }

/* ==============================
float
============================== */
.fr {float: right !important;}
.fl {float: left !important;}

.clear {clear: both;}

.clearfix{
	zoom:1;
}

.clearfix:after{
	content: "";
	display: block;
	clear: both;
}

/* ==============================
margin
============================== */
.mt00 { margin-top:  0px !important; }
.mt05 { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }

.mr00 { margin-right:  0px !important; }
.mr05 { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }

.mb00 { margin-bottom:  0px !important; }
.mb05 { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }

.ml00 { margin-left:  0px !important; }
.ml05 { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml1em { margin-left:1em !important; }

/* ==============================
padding
============================== */
.pt00 { padding-top:  0px !important; }
.pt05 { padding-top:  5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }

.pr00 { padding-right:  0px !important; }
.pr05 { padding-right:  5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 40px !important; }
.pr50 { padding-right: 40px !important; }

.pb00 { padding-bottom:  0px !important; }
.pb05 { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 40px !important; }

.pl00 { padding-left:  0px !important; }
.pl05 { padding-left:  5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }

/* ==============================
color
============================== */
.textColor01 {
	color: #0099ff;
}

/* ==============================
IE
============================== */
.IE #header .inner,
.IE .vi,
.IE #gNavi div,
.IE .contents,
.IE .cv_area,
.IE footer .inner{
}















/*======================================================================
smartphone
====================================================================== */
@media screen and (max-width: 960px) {
body{
	min-width:100%;
}
}



@media screen and (max-width: 640px) {
body{
	font-size:26px;
	font-family:"Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}



/* Lower page　SP
------------------------------------------------------------ */
/* ==============================
box setting　SP
============================== */
#contents_wrap {
	width:100%;
}

#contents_right {
	float:none;
	width:92%;
	margin:0 auto;
	padding-top:3%;
	font-size:36px;
}

/* ==============================
headline　SP
============================== */
#contents_right h1 {
	width:94%;
	margin-bottom:5%;
	padding-left:5%;
}

#contents_right h1 .sub_title {
	display: block;
	font-size:16px;
}

#contents_right h2 {
	font-size:28px;
	font-weight:bold;
	margin-bottom:3%;
	padding:2% 4%;
}

/* ==============================
text area　SP
============================== */
/* lead */
#contents_right .lead {
	margin-bottom:8%;
	padding:4%;
}

#contents_right .lead .thumb {
	float:none;
	padding-left:0;
	text-align: center;
}

#contents_right .lead .desc {
	overflow: visible;
}

/* goto_rels */
#contents_right .goto_rels {
	text-align: left;
}

#contents_right .goto_rels .linktext a {
	padding-left: 24px;
}

#contents_right .goto_rels .linktext a:before {
	top: 19px;
	border-width: 10px;
}

/* view_area */
#view_area {
	margin:7% 0 15%;
}

#view_area .view_content p {
	font-size:36px!important;
}

#view_area .view_content h3 {
	margin-bottom:5%;
	padding:4% 4%;
	font-size:36px;
}

#view_area .view_content h4{
	font-size:30px;
}

#view_area .view_content .h4Mode{
	font-size:30px;
}

#view_area .view_content .view_inner {
	margin-bottom:10%;
	padding:0 3%;
}

#view_area .view_content .view_inner p {
	margin-bottom:6%;
}

#view_area .view_content .view_inner ul.float_box {
	margin-bottom:30px;
}

#view_area .view_content .view_inner li.float_txt {
	float:none;
	width:100%;
}

#view_area .column .img img{
	width:100%;
}

/* ==============================
images　SP
============================== */
/*thumb*/
#view_area .view_content .view_inner .thumb {
	float:none;
	width:100%;
	padding-left:0;
}

#view_area .view_content .view_inner .thumb img {
	width:100%;
}

/* ==============================
table　SP
============================== */

.table_sp {
	width:100%;
	margin-bottom:5%;
	font-size:33px;
	display:block;
	font-size:60%;
}

.table_sp th, .table_sp td {
	padding:1%;
	border:1px solid #2390c6;
	vertical-align:middle;
}

.table_sp th {
	background:#e6eef7;
}

.table_sp td {
	text-align:center;
}

/* PC */
.table_pc {
	display:none;
}


/* ==============================
button SP
============================== */

.prt_cv_btn_area {
	margin-top: 0;
	padding: 5%;
}

#view_area .prt_cv_btn_area {
	padding: 0;
}

.prt_cv_btn_area .button {
	width: 100%;
}

.prt_cv_btn_area .button span .icon {
	width: 23px;
}

.ss_subpage_bnr {
	margin: 20px 0;
}

.ss_subpage_bnr .banner {
	padding: 20px;
	max-width: none;
	width: 100%;
	font-size: 100%;
	line-height: inherit;
}

.ss_subpage_bnr .img {
	width: auto;
	margin: 0 16px 16px 0;
}

.ss_subpage_bnr .inner {
	margin-left: 0;
	padding-bottom: 96px;
}

.ss_subpage_bnr .title {
	margin-left: 124px;
	font-size: 100%;
}

.ss_subpage_bnr .txt {
	clear: both;
}

.ss_subpage_bnr .prt_cv_btn_area {
	right: 20px;
	bottom: 20px;
	left: 20px;
	padding: 0;
}

/* ==============================
grid SP
============================== */

.grid_image {
	flex-direction: column;
	margin-bottom: 30px;
}

.grid_image .grid_image_column {
	margin-bottom: 40px;
}

.grid_image.of-column-2.of-full .grid_image_column {
	width: 100%;
}

.grid_image.of-column-2.of-full .grid_image_column img {
	width: 100%;
}

/* Header　SP
------------------------------------------------------------ */
#header {
	width:96%;
	padding:3% 0 4% 3%;
}

#header .logo {
	width:50%;
	padding-top:2%;
}

#header .logo .title{
	font-size: 28px;
}

#header .logo .sub{
	font-size: 12px;
}

#header .logo img {
	width:100%;
}

#header .sp_keyence_logo {
	display:block;
	float:left;
	width:17%;
	padding:6% 0 0 4%;
}

#header .sp_keyence_logo img {
	width:100%;
}

#header .sp_tel {
	display:block;
	float:right;
	margin:2% 2% 0 0;
	max-width: 320px;
}

#header .sp_tel a{
	display: block;
	background: #383838;
}

#header .sp_tel a:link,
#header .sp_tel a:visited,
#header .sp_tel a:hover,
#header .sp_tel a:focus,
#header .sp_tel a:active{
	color: #fff;
}

#header .sp_tel a .inner{
	position: relative;
	display: inline-block;
	padding: 5px 10px 2px 40px;
}

#header .sp_tel a .inner:before{
	display: block;
	position: absolute;
	left: 5px;
	background: url(/img/ss/products/sensor/sensorbasics/sp_header_tel_icon.gif) no-repeat;
	content: "";
	width: 29px;
	height: 38px;
}




/* PC */
#header .right_box {
	display:none;
}



/* Gnav SP
------------------------------------------------------------ */
#gnav {
	width:100%;
	background:#434343;
}

#gnav_sp {
	display:block;
}

#gnav_sp li {
	float:left;
}

#gnav_sp li img {
	width:100%;
}

#gnav_sp .pdf,
#gnav_sp .contact {
	width:33.33%;
}

#gnav_sp .catalog {
	width:33.34%;
}

/* PC */
#gnav_pc {
	display:none;
}



/* Breadcrumb　SP
------------------------------------------------------------ */
.breadcrumb {
	display:none;
}



/* Nav　SP
------------------------------------------------------------ */
#nav{
	display:block;
	float:none;
	width:100%;
	padding:0;
	background:#fafafa;
}

#nav_wrap{
	width:100%;
	margin:0 auto;
	padding-bottom:6%;
}

#nav_wrap h2{
	margin-bottom:5%;
	padding:4% 0 4% 18%;
}

#nav_wrap h2.heading01{
	background:#ededed url(/img/ss/products/sensor/sensorbasics/sp_nav_icon_01.gif) no-repeat 6% center;
}

#nav_wrap h2.heading02{
	background:#ededed url(/img/ss/products/sensor/sensorbasics/sp_nav_icon_02.gif) no-repeat 6% center;
}

#nav_wrap h2.heading03{
	background:#ededed url(/img/ss/products/sensor/sensorbasics/sp_nav_icon_03.gif) no-repeat 6% center;
}

#nav_wrap h2.heading04{
	background:#ededed url(/img/ss/products/sensor/sensorbasics/sp_nav_icon_04.gif) no-repeat 6% center;
}

#nav_wrap h2.heading05{
	background:#ededed url(/img/ss/products/sensor/sensorbasics/sp_nav_icon_05.gif) no-repeat 6% center;
}

#nav_wrap .heading02, .heading03, .heading04, .heading05 {
	margin-top:5%;
}

#nav_wrap h2 img{
	max-width:168px;
	width:100%;
}

#nav_wrap .nav_home{
	display:none;
}

#nav_wrap .ac{
	background:url(/img/ss/products/sensor/sensorbasics/sp_h3_bg.jpg) repeat #292929;
}

#nav_wrap .ac h3{
	color:#fff;
	background:url(/img/ss/products/sensor/sensorbasics/sp_icon_navi_on.jpg) no-repeat 95% center;
}

#nav_wrap .ac .nav_on{
	background:url(/img/ss/products/sensor/sensorbasics/sp_icon_navi_off.jpg) no-repeat 95% center;
}

#nav_wrap > section > ul{
	width:90%;
	margin:0 auto;
	/*padding-bottom:0;*/
	border-right:1px solid #efefef;
	border-bottom:1px solid #efefef;
	border-left:1px solid #efefef;
	background:#fff;
}

#nav_wrap ul .nav_list{
	padding:2% 4% 2% 10%;
	background:url(/img/ss/products/sensor/sensorbasics/sp_icon_arrow.gif) no-repeat 5% 35px;
	display:none;
}

#nav_wrap ul .list_top{
	padding-top:5%;
	background:url(/img/ss/products/sensor/sensorbasics/sp_icon_arrow.gif) no-repeat 5% 38px;
}

#nav_wrap ul .nav_child{
	display:none !important;
}

#nav_wrap ul .nav_list a{
	color:#0645AD;
	font-size:36px;
}

.ttl_nav{
	background:#292929;
	padding:3% 0 2%;
}

.ttl_nav h3{
	color:#fff;
	font-size:34px;
	line-height:1em;
	padding:2% 12% 2% 4%;
	background:url(/img/ss/products/sensor/sensorbasics/sp_icon_navi_off.jpg) no-repeat 95% center;
}

.ttl_nav:hover{
	background:#292929;
}

.ttl_nav .nav_on{
	background:url(/img/ss/products/sensor/sensorbasics/sp_icon_navi_on.jpg) no-repeat 95% center;
}



/* The feed page　SP
------------------------------------------------------------ */
.go_to_index {
	display:none;
}

#page_next {
	margin-bottom:12%;
}

#page_next ul {
	font-size:28px;
	border-bottom:1px solid #e7e7e7;
}

#page_next ul li{
	width:40%;
	border-bottom:none;
}

#page_next ul li p {
	font-size:20px;
	line-height:1.2;
}

#page_next ul li p span {
	font-size:13px;
}

#page_next ul .left_btn {
	padding:5% 1% 3% 9%;
}

#page_next ul .right_btn {
	padding:5% 6% 3% 3%;
}



/* CV area　SP
------------------------------------------------------------ */
#cv_sp{
	width:100%;
	max-width:640px;
	display:block;
	background:#292929;
}

#cv_sp h2{
	width:84%;
	margin:0 auto;
	padding:6% 0 6% 16%;
	color:#fff;
	font-weight:900;
	font-size:28px;
	background:url(/img/ss/products/sensor/sensorbasics/sp_cv_icon.jpg) no-repeat 30px center;
}

#cv_sp ul{
	overflow:hidden;
	display:block;
	padding:5%;
	background:url(/img/ss/products/sensor/sensorbasics/sp_cv_bg.jpg) repeat #292929;
}

#cv_sp li img{
	width:100%;
}

#cv_sp .list01{
	float:left;
	width:33%;
	margin-left:0%;
}

#cv_sp .list02{
	float:left;
	width:33%;
	margin-left:0.5%;
}

#cv_sp .list03{
	float:left;
	width:33%;
	margin-left:0.5%;
	margin-bottom:4%;
}

#cv_sp .bnr_first{
	clear:both;
	border-top:1px solid #565656;
}

#cv_sp .bnr_series{
	overflow:hidden;
	position:relative;
	width:100%;
	padding:4% 0;
	border-bottom:1px solid #565656;
}

#cv_sp .bnr_series img{
	float:left;
	width:33%;
}

#cv_sp .bnr_series p{
	float:left;
	width:60%;
	max-width:340px;
	margin-left:4%;
	padding-top:4%;
	color:#fff;
	font-size:28px;
	font-weight:900;
	line-height:1.2em;
}

#cv_sp .bnr_series p span{
	font-size:22px;
	font-weight:100;
}

/* PC */
#sensor_series, #cv_btn_area {
	display:none!important;
}


.side_bnr_list{
	display: none;
}


/* Footer　SP
------------------------------------------------------------ */
#footer {
	background:#fff;
}

#footer_inner{
	display:none;
}

#footer_copy{
	border:none;
	max-width:640px;
}

#copy_inner{
	overflow:hidden;
	width:95%;
	margin:0 auto;
}

#copy_inner p{
	width:100%;
	float:none;
	font-size:18px;
	color:#808080;
	text-align:center;
}

#copy_inner ul{
	width:100%;
	float:none;
	text-align:center;
}

#copy_inner ul li{
	display:inline;
	border:none;
	padding:0 2%;
	vertical-align:middle;
}

#copy_inner ul .copy02{
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
}

#copy_inner ul li a{
	color:#808080;
	font-size:22px;
}

}