@charset 'utf-8';
@import url("/common/css/contents.css");
@import url("/common/css/elements_pageanchor.css");

/*----------------------------------------------------------
	http://www.omron.co.jp/
	Products Common

	Build:2007.12.21
----------------------------------------------------------*/

/*-Modify Record-----------------------*/


/*======================================
	Color Glossary
	
	OMRON Blue=>#0055C4(border,link,etc)
	Black=>#333333(text color)
	Gray1=>#555555(header,footer,bread,etc)
	Sky Blue=>#3983B9(Copy)
	Sky Blue 2=>#6DA5CD(Sub Copy)
	Pale Blue=>#EAEFF4(Background)
	Pale Blue 2=>#
======================================*/
/*--------------------------------------
	Clearfix
--------------------------------------*/
/*html>body #main .mainlist ul.lowlist-col2 li.odd,
html>body #main .mainlist ul.lowlist-col2 li.even{
	overflow:hidden;
}
#main .mainlist ul.lowlist-col2 li.odd:after,
#main .mainlist ul.lowlist-col2 li.even:after{
	content:"";
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
}*/


/*--------------------------------------
	Local Nav Control
--------------------------------------*/
#lnav h2{
	border-bottom-color:#61A7B6;
}

/*topct ----------------------------------*/
body.ct-iab #lnav dt a.iab,
body.ct-ecb #lnav dt a.ecb,
body.ct-auto #lnav dt a.auto,
body.ct-ssb #lnav dt a.ssb,
body.ct-hcb #lnav dt a.hcb,
body.ct-ped #lnav dt a.ped,
body.ct-rfid #lnav dt a.rfid,
body.ct-power #lnav dt a.power,
body.ct-personal #lnav dt a.personal{
	background:url(/common/img/lnav/ct_mark_on.gif) 5px 12px no-repeat;
	background-color:#EBEBEB;
	font-weight:bold;
}


/*--------------------------------------
	Company Page
--------------------------------------*/
.mainlist-col2 ul.lowlist-col2 li.odd,
.mainlist-col2 ul.lowlist-col2 li.even{
	width:130px;
}
#main .mainlist .lowlist{
	padding-left:0;
}




/*--------------------------------------
	External Search
--------------------------------------*/
.exsearch .sectbody{
	background:url(img/exsearch_bg.gif) right top no-repeat #EAEFF4;
	border:1px solid #6F8FB5;
	padding:10px;
}
.exsearch .sectbody p{
	margin-bottom:5px;
}
.exsearch span.link-external{
	margin-right:5px;
}
#main .exsearch .inputfield{
	margin-bottom:0;padding-left:10px;
}
.exsearch input.keyword{
	display:block;
	float:left;
	width:300px;height:18px;
	border-top: 1px solid #D9D9D9;
	border-right: 1px solid #F2F2F2;
	border-bottom: 1px solid #F2F2F2;
	border-left: 1px solid #D9D9D9;
	margin-right:4px;
}
.exsearch input.btn {
	display:block;
	float:left;
	margin-right:5px;
}
.exsearch a.help{
	background:url(/common/img/main/icon_que.gif) left center no-repeat;
	padding-left:15px;
	font-size:78%;
}
.exsearch {
	margin:0;
}



/*--------------------------------------
	Clearfix
--------------------------------------*/
html>body .update,
html>body .headline dl.titles,
html>body .headlinelist,
html>body .headlinelist dd {
	overflow:hidden;
}
.update:after,
.headline dl.titles:after,
.headlinelist:after,
.headlinelist dd:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}
.update,
.headline dl.titles,
.headlinelist,
.headlinelist dd{
	_height:1%;
}



/*--------------------------------------
	Headline
--------------------------------------*/
.headline {
	/*float:left;*/
	width:575px;
	/*padding:5px 0 15px;*/
	padding:0 0 20px;
}

.headline dl.titles{
	background:url(/products/common/img/news_title_bg.gif) left top no-repeat #f2f2f2;
	border-bottom:2px solid #BEC4CD;
	margin-bottom:2px;padding:5px;
}
.headline dl.titles dt{
	float:left;
	font-weight:bold;
	color:#555555;
}
.headline dl.titles dt a{
	background:url(/common/img/icons/arrow_blue.gif) left center no-repeat;
	margin-left:10px;padding-left:7px;
	font-size:78%;
	font-weight:lighter;
}
.headline dl.titles dd{
	padding-top:2px;
	text-align:right;
	font-size:78%;
	color:#555555;
}

.headlinelist {
	width:100%;
}
.headlinelist th{
	width:5em;
	text-align:left;
}
.headlinelist td img{
	display:block;
	float:left;
	width:65px;
	margin-right:5px;padding-top:3px;
}
.headlinelist td p{
	padding-left:70px;
}
.headlinelist th,
.headlinelist td{
	background:url(/common/img/border_dot_gray_dark.gif) left bottom repeat-x;
	padding:5px 0;
	vertical-align:top;
}
.headlinelist td a{
	background:url(/common/img/icons/arrow_blue.gif) left center no-repeat;
	margin-left:10px;padding-left:7px;
}




/*--------------------------------------
	sect-invitation
--------------------------------------*/
#main .mainlist .sect-invitation {
	border: solid 1px #cccccc;
	border-top: none;
	padding-bottom: 0;
}
#main .mainlist-col2 .sect-invitation {
	width: 278px;
}
#main .mainlist .sect-invitation h4, 
#main .mainlist .sect-invitation .sectbody {
	border: none;
	background-image: none;
	padding: 0 10px;
}
#main .mainlist .sect-invitation h4 {
	padding: 1px 5px;
}
#main .mainlist .sect-invitation .sectbody p {
	margin-bottom: 1em;
	_margin-bottom: 0;
}
#main .mainlist .sect-invitation .sectbody ul,
#main .mainlist .sect-invitation .sectbody ul li {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
}



/*--------------------------------------
	Topics
--------------------------------------*/
.topicslist {
	width:100%;
}
.topicslist th{
	width:20%;
	text-align:left;
}
.topicslist td img{
	display:block;
	float:left;
	width:65px;
	margin-right:5px;padding-top:3px;
}
.topicslist td p{
	padding-left:70px;
}
.topicslist th,
.topicslist td{
	background:url(/common/img/border_dot_gray_dark.gif) left bottom repeat-x;
	padding:5px 0;
	vertical-align:top;
}
.topicslist td li{
	margin-bottom:5px;
}
.topicslist td li a{
	display:block;
	_height:1%;
	background:url(/common/img/icons/arrow_blue.gif) left 7px no-repeat;
	padding-left:10px;
}


/*--------------------------------------
	Elements
--------------------------------------*/

#mainbody .sect-narrow {
	margin-left: 12px;
	margin-right: 12px;
}