@charset 'utf-8';

/*----------------------------------------------------------
	https://www.omron.co.jp/
	Page Index

	Build:2008.01.23
----------------------------------------------------------*/

/*-Modify Record-----------------------
	2008.03.26 has sublink(line 107)


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


/*======================================
	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 .mainlist,
html>body .mainlist ul.lowlist-col2,
html>body .mainlist,
html>body h4.hassublink,
html>body ul.banners{
	overflow:hidden;
}
.mainlist:after,
.mainlist ul.lowlist-col2:after,
.mainlist:after,
h4.hassublink:after,
ul.banners:after{
	content:"";
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
}
.mainlist,
.mainlist ul.lowlist-col2,
h4.hassublink,
ul.banners{
	_height:1%;
}



/*--------------------------------------
	Index Styles
--------------------------------------*/
body.cont-index #main h2{
	background:none;
	border:none;
	padding:0;
}

#main .jump-personal{
	margin-top:-29px;padding:0 5px 5px 0;
	text-align:right;
}



/*--------------------------------------
	List Title
--------------------------------------*/
#main .mainlist h4 span.gaps{
	font-size:70%;
}

/* List Title(Nomal) --------------------*/
#main .mainlist .sect{
	_height:1%;
	/* !org background:url(/common/img/main/mainlist_sect_bg_top.gif) center top repeat-x; */
	background: url(../img/common_index_tmplA01_blockB01_bg_03.gif) center top no-repeat;
	padding-bottom:1em;
}

/*
	��O
*/

.childct-pdf-inquiry #main .mainlist .sect{
	background: none;
}

/* !�ҏW sect-subsect��lj� */
#main .mainlist .sect.sect-subsect h4{
	_height:1%;
	/* background:url(/common/img/heading_lvl02A01_bg_04.gif) center bottom repeat-x; */
	padding-bottom:2px;
	line-height:120%;
}

#main .mainlist .sect.sect-subsect h4.firstChild span{
	background: url(/common/img/heading_lvl02A01_bg_04.jpg) no-repeat;
}


/* !�lj� 2012/11/29 */
body #main .mainlist .sect h4 a,
body #main h4.hassublink,
body #main .mainlist .sect h4 span.nolink{
	display: block;
	border: none;
/*
	margin-top: 1.99em;
	margin-bottom: 0.83em;
*/
	/* !org padding: 0.6em 10px 1em 30px; */
	padding: 8px 20px 1em 30px;
	text-indent: -6px;
	background: url(../img/heading_lvl02A01_bg_02b.jpg) left top no-repeat;
	font-weight: bold;
	/* color: #555; */
	
	_padding-left: 24px;
	_text-indent: 0px;
}


#main .mainlist.mainlist-col2 .sect h4{
	background:url(../img/common_index_tmplA01_blockB01_bg_02.gif) no-repeat left bottom;
}

/* !�lj� 2012/11/29 */
body #main .mainlist.mainlist-col2 .sect h4 a,
body #main .mainlist.mainlist-col2 .sect h4 span.nolink{
	background: url(/common/img/common_global_navi_icon_05.gif) no-repeat 23em .9em;
	margin-top: 7px;
	color: #fff;
}

#main .mainlist.mainlist-col2 .sect h4.firstChild span{
	background: none;
}

#main .mainlist .sect h4.hassublink span.nolink{
	margin: 0;
	padding: 0;
	background: none;
}


/* #main .mainlist .sect h4 a, */
#main .mainlist .sect h4 span.nolink{
	display: block;
	border: none;
/*
	margin-top: 1.99em;
	margin-bottom: 0.83em;
*/
	/* !org padding: 0.6em 10px 1em 30px; */
	padding: 0.5em 10px 1em 30px;
	text-indent: -6px;
	background: url(../img/heading_lvl02A01_bg_01.jpg) left top no-repeat;
	font-weight: bold;
	
	_padding-left: 24px;
	_text-indent: 0px;
}


#main .mainlist.mainlist-col2 .sect h4 span.nolink{
	background: none;
}

#main .mainlist .sectbody.bg {
_height: 1%;
/*
background: url(/common/img/main/mainlist_sectbody_bg.gif) center top repeat-x;
*/
margin: -11px 50px 0 50px;
padding: 5px 5px 1em;
width: 575px;
line-height: 150%;
}

#main .mainlist .sect h4 a{
	_height:1%;
	background:url(/common/img/icons/arrow_blue.gif) 5px center no-repeat;
	padding-left:12px;
}

/* List Title(Has otherlink) --------------------*/

#main .mainlist .sect h4.hassublink span.title a,/* <= 2008.03.26 add---*/
#main .mainlist .sect h4.hassublink span.nolink{
	float:left;
}
#main .mainlist .sect h4.hassublink span.sublink{
	display:block;
	padding:0.5em 5px 0 0;
	text-align:right;
}



#main .mainlist .sect h4.hassublink span.sublink a {
display: block;
float: right;
background: none;
padding: 0 6px 0 10px;
font-size: 78%;
_font-size: 70%;
font-weight: lighter;
margin-top: -3px;
}



#mainbody .mainlist .sectbody h3{
	margin-bottom:5px;
	font-size:100%;_font-size:small;
}

/*--------------------------------------
	Section Body
--------------------------------------*/
#main .mainlist .sectbody{
	_height:1%;
	/* background:url(/common/img/common_index_tmplA01_blockB01_bg_01.gif) center bottom no-repeat; */
	margin-right:0;margin-left:0;/* !org padding:5px 5px 1em; */padding: 10px 10px 0;
	line-height:150%;
}

#main .mainlist.mainlist-col2 .sectbody{
	background:url(/common/img/common_index_tmplA01_blockB01_bg_01.gif) center bottom no-repeat;
	padding-bottom: 10px;
}


/*--------------------------------------
	Multi Column
--------------------------------------*/
/* Multi Colomn(2 Colomn) --------------------*/
#main .mainlist-col2 .sect{
	width:333px;/* !�ύX�@2012/11/29 */
}
#main .mainlist-col2 .sect-odd{
	float:left;
	margin-right:18px;/* !�ύX 2012/11/29 */
}

/* Multi Colomn(3 Colomn) --------------------*/
#main .mainlist-col3 .sect{
	float:left;
	width:185px;
	margin-right:10px;
	
}

/* Multi Colomn(4 Colomn) --------------------*/
#main .mainlist-col4 .sect{
	float:left;
	width:135px;
	margin-right:11px;
	
}


/* Multi Colomn(Common) --------------------*/
#main .mainlist-col3 .sect,
#main .mainlist-col4 .sect{
	float:left;
}
#main .mainlist-col2 .sect-even,
#main .mainlist-col3 .sect-lineend,
#main .mainlist-col4 .sect-lineend{
	float:left;
	margin-right:0;
}


/*--------------------------------------
	Ornament & Image
--------------------------------------*/
.mainlist-col2 .sectbody .ornament {
	float:right;
	width:64px;height:64px;overflow:hidden;
	background:url(/common/img/main/ornament_shadow.gif) right bottom no-repeat;
	margin:0 0 0 7px;padding:0 0 8px 0;
}
.mainlist-col2 .sectbody .ornament img{
	display:block;
	background:#ffffff;
	border:1px solid #DDDDDD;
	padding:1px;
}
.mainlist-col2 .sectbody .ornament-noframe{
	width:auto;height:auto;
	background:none;
	margin:0 0 0 7px;padding:0;
}
.mainlist-col2 .sectbody .ornament-noframe img{
	background:none;
	border:none;
	padding:0;
}



/*--------------------------------------
	Lowlist
--------------------------------------*/
#main .mainlist .lowlist{
	margin-left:0;padding-left:10px;padding-bottom: 0px;
}
.mainlist dl.lowlist dt a{
	display:block;
	padding-left: 116px;
	_height:1%;
	background:url(/common/img/icons/arrow_blue.gif) left 0.4em no-repeat;
	padding-left:7px;
}
#main .mainlist dl.lowlist dd{
	margin:0 0 10px 7px;
	font-size:78%;line-height:140%;
	color:#555555;
}
#main .mainlist dl.lowlist-nomalsize dd{
	font-size:100%;
}

/* Lowlist --------------------*/
.mainlist ul.lowlist{
	clear:both;
	padding-top:10px;
}
.mainlist ul.lowlist ul li{
	margin-bottom:5px;
	font-size:78%;line-height:120%;
	color:#555555;
}
.mainlist ul.lowlist-nomalsize ul li{
	margin-bottom:3px;
	font-size:100%;
}
.mainlist ul.lowlist ul li a{
	display:block;
	_height:1%;
	background:url(/common/img/icons/arrow_blue.gif) left 0.5em no-repeat;
	padding-left:7px;
}
.mainlist ul.lowlist-nolink ul li{
	background:url(/common/img/icons/square_gray.gif) left 0.5em no-repeat;
	margin-bottom:5px;padding-left:7px;
}

/* Lowlist Multi Colomn --------------------*/
.mainlist ul.lowlist-col2{
	clear:both;
}
.mainlist ul.lowlist-col2 li.odd{
	float:left;
}
.mainlist ul.lowlist-col2 li.even{
	float:right;
}

/* Lowlist Multi Colomn --------------------*/
.mainlist ul.lowlist-col3 li.lowlist-sect{
	float:left;
	width:185px;
	margin-right:5px;
}


/* Mainlist Colomn 1 & Lowlist Colomn 2 --------------------*/
.mainlist ul.lowlist-col2 li.odd,
.mainlist ul.lowlist-col2 li.even{
	width:275px;
}

/* Mainlist Colomn 2 & Lowlist Colomn 2 --------------------*/
.mainlist-col2 ul.lowlist-col2 li.odd,
.mainlist-col2 ul.lowlist-col2 li.even{
	width:125px;
}

/* Mainlist & Lowlist Multi Colomn Line end --------------------*/
#main .mainlist li.lineend,
#main .mainlist .lowlist li.lineend{
	margin-right:0;
}

#main .mainlist .sect-hasimage .lowlist{
	margin-left:170px;
}


/*--------------------------------------
	Banners
--------------------------------------*/
ul.banners {
	margin-bottom:30px;
}
ul.banners li{
	width:280px;
}
ul.banners li.odd{
	float:left;
}
ul.banners li.even{
	float:right;
}


/*--------------------------------------
	Contact
--------------------------------------*/
#mainbody .contact .sectbody{
	background:#EAEFF4;
	border:1px solid #6DA5CD;
	margin-right:0;margin-left:0;padding:10px;
}
.contact .sectbody p{
	margin-bottom:0;padding-bottom:0;
}
.contact .sectbody .icon{
	float:right;
	width:200px;
	background:url(/common/img/index_pages/contact_icon_bg.gif) center bottom repeat-x #ffffff;
	border:1px solid #cccccc;
}
.contact .sectbody .icon a{
	display:block;
	background:url(/common/img/icons/candy_mail.gif) 154px 5px no-repeat;
	cursor:pointer;
}
.contact .sectbody .icon a span{
	display:block;
	min-height:50px;_height:50px;
	background:url(/common/img/icons/arrow_blue.gif) 5px center no-repeat;
	padding-left:15px;
	line-height:50px;
}
#main .contact .sectbody .add{
	float:left;
	width:340px;
	line-height:130%;
}
.contact .sectbody .add strong{
	color:#3983B9;
}