@charset 'utf-8';

/*----------------------------------------------------------
	https://www.omron.co.jp/
	Main Related

	Build:2008.02.08
----------------------------------------------------------*/

/*-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 .related .row,
html>body #main .related .acrobat{
	overflow:hidden;
}

html>body #main .related .acrobat{
	margin: 10px 0 0;
}

#main .related .row:after,
#main .related .acrobat:after{
	content:"";
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
}


/*--------------------------------------
	Related
--------------------------------------*/
#main .related {
	width:684px;_height:1%;/* !変更 2012/11/29 */
	/* !org background:url(/common/img/main/relate_bg.gif) center 33px repeat-x; */
	padding-bottom:15px;
}
#main .related h4{
	border: none;
	margin-top: 1.99em;
	margin-bottom: 0.83em;
	/* !org padding: 0.6em 10px 1em 30px; */
	padding: 8px 10px 1em 30px;
	text-indent: -6px;
	background: url(../img/heading_lvl02A01_bg_01.jpg) left top no-repeat;
	font-weight: bold;
	font-size: 100%;
}


/* !追加 2012/11/29 */
#main .related h4 img{
	width: 684px !important;
	height: 36px !important;
}


#main .related ul.row{
	_height:1%;
	/* background:url(/common/img/main/related_row_bg.gif) center bottom no-repeat; */
	background: url(../img/common_index_tmplA01_blockA01_bg_01.gif) left bottom no-repeat;
	margin-bottom:10px;
}
#main .related ul.row-col1{
	background:url(/common/img/main/related_row_bg_col1.gif) left bottom no-repeat;
}


/* !変更 2012/11/29 */
#main .related ul.row-col2{
	background:url(/common/img//common_index_tmplA01_blockA01_bg_01b.gif) left bottom no-repeat;
}



#main .related ul.row li{
	float:left;
	/*
width:185px;
	border-top:1px solid #cccccc;
	margin-right:10px;
*/
margin: 0 18px 0 0;
width: 216px;
padding-top: 9px;
padding-bottom: 5px;
background: url(../img/common_index_tmplA01_blockA01_bg_03.gif) left top no-repeat;
}


#main .related ul.row li a:after{
	content : "";
	display: block;
	width:3px;
	height: 5px;
	background: url(/common/img/common_global_navi_icon_04.gif) no-repeat;
	float: right;
	margin-top: .5em;
}


/*IE用*/
#main .related ul.row li a span.relatedicon{
	content : "";
	display: block;
	width:3px;
	height: 5px;
	background: url(/common/img/common_global_navi_icon_04.gif) no-repeat;
	float: right;
	margin-top: -1.6em;
	margin-right: 10px;
}


#main .related ul.row li a{
display: block;
background: url(../img/common_index_tmplA01_blockA01_bg_02b.gif) left bottom no-repeat;
padding: 0 15px 10px 15px;
color: #585657;
}




#main .related ul.row li.linehead{
	clear:both;
	float:left;
}
#main .related ul.row li.lineend{
	margin-right:0;
}
#main .related ul.row li p{
/*
padding-top: 9px;
padding-bottom: 5px;
*/
padding: 9px;
font-size:78%;line-height:140%;
color:#555555;
}


/* !org */

/*
#main .related ul.row li p{
	padding:7px;
	font-size:78%;line-height:140%;
	color:#555555;
}
*/

/* !org */
/*
#main .related ul.row li a{
	display:block;
	_height:1%;
	background:url(/common/img/icons/arrow_blue.gif) 5px 0.8em no-repeat #eeeeee;
	border-bottom:2px solid #cccccc;
	margin:0 1px;padding:5px 5px 5px 12px;
}
*/
#main .related .acrobat dt{
	float:left;
	width:112px;
}
#main .related .acrobat dd{
	margin-left:120px;
	font-size:78%;line-height:140%;
	color:#888888;
}

