@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.com/
	Index

----------------------------------------------------------*/

/*-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;
}
.nonflash,
#lnav .toplist dd a{
	_height:1%;
}

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


/*--------------------------------------
	Hack
--------------------------------------*/
.newslist {
	background:none;
}


/*--------------------------------------
	Cover Image
--------------------------------------*/
h2,
.nonflash{
	margin-bottom:15px;
}
.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;
	line-height:130%;
}

#lnav .banner {
	margin-bottom:10px;
}

#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 0;
	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 20px no-repeat;
}
#lnav .sublist li.csr a span{
	width:150px;
}
#lnav .sublist li.rad a{
	min-height:70px;_height:70px;
	background:url(img/rad_image.jpg) right 25px no-repeat;
	padding-top:7px;
}
#lnav .sublist li.rad a span{
	width:120px;
}
#lnav .sublist li.annual a{
	min-height:70px;_height:70px;
	background:url(img/annual_image.gif) right 25px no-repeat;
	padding-top:7px;
}
#lnav .sublist li.annual a span{
	width:150px;
}

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

#lnav .alert {
	background:url(img/alert_bg.gif) left top repeat-y;
}
#lnav .alert dd{
	background:url(img/alert_bg_top.gif) left top no-repeat;
}
#lnav .alert dd a{
	display:block;
	background:url(img/alert_bg_btm.gif) left bottom no-repeat;
	padding:10px;
	font-size:78%;
	color:#555555;
}