@charset 'utf-8';
@import url("/common/css/all.css");
@import url("/common/header_footer/header.css");
@import url("/common/header_footer/gnav.css");
@import url("/common/header_footer/breadlist.css");
@import url("/common/css/elements_mainlist.css");
@import url("/common/header_footer/footer.css");
@import url("/common/css/elements_newslist.css");
@import url("/common/css/elements_link.css");

/*----------------------------------------------------------
	http://www.omron.co.jp/
	Index

	Build:2008.02.20
----------------------------------------------------------*/

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

/*======================================
	Nest Tree
	
	body{
		#container{
			#header{}
			#gnav{}
			#contents{
				#main{}
				#lnav{}
			}
		#footer{}
		}
	}
======================================*/

/*======================================
	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=>#
======================================*/

* html #contents{
	padding:0 10px 15px 10px;
}

/*--------------------------------------
	Clearfix
--------------------------------------*/
html>body .nonflash,
html>body #lnav .toplist dd a{
	overflow:hidden;
}
.nonflash:after,
#lnav .toplist dd a:after{
	content:"";
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
}top
.nonflash,
#lnav .toplist dd a{
	_height:1%;
}

/*--------------------------------------
	General Layout
--------------------------------------*/
#main{
	float:left;
	width:550px;
}
#lnav{
	float:right;
	width:194px;
}


/*--------------------------------------
	Hack
--------------------------------------*/
.newslist {
	background:none;
}
.newslist td li a{
	color:#333333;
}


/*--------------------------------------
	Cover Image
--------------------------------------*/
h2,
.nonflash{
	margin-bottom:0px;
}
.nonflash li{
	float:left;
}


/*--------------------------------------
	Local Nav
--------------------------------------*/
#lnav .toplist dd{
	background:url(img/lnav_bg_frame.gif) left top no-repeat;
	border-bottom:1px solid #cccccc;
	margin-bottom:10px;
}
#lnav .toplist dd a{
	display:block;
	_height:1%;
	padding:7px 5px 5px 7px;
	color:#333333;
}
#lnav .toplist dd a img{
	float:right;
	width:50px;
}
#lnav .toplist dd a span{
	display:block;
	float:left;
	width:130px;
	padding:7px 0;
	text-align:justify;_text-justify:inter-ideograph;
	line-height:130%;
}
#lnav .toplist dd.support a span{
	padding-top:0.7em;
}
#lnav .toplist dd.personal a span{
	padding:0;
}


#lnav .sublist {
	border-top:2px solid #cccccc;
	border-bottom:2px solid #cccccc;
	margin-bottom:15px;
}
#lnav .sublist li{
	background:url(/common/img/border_dot_gray_dark.gif) left bottom repeat-x;
}
#lnav .sublist li a{
	display:block;
	_height:1%;
	padding:7px 5px;
	font-size:78%;line-height:140%;
	color:#555555;
}
#lnav .sublist li img{
	display:block;
	margin-bottom:7px;
}
#lnav .sublist li a span{
	display:block;
	_height:1%;
	padding-left:2px;
}
#lnav .sublist li.linebottom{
	background:none;
}
#lnav .sublist li.csr a{
	min-height:46px;_height:46px;
	background:url(img/csr_image.jpg) right 23px no-repeat;
}
#lnav .sublist li.csr a span{
	width:120px;
}
#lnav .sublist li.rad a{
	min-height:45px;_height:45px;
	background:url(img/rad_image.jpg) right 5px no-repeat;
	padding-top:10px;
}
#lnav .sublist li.rad a span{
	width:120px;
}
#lnav .sublist li.annual a{
	min-height:45px;_height:45px;
	background:url(img/annual_image.gif) right 5px no-repeat;
	padding-top:10px;
}
#lnav .sublist li.annual a span{
	width:126px;
}

#lnav .bannerlist li{
	margin-bottom:5px;
}

/*--------------------------------------
	Local Nav 09/03/20
--------------------------------------*/

#top-nav-wrap{
	width:760px;
	background:#E7F0F6 url(img/top_nav_bg.gif) no-repeat bottom;
	margin-bottom:10px;
}

#top-nav-wrap dl#top-nav-service{
	width:340px;
	float:left;
	margin-right:10px;
}

#top-nav-wrap dl#top-nav-service dt{
	width:340px; height:46px; text-indent:-9999px;
	background:url(img/top_nav_product.gif) no-repeat 0 0;
}

#top-nav-wrap dl#top-nav-service dt a{
	width:340px; height:46px; text-indent:-9999px; display:block;
	background:url(img/top_nav_product.gif) no-repeat 0 0;
}

#top-nav-wrap dl#top-nav-service dt a:hover{
	background:url(img/top_nav_product.gif) no-repeat 0 -46px;
}

#top-nav-wrap dl#top-nav-support{
	width:200px;
	float:left;
	margin-right:10px;
}

#top-nav-wrap dl#top-nav-support dt{
	width:200px; height:46px; text-indent:-9999px;
	background:url(img/top_nav_support.gif) no-repeat 0 0;
}

#top-nav-wrap dl#top-nav-support dt a{
	width:200px; height:46px; text-indent:-9999px; display:block;
	background:url(img/top_nav_support.gif) no-repeat 0 0;
}

#top-nav-wrap dl#top-nav-support dt a:hover{
	background:url(img/top_nav_support.gif) no-repeat 0 -46px;
}

#top-nav-wrap dl#top-nav-about{
	width:200px;
	float:left;
}

#top-nav-wrap dl#top-nav-about dt{
	width:200px; height:46px; text-indent:-9999px;
	background:url(img/top_nav_about.gif) no-repeat 0 0;
}

#top-nav-wrap dl#top-nav-about dt a{
	width:200px; height:46px; text-indent:-9999px; display:block;
	background:url(img/top_nav_about.gif) no-repeat 0 0;
}

#top-nav-wrap dl#top-nav-about dt a:hover{
	background:url(img/top_nav_about.gif) no-repeat 0 -46px;
}


#top-nav-wrap dl dd{
	margin-bottom:10px;
}

#top-nav-wrap dl#top-nav-service dd ul{
	width:180px;
	float:left;
}
#top-nav-wrap dl#top-nav-service dd ul#top-nav-01{
	width:155px;
}

#top-nav-wrap dl#top-nav-support dd ul{
	width:200px;
}

#top-nav-wrap dl#top-nav-about dd ul{
	width:200px;
}

#top-nav-wrap dl dd ul li{
	padding:2px 0;
	margin:3px 0;
}

#top-nav-wrap dl dd ul li.top-nav-personal{
	margin:0; padding:0;
	width:155px; height:56px; text-indent:-9999px;
	background:url(img/top_nav_personal.gif) no-repeat 0 0;
}

#top-nav-wrap dl dd ul li.top-nav-personal a{
	margin:0; padding:0;
	display:block;
	width:155px; height:56px; text-indent:-9999px;
	background:url(img/top_nav_personal.gif) no-repeat 0 0;
}

#top-nav-wrap dl dd ul li.top-nav-personal a:hover{
	background:url(img/top_nav_personal.gif) no-repeat 0 -56px;
}




#top-nav-wrap dl dd ul li.top-nav-arrow{
	background:url(/common/img/icons/arrow_blue.gif) 0.75em 0.5em no-repeat;
	padding:0 0 0 1.4em;
}

#top-nav-wrap dl dd ul li.top-nav-s-arw{
	background:url(/common/img/icons/arrow_blue.gif) 1.4em 0.5em no-repeat;
	padding:0 0 0 2.2em;
}

#top-nav-wrap dl dd ul li.top-nav-arrow a{
	font-size:85%;
	line-height: 125%;
}

#top-nav-wrap dl dd ul li.top-nav-s-arw a{
	font-size:85%;
	line-height: 125%;
}


/*--------------------------------------
	right Nav 09/03/20
--------------------------------------*/

.top-subfr{
	margin-bottom:5px;
}

*html .top-subfr{
	padding-bottom:5px;
}

.top-subfr-wrap{
	background:url(img/top_subfr_bottom.gif) bottom left no-repeat;
}

.top-subfr-wrap dl#top-subfr-corporate{
	background:url(img/top_subfr_corporate.gif) top left no-repeat;
}

.top-subfr-wrap dl#top-subfr-csr{
	background:url(img/top_subfr_csr.gif) top left no-repeat;
}

.top-subfr-wrap dl#top-subfr-r-d{
	background:url(img/top_subfr_r_d.gif) top left no-repeat;
}

.top-subfr-wrap dl dt{
	background:url(/common/img/lnav/cont_mark.gif) .8em 1em no-repeat;
}

.top-subfr-wrap dl dt a{
	display:block;
	padding:1em 2em .5em;
	font-weight:600;
	font-size:90%;
}

.top-subfr-wrap dl dd.top-subfr-copy{
	padding:5px 70px 5px 10px;
	font-size:82%;
}

.top-subfr-wrap dl dd ul.top-subfr-list{
	padding:0 8px 10px;
}

.top-subfr-wrap dl dd ul.top-subfr-list li{
	background:url(/common/img/icons/arrow_blue.gif) 0.4em 0.4em no-repeat;
	padding:0 0 0 1.1em;
	margin:3px 0 0;
}

.top-subfr-wrap dl dd ul.top-subfr-list li a{
	font-size:85%;
	line-height: 125%;
}

.top-subfr-wrap dl dd.top-subfr-list-r{
	text-align:right;
	padding:0 10px 6px 10px;
	font-size:85%;
}

.top-subfr-wrap dl dd.top-subfr-list-r a{
	background:url(/common/img/icons/arrow_blue.gif) 0.4em 0.4em no-repeat;
	padding-left:11px;
}



/*--------------------------------------
	shinsai banner 11/06/13
--------------------------------------*/
#mainimage-sub, 
.mainimage-sub {
	margin-top: 10px;
}