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

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

	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 #mainbody .targetlist .iconlist li,
html>body #mainbody .banners{
	overflow:hidden;
}
#mainbody .targetlist .iconlist li:after,
#mainbody .banners:after{
	content:"";
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
}
#mainbody .targetlist .iconlist li,
#mainbody .banners{
	_height:1%;
}

/*--------------------------------------
	Index
--------------------------------------*/
#main .products{
	float:left;
	width:370px;
}
#main .targetlist{
	float:right;
	width:190px;
}


/*--------------------------------------
	Mainlist
--------------------------------------*/
#main #mainbody .mainlist .sectbody{
	margin-bottom:0;padding-bottom:0;
}



/*--------------------------------------
	Banners
--------------------------------------*/
#mainbody .banners {
	padding:10px 0 30px;
}
#mainbody .banners li{
	width:180px;
}
#mainbody .banners li.personal{
	float:left;
}
#mainbody .banners li.total{
	float:right;
}


/*--------------------------------------
	Target List
--------------------------------------*/
/*--iconlist ---------------*/
#mainbody .targetlist .iconlist{
	border:1px solid #cccccc;
	border-top-width:2px;
	border-bottom-width:2px;
}
#mainbody .targetlist .iconlist li{
	background:url(/common/img/border_dot_gray.gif) center top repeat-x #F9F9F9;
	padding:5px;
	line-height:120%;
}
#mainbody .targetlist .iconlist li p{
	clear:both;
	font-size:78%;
	color:#555555;
}
#mainbody .targetlist .iconlist li img{
	float:right;
	margin:0 0 3px 5px;
}
#mainbody .targetlist .iconlist li a{
	display:block;
	_height:1%;
	background:url(/common/img/icons/arrow_blue.gif) left 10px no-repeat;
	padding:5px 0 5px 10px;
	font-weight:bold;
}
#mainbody .targetlist .iconlist li a span.gaps{
	font-size:78%;
	font-weight:lighter;
}

/*--otherlist ---------------*/
#mainbody .otherlist{
	border-bottom:2px solid #cccccc;
}
#mainbody .otherlist li.buying,
#mainbody .otherlist li.aftercare{
	background:url(/common/img/border_dot_gray_dark.gif) center bottom repeat-x;
}
#mainbody .otherlist li a,
#mainbody .otherlist span,
#mainbody .otherlist strong{
	display:block;
	_height:1%;
}
#mainbody .otherlist li a{
	background:url(/common/img/icons/arrow_blue.gif) left 14px no-repeat;
	padding:7px 0 7px 10px;
}
#mainbody .otherlist strong{
	margin-bottom:5px;
	line-height:140%;
}
#mainbody .otherlist span{
	font-size:78%; line-height:140%;
}


/*--helplist ---------------*/
#mainbody .helplist{
	padding:3px;
}
#mainbody .helplist dl{
	color:#555555;
}