@charset "utf-8";
/* CSS Document */

/*　共通　*/
.clearfix {width:100%;}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.trans a:hover img{
	filter: alpha(opacity=75); /* IE*/
	-moz-opacity:0.75; /* Firefox*/
	opacity:0.75; /* Opera */
}
.caution{color:#C00;}
.fl-left{	float:left;}
.fl-right{	float:right;}
.text-right{	text-align:right;}
.text-center{	text-align:center;}
.tb10{margin:10px 0px!important;}
.right5{margin-right:5px!important;}
.right15{	margin-right:15px;}
.left15{	margin-left:15px!important;}
.top5{padding-top:5px!important;}
.top15{padding-top:15px!important;}
.bottom15{	margin-bottom:15px!important;}
.r-img img{	margin:0 0 10px 10px;}
.l-img img{	margin:0 10px 10px 0;}
.bd-dot{border:dotted 1px #ccc;}
.nowrap{white-space:nowrap;}
.f-small{
	font-size:75%;
	font-weight:normal;
	margin:0 15px;
	color:#555;
}

div.image-blockF02 div.descripion dl dd p,
.textA01 p,
div.description dl dd p{
	text-indent:1em;
}
.win{
	border:none;
}

/* ヘッダータイトル調整 */
#oss-title{
	position:absolute;
	top:10px;
	right:20px;
	margin-bottom:10px;
}
div.header-area div.utilities{
	position:absolute;
	top:15px;
	right:0px;
}
div.header-area div.site-identity p.description span.com-name img{
	margin-right:5px;
}
.definition-nml dt{
	font-weight:bold;
	font-size:100%;
}
.definition-nml dd{
	margin-bottom:10px;
}
.line{
	color:#ccc!important;
	margin:0 10px!important;
	font-size:11px!important;
}
a:active, a:hover {
    text-decoration: underline!important;
}
body {
    background-image: none;
}
body {
    font: 13px/1.231 arial,helvetica,clean,sans-serif!important;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
body {
    background-color: #FFFFFF;
    color: #333333;
}
body a{
	text-decoration:none!important;
}

html {
    color: #000000;
}	

/* トップページ */
ul.time-line-list li span.date{
	margin-bottom:1.5em;
}
.news-icon01{background:url(../../news/img/pic_news_icon_news.gif) no-repeat 9em 12px!important;}
.news-icon02{background:url(../../news/img/pic_news_icon_pre.gif) no-repeat 9em 12px!important;}
.news-icon03{background:url(../../news/img/pic_news_icon_med.gif) no-repeat 9em 12px!important;}
.news-icon04{background:url(../../news/img/pic_news_icon_ive.gif) no-repeat 9em 12px!important;}
.news-icon05{background:url(../../news/img/pic_news_icon_sem.gif) no-repeat 9em 12px!important;}
.news-icon06{background:url(../../news/img/pic_news_icon_upd.gif) no-repeat 9em 12px!important;}
.news-icon08{background:url(../../news/img/pic_news_icon_h_r.gif) no-repeat 9em 12px!important;}
/*150729*/
.news-icon07{background:url(../../news/img/pic_news_icon_notice.gif) no-repeat 9em 12px!important;}
#whatsnew dt{
	float:left;
	clear:left;
	width:220px!important;
	border-top:dotted 1px #ccc;
}
#whatsnew dd{
	padding-top:0.83em;
	margin-left:220px;
	border-top:dotted 1px #ccc;
}
dt#top-bn{
	height:80px;
	text-indent:-9999px;
	background:url(../../top/img/pic_04.jpg) no-repeat 0 0;
}

dt#top-what{
    height:140px;
}

dt#top-what:hover{
    opacity: 0.7;
}

/* 企業情報 */
#corp-gaiyou td,
#corp-gaiyou th{
	border:none;
	border-bottom:dotted 1px #aaa!important;
}
#corp-gaiyou td.text-small{
	font-size:92%;
}
#corp-gaiyou .last{
	border:none!important;
}
/* 拠点情報　*/
.base-tbl h5{
	border-bottom:dotted 1px #777;
    color: #3983B9;
    font-size: 100%;
    margin-bottom: 10px;
    padding: 5px 0;
}
.base-tbl table{
	width:100%;
	border-collapse:collapse;
	border-top:solid 2px #ccc;
}
.base-tbl table th{
	background-color:#eee;
	text-align:center;
	width:100px;
}
.base-tbl table th,
.base-tbl table td{
	border-collapse:collapse;
	padding:10px;
	border:solid 1px #ccc;
}
td.base-map{
	width:50px;
	text-align:center;
}
/* オムロンの技術 */
.sekai-nihon-hatu div{
	text-align:center;
	padding:5px 15px 15px 15px;
}
.sekai-nihon-hatu div p{
	text-align:left;
}

/* 2カラムボックス　*/
ul.first-list{
	margin:0 0 10px 20px!important;
}
ul.first-list li{
	margin:0 0 5px 0;
}
ul.first-list li ul{
	margin:0 0 0 -11px!important;
}
dl.col-unit dd ul li{
	line-height:1em;
}
.btn-detail{
	width:90px;
	position:absolute;
	bottom:15px;
	right:5px;
}

/* 製品情報　共通　*/
.heading-prd{
	font-size:110%!important;
	color:#2893E5;
	border-bottom:dotted 1px #aaa;
	margin-top:20px!important;
}
.h-link,
.h-none-link,
.h-link02,
.h-link03{
	height:36px;
	line-height:33px;
	clear:both;
	background: url(/common/img/heading_lvl02A01_bg_02.jpg) no-repeat 0 0;
    margin:10px 0!important;
   text-indent:20px;
   font-weight:bold;
}
.h-none-link{
	background: url(/common/img/heading_lvl02A01_bg_01.jpg) no-repeat 0 0;
}
.h-link02{
	background: url(/recruit/img/pic_recruit-index-ttl.jpg) no-repeat 0 0;
}
.h-link03{
	background: url(/recruit/img/pic_recruit-index-ttl02.jpg) no-repeat 0 0;
}
.h-none-link p{
	float:left;
}
.h-none-link span{
	display:block;
	float:right;
	margin-right:15px;
	padding-right:20px;
	background:url(../img/common_icon_arrow_02.gif) no-repeat right center;
}
.h-none-link span a{
	text-decoration:none;
	font-size:95%;
	font-weight:normal;
}
.h-link02 a{
	text-decoration:none!important;
}
.image-block{
	clear:both;
}
.image-block div.img{
	width:30%;
	text-align:right;
	margin-bottom:20px;
}
.image-block div.txt{
	width:100%;
	margin-bottom:40px;
}
/* 製品情報　セグメントセンサ */
.orange em{
	color:#Ff6600;
}
/* 製品情報　改札機 */
.good-design,.univ-design{
	border:solid 1px #ff0c2e;
	color:#ff0c2e;
	height:25px;
	line-height:25px;
	text-align:center;
	margin:10px 0;
}
.good-design{
	width:11em;
}
.univ-design{
	width:16em;
}
/* 製品情報　OKAOスキャン */
.green em{
	color:#009D56;
}
.heading-blue{
	color:#2893e5;
	font-size:115%!important;
}
#okao-youtorei{
	background-color:#D8E58D;
}
#okao-youtorei div.description{
	padding:20px 15px;
}
/* スマイルスキャン */

.case_box2-02 {
    background: url("/products/img/common/prod_cont_iqu_img03-02.jpg") no-repeat scroll right bottom transparent;
    _background: url("/products/img/common/prod_cont_iqu_img03-02.jpg") no-repeat scroll right 42px transparent;/*IE6用*/
    height: 112px;
    margin: 30px auto!important;
    width: 337px;
}
.case_box2-02 p {
    margin: 0;
    padding: 0;
	zoom:1;
    font-size: 83%;
    line-height: 140%;
	position:relative;
}
.case_box2-02 .iqu_btn{
	position:absolute;
	bottom:14px;
	right:20px;
	margin:0;
	padding:0;
	zoom:1;
}

/* SSvision */
.ssv_other_table th {
    background: none repeat scroll 0 0 #2EADCF;
    color: #FFFFFF;
    white-space: nowrap;
    width: 160px;
}
.ssv_other_table th,.ssv_other_table td {
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 0 1px 2px 0;
    line-height: 110%;
    padding: 15px;
    text-align: left;
    vertical-align: middle;
}
.ssv_other_table td{
    background: none repeat scroll 0 0 #C0E6F1;
}

/* 製品情報　道路交通管制システム・道路向け商品 */
.trafficBlock{
  margin-bottom: 30px !important;
}
.trafficBlock .pdf-link{
  list-style-type: none;
  padding: 10px;
}
.trafficBlock .pdf-link li a{
  background: url(/common/img/icon_01.gif) no-repeat left top 2px;
  padding-left: 10px;
}
.trafficBlock .pdf-link li a::after{
  content: url(/common/img/pdficon_small.gif);
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
  right: -5px;
}


/* 採用情報 */
#manager{
	background-color:#f5f5f5;
	position:relative;
	padding-bottom:10px;
}
#manager div.manager-title{
	position:absolute;
	top:-10px;
	left:0px;
}
#manager div.fl-left{
	width:190px;
	padding:15px 0 0 10px;
}
#manager div.fl-right{
	padding:10px 10px 0 0;
	width:464px;
}
#manager div.fl-right h4{
	font-size:135%!important;
	color:#2893e5;
}
/* お問い合わせ */
#mp-main div.table-blockA01{
	padding:0;
	margin:0;
}
#riyoukiyaku{
	height:180px;
	overflow:auto;
}
#form-note{
	margin-top:30px;
}
#form-note div.fl-left{
	margin-top:20px;
}
#form-note div.fl-right{
	padding:0px 40px;
}
.form-btn-area{
	padding-bottom:20px!important;
	border-bottom:dotted 1px #ccc;
}
#inquiry-form table td,
#inquiry-form table th{
	padding:10px;
	border:solid 1px #A4C0EF;
}
#inquiry-form table th{
	backgroud-color:#E1EDFD!important;
}
div#inquiry-form.table-blockA01 table.inquiry tbody tr th{
	background-color:#e1edfd;
}
span.caution{
	font-size:78%;
	font-weight:normal;
}
/* 技術紹介インデックス */
.technology-list div.index-blockA01-group{
	background:url(../img/common_index_tmplA01_blockA01_bg_01.gif) no-repeat 0 bottom;
	_margin-right:-25px;
}
.technology-list div.index-blockA01-group dl.index-blockA01-unit{
	background:url(../img/common_index_tmplA01_blockA01_bg_03.gif) no-repeat 0 0!important;
	padding-top:9px;
	padding-bottom:2px;
	_width:215px!important;
	_margin-right:0px!important;
}
.technology-list div.index-blockA01-group dl.last{
	clear:right;
}

.technology-list div.index-blockA01-group dl.index-blockA01-unit dt{
	background:url(../img/common_index_tmplA01_blockA01_bg_02.gif) no-repeat 0 bottom!important;
	height:40px;
	_width:215px;
}
.technology-list div.index-blockA01-group dl.index-blockA01-unit dt.double{
	background:url(../img/common_index_tmplA01_blockA01_bg_02.gif) no-repeat 0 bottom!important;
	height:50px;
	_width:215px;
	line-height:18px;
	padding:0px 0px 5px 0px;
}
.technology-list div.index-blockA01-group dl.index-blockA01-unit dt a,
.technology-list div.index-blockA01-group dl.index-blockA01-unit dt.double a{
	padding-right:10px;
	_padding-right:0;
	color:#fff;
	background:url(../img/common_global_navi_icon_05.gif) no-repeat 198px center;
}
.technology-list div.index-blockA01-group dl.index-blockA01-unit dt a span{
	font-size:86%;
}
.technology-list div.index-blockA01-group dl.index-blockA01-unit dd{
	width:218px;
	_width:230px;
	padding:10px 0px 20px 0;
}
.technology-list div.index-blockA01-group dl.index-blockA01-unit dd p{
	_padding:10px 8px 8px 8px;
	text-align:left;
}
.technology-list div.index-blockA01-group dl.index-blockA01-unit dd img{
	margin:0 5px 0 8px;
	_margin:0 5px 0 8px;
}
#gijutu-link{
	margin:20px 0;
}
#gijutu-link li{
	list-style:none;
	float:left;
	margin-right:35px;
}

/*　当サイトのご利用にあたって　*/
.page-link-org ul{
	float:left;
	width:220px;
	margin:20px 0px;
}
.page-link-org ul li{
	background:url(../img/common_icon_arrow_02.gif) no-repeat 0 center;
	list-style:none;
	padding:3px 0px;
	text-indent:20px;
}
.video-area{
	margin:20px auto!important;
	width:420px!important;
}


/*--------------------------------------*/
/*新卒採用情報ページ共通*/
/*--------------------------------------*/
div#recruit_contets {
	width: 684px;
}
/*2つ並びバナー*/
ul#recruit_link {
	margin-bottom: 20px;
}
ul#recruit_link li {
	float: left;
	width: 330px;
	height: 77px;
	list-style:none;
}
ul#recruit_link li#recruit_link_01 {
	margin-right: 24px;
}
ul#recruit_link li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}
ul#recruit_link li#recruit_link_01 a {
	background:url(../../recruit/img/pic_index02.jpg) no-repeat 0 0;
}
ul#recruit_link li#recruit_link_02 a {
	background:url(../../recruit/img/pic_index03.jpg) no-repeat 0 0;
}
ul#recruit_link li#recruit_link_01 a:hover,
ul#recruit_link li#recruit_link_02 a:hover {
	background-position: 0px -77px;
}
/*インタビュー*/
div.recruit_content_link {
	width: 330px;
}
div#content_interview p {
	width: 330px;
	height: 248px;
}
div#content_interview p a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background: url(/recruit/img/pic_index04.jpg);
}
div#content_interview p a:hover {
	background-position: 0px -248px;
}
/*先輩社員紹介*/
div#content_senior {
	float: right;
}
div#content_senior ul {
	background: #ecf1f7;
	width: 328px;
	box-shadow: #ccc 2px 2px 3px;
}
div#content_senior ul li {
	list-style:none;
	width: 328px;
	height: 85px;
	font-size: 12px;
	line-height: 1.8em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #dae3ef;
	position: relative;
}
div#content_senior ul li img.photo_senior {
	position: absolute;
	top: 5px;
	left: 10px;
	border: 1px solid #fff;
}
div#content_senior ul li img.arrow {
	position: absolute;
	top: 34px;
	right: 15px;	
}
div#content_senior ul li a {
	display: block;
	width: 220px;
	height: 75px;
	padding: 5px 8px 5px 100px;
	color: #333;
}
div#content_senior ul li a:hover {
	background: #eecbd6;
	text-decoration: none;
}
div#content_senior ul li a span {
	font-weight: bold;
	color: #006;
}
div#content_senior ul li#content_senior_01 {
	border-top: none;
}



/* 下層ローカルナビ */
#lnav h2,
body.lawer #lnav h2,
body.lower-nav #lnav h2{
    background: none repeat scroll 0 0 #EBEBEB;
	border-bottom: 2px solid #CCCCCC;
	color:#555;
}
body.lawer #lnav h2 a,
body.lower-nav #lnav h2 a{
	color:#555;
}
#lnav div.lnav-inner dl.ctlist dt.topct-none{
	padding:7px 0 7px 20px;
	border-bottom:solid 1px #ccc;
	color:#555;
}
#lnav div.lnav-inner dl.ctlist dd.subct{
	display:block;
	padding:3px;
	background-color:#CFF;
}
#lnav h3.ct-gray{
    padding: 5px 0 7px 10px;
    background: none repeat scroll 0 0 #eee;
    color: #555;
	border-bottom:solid 1px #ccc;
	*font-size:13px;
	_font-size:13px;
}

#lnav div.lnav-inner dl.ctlist dt.sub-gray{
    background: none repeat scroll 0 0 #f7f7f7;
    color: #555;
}
#lnav div.lnav-inner dl.ctlist dt.sub2-gray{
    background: none repeat scroll 0 0 #f7f7f7;
    color: #555;
	border-bottom:solid 1px #ccc;
}
.lnav-tech dl.ctlist dt.sub2-gray a{
	background:url(../img/icon_01.gif) no-repeat 10px center;
    line-height: 140%;
    padding: 7px 3px 7px 18px;
}
#lnav div.lnav-inner dl.ctlist dt.sub2-gray span{
	display:block;
	padding:7px 10px;
}
#lnav div dl.ctlist dt.sub-blue a{
	background:none;
	color:#fff;
}
.lowerct{
	padding-left:10px;
}
#lnav .ctlist dd.subct, #lnav .ctlist dd.childct{
	display:block!important;
}
.lnav-tech .ctlist dt.topct{
	padding-left:15px;
}
.lnav-inner dl dt.last-child{
	*padding-bottom:0px;
	*border-bottom:none!important;
}
.lnav-inner dl.last-child{
	*padding-bottom:2px;
}

#lnav div.lnav-inner dl.ctlist dt.sub-blue,
body.tech-page01 #lnav dl dt.tech01 a,
body.tech-page02 #lnav dl dt.tech02 a,
body.tech-page03 #lnav ul li.tech03 a,
body.tech-page04 #lnav ul li.tech04 a,
body.tech-page05 #lnav ul li.tech05 a,
body.tech-page06 #lnav ul li.tech06 a,
body.tech-page07 #lnav dl dt.tech07 a,
body.tech-page08 #lnav dl dt.tech08 a,
body.tech-page09 #lnav dl dt.tech09 a,
body.tech-page10 #lnav dl dt.tech10 a,
body.tech-page11 #lnav dl dt.tech11 a,
body.tech-page12 #lnav dl dt.tech12 a,
body.tech-page13 #lnav dl dt.tech13 a,
body.tech-page14 #lnav dl dt.tech14 a,
body.tech-page15 #lnav dl dt.tech15 a,
body.tech-page16 #lnav dl dt.tech16 a,
body.tech-page17 #lnav dl dt.tech17 a,
body.tech-page18 #lnav dl dt.tech18 a,
body.tech-page19 #lnav dl dt.tech19 a,
body.tech-page20 #lnav dl dt.tech20 a,
body.tech-page21 #lnav dl dt.tech21 a,
body.tech-page22 #lnav dl dt.tech22 a,
body.tech-page23 #lnav dl dt.tech23 a,
body.tech-page24 #lnav dl dt.tech24 a,
body.tech-page25 #lnav dl dt.tech25 a,
body.tech-page26 #lnav dl dt.tech26 a,
body.tech-page27 #lnav dl dt.tech27 a,
body.tech-page28 #lnav dl dt.tech28 a,
body.tech-page29 #lnav dl dt.tech29 a,
body.tech-page30 #lnav dl dt.tech30 a,
body.tech-page31 #lnav dl dt.tech31 a,
body.tech-page32 #lnav dl dt.tech32 a,
body.tech-page33 #lnav dl dt.tech33 a,
body.tech-page34 #lnav dl dt.tech34 a,
body.tech-page35 #lnav dl dt.tech35 a{
    color: #FFFFFF;
    background: none repeat scroll 0 0 #2C95E6;
}
#lnav div.lnav-inner dl.ctlist dt.sub-blue,
body.tech-page01 #lnav dl dt.tech01,
body.tech-page02 #lnav dl dt.tech02,
body.tech-page03 #lnav ul li.tech03,
body.tech-page04 #lnav ul li.tech04,
body.tech-page05 #lnav ul li.tech05,
body.tech-page06 #lnav ul li.tech06,
body.tech-page07 #lnav dl dt.tech07,
body.tech-page08 #lnav dl dt.tech08,
body.tech-page09 #lnav dl dt.tech09,
body.tech-page10 #lnav dl dt.tech10,
body.tech-page11 #lnav dl dt.tech11,
body.tech-page12 #lnav dl dt.tech12,
body.tech-page13 #lnav dl dt.tech13,
body.tech-page14 #lnav dl dt.tech14,
body.tech-page15 #lnav dl dt.tech15,
body.tech-page16 #lnav dl dt.tech16,
body.tech-page17 #lnav dl dt.tech17,
body.tech-page18 #lnav dl dt.tech18,
body.tech-page19 #lnav dl dt.tech19,
body.tech-page20 #lnav dl dt.tech20,
body.tech-page21 #lnav dl dt.tech21,
body.tech-page22 #lnav dl dt.tech22,
body.tech-page23 #lnav dl dt.tech23,
body.tech-page24 #lnav dl dt.tech24,
body.tech-page25 #lnav dl dt.tech25,
body.tech-page26 #lnav dl dt.tech26,
body.tech-page27 #lnav dl dt.tech27,
body.tech-page28 #lnav dl dt.tech28,
body.tech-page29 #lnav dl dt.tech29,
body.tech-page30 #lnav dl dt.tech30,
body.tech-page31 #lnav dl dt.tech31,
body.tech-page32 #lnav dl dt.tech32,
body.tech-page33 #lnav dl dt.tech33,
body.tech-page34 #lnav dl dt.tech34,
body.tech-page35 #lnav dl dt.tech35{
    color: #FFFFFF;
    background: none repeat scroll 0 0 #2C95E6;
}
/*170911*/
div.ind-40 li{
	margin-left: 40px; 
}
		
.textmini{
	font-size: 10px;
}

.text-apa{
	letter-spacing: -0.3px;
}
.text-apa2{
	letter-spacing: -0.8px;
}
ul.efts-ind li{
	margin-left: 20px;
}