@charset "utf-8";
/*---main settings---*/
*{
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
	line-height:1;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}

h2.title{
	color:#FFFFFF;
	font-size:12px;
	line-height:14px;
	background-color:#2C65A9;
	padding:5px;
	clear:both;
	border:solid 1px #CCCCCC;
}
body{
	color:#333333;
	background-image:url(../img-common/bg.gif);
/*	background-color:#e6f1ed;*/
	margin-top:0px;
	font-size:80%;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka;
	text-align:center;
}
#main{
	width:710px;
	padding:5px;
	margin:auto;
	background-color:#FFFFFF;
	text-align:left;
}

a:link{
	color:#2C65A9;
}
a:visited{
	color:#215CA4;
}
a:hover{
	color:#0084FF;
}
a:active{
	color:#0084FF;
}
#topMenu{
	white-space:nowrap;
	font-size:0px;
	line-height:0px;
	margin:0px auto;
}
	#topMenu li{
		display:inline;
		list-style:none;
	}
#navi{
	margin:8px auto;
	white-space:nowrap;
	width:100%;
	background-color:#eeeeff;
}
	#navi li{
		color:#666666;
		padding-left:4px;
		padding-right:15px;
		background:url(../img-common/navi_arrow.gif) center right no-repeat;
		display:inline;
	}
	#navi li.last{
		background:none;
	}
#content{
	width:530px;
	float:right;
	margin-bottom:20px;
	text-align:center;
}
#content li.QAF{
	line-height:20px;
	border-bottom:dotted 1px #CCCCCC;
	padding:5px;
	margin-left:4em;
	margin-right:20px;
	text-align:left;
}
#footer{
	clear:both;
	width:100%;
	height:2em;
	margin:10px auto;
	padding-top:4px;
	border-top:1px solid #cccccc;
}
	#bottomMenu{
		white-space:nowrap;
		float:right;
	}
		#bottomMenu li{
			display:inline;
			padding-right:4px;
			padding-left:2px;
			background:url(../img-common/bottom_menu_separator.gif) right repeat-y;
			font-size:80%;
		}
		#bottomMenu li.last{
			background:none;
		}
	#copyright{
		font-size:80%;
		clear:both;
		text-align:center;
		line-height:180%;
		width:100%;
	}
#contact{
	background-color:#eeffff;
	padding:10px;
}
	#contact h4{
		text-align:left;
		background:#D0E8FF url(../img-common/contact_arrow.gif) 5px center no-repeat;
		text-indent:20px;
		padding:5px;
		font-weight:900;
	}
	#contact p{
		text-align:left;
		padding-left:1em;
		padding-top:5px;
		padding-bottom:10px;
	}
	#contact p span.tel{
		color:#333399;
		font-size:2em;
		font-weight:900;
	}
	#contact p img{
		margin-left:25px;
	}
/*MENU*/
#menu{
	float:left;
	width:178px;
}
	#menu li{
		list-style:none;
	}
	#menu .menuhead{
		text-align:left;
		margin-bottom:2px;
	}
		#menu .menuhead img{
			cursor:pointer;
		}
			#menu li img{
				vertical-align:middle;
			}
/*SECURITY SOLUTION*/
	#menu .security{
		width:175px;
		margin:0px auto 0px 0px;
		border:1px solid #ccc;
		overflow:hidden;

	}
	#menu .security img{
		height:37px;
	}

		#menu .security .menulist{
			width:100%;
			margin:0px;
			padding:0px;
		}
			#menu .security .menulist li{
				padding:3px;
			}
			#menu .security .menulist li.normal{
				padding-left:16px;
				background:url(../img-common/icon_s1.gif) no-repeat 5px center;
				cursor:pointer;
				color:#2C65A9;
			}
				#menu .security .menulist .child{
					padding-left:8px;
				}
					#menu .security .menulist .child li{
						padding:2px 0px 2px 12px;
						margin:0px;
						background:url(../img-common/icon_s1.gif) center left no-repeat;
					}
					#menu .security .menulist .child li.last{
						background:url(../img-common/icon_s1.gif) center left no-repeat;
					}
			#menu .security .menulist li.haslist{
				padding-left:16px;
				background:url(../img-common/menu-more.gif) no-repeat 5px center;
				cursor:pointer;
				color:#2C65A9;
				font-weight:900;
			}
/*ENVIRONMENTAL SOLUTION*/
	#menu .environment{
		width:175px;
		margin:5px auto 0px 0px;
		border:1px solid #ccc;
		overflow:hidden;
	}
	#menu .environment img {
		height:37px;
	}

		#menu .environment .menulist{
			width:100%;
			margin:0px;
			padding:0px;
		}
			#menu .environment .menulist li{
				padding:3px;
			}
			#menu .environment .menulist li.normal{
				padding-left:16px;
				background:url(../img-common/icon_s2.gif) no-repeat 5px center;
				cursor:pointer;
				color:#2C65A9;
			}
				#menu .environment .menulist .child{
					padding-left:8px;
				}
					#menu .environment .menulist .child li{
						padding:2px 0px 2px 12px;
						margin:0px;
						background:url(../img-common/icon_s2.gif) center left no-repeat;
					}
					#menu .environment .menulist .child li.last{
						background:url(../img-common/icon_s2.gif) center left no-repeat;
					}
					#menu .environment .menulist .child li.noicon{
						background:none;
					}
			#menu .environment .menulist li.haslist{
				padding-left:16px;
				background:url(../img-common/menu-more.gif) no-repeat 5px center;
				cursor:pointer;
				color:#2C65A9;
				font-weight:900;
			}
/*HEALTH SOLUTION*/
	#menu .health{
		width:175px;
		margin:5px auto 0px 0px;
		border:1px solid #ccc;
	}
		#menu .health .menulist{
			width:100%;
			margin:0px;
			padding:0px;
			background:url(../img-common/l_bg_b_health.gif) no-repeat left bottom;
		}
			#menu .health .menulist li{
				padding:3px;
			}
			#menu .health .menulist li.normal{
				padding-left:16px;
				background:url(../img-common/icon_s3.gif) no-repeat 5px center;
				cursor:pointer;
				color:#2C65A9;
			}
				#menu .health .menulist .child{
					padding-left:8px;
				}
					#menu .health .menulist .child li{
						padding:2px 0px 2px 12px;
						margin:0px;
						background:url(../img-common/icon_s3.gif) center left no-repeat;
					}
					#menu .health .menulist .child li.last{
						background:url(../img-common/icon_s3.gif) center left no-repeat;
					}
					#menu .health .menulist .child li.noicon{
						background:none;
					}
			#menu .health .menulist li.haslist{
				padding-left:16px;
				background:url(../img-common/menu-more.gif) no-repeat 5px center;
				cursor:pointer;
				color:#2C65A9;
				font-weight:900;
			}
/*TOTAL SOLUTION*/
	#menu .total{
		width:175px;
		margin:5px auto 0px 0px;
		border:1px solid #ccc;
		overflow:hidden;
	}
	#menu .total img {
	height: 37px;
	}

		#menu .total .menulist{
			width:100%;
			margin:0px;
			padding:0px;
		}
			#menu .total .menulist li{
				padding:3px;
			}
			#menu .total .menulist li.normal{
				padding-left:16px;
				background:url(../img-common/icon_s4.gif) no-repeat 5px center;
				cursor:pointer;
				color:#2C65A9;
			}
				#menu .total .menulist .child{
					padding-left:8px;
				}
					#menu .total .menulist .child li{
						padding:2px 0px 2px 12px;
						margin:0px;
						background:url(../img-common/icon_s4.gif) center left no-repeat;
					}
					#menu .total .menulist .child li.last{
						background:url(../img-common/icon_s4.gif) center left no-repeat;
					}
					#menu .total .menulist .child li.noicon{
						background:none;
					}
			#menu .total .menulist li.haslist{
				padding-left:16px;
				background:url(../img-common/menu-more.gif) no-repeat 5px center;
				cursor:pointer;
				color:#2C65A9;
				font-weight:900;
			}
	#menu .menulist li.banner{
		padding:0;
		margin:0;
		text-align:center;
		width:175px;
	}
	#menu div.banners{
		margin-top:10px;
		text-align:center;
	}
		#menu div.banners img{
			margin-bottom:2px;
		}
/*MENU END*/



/*---common settings---*/

#content p.text{
	text-align:left;
	line-height:150%;
	margin:5px auto 1em auto;
	padding:0px 5px;
	line-break:strict;
}
#content h3.catch{
	background:#eeeeff;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:10px;
	color:#006699;
	font-size:20px;
	font-weight:900;
	margin:10px auto;
}
#content h3.title{
	text-align:left;
	color:#444444;
	font-size:12px;
	font-weight:900;
	line-height:14px;
	background-color:#EEEEEE;
	padding:5px;
	clear:both;
	margin-top:15px;
	border-left:solid 5px #CCCCCC;
	border-right:solid 5px #CCCCCC;
}
#content h4.title{
	text-align:left;
	color:#777777;
	font-size:12px;
	line-height:14px;
	background-color:#FFFFCC;
	padding:5px;
	clear:both;
	border-top:dotted 1px #CCCCCC;
	border-bottom:dotted 1px #CCCCCC;
	border-left:solid 5px #CCCCCC;
	border-right:solid 5px #CCCCCC;
}
#content h5.title{
	text-align:left;
	color:#444444;
	font-size:12px;
	font-weight:900;
	line-height:14px;
	background-color:#EEEEEE;
	padding:5px;
	clear:both;
	margin-top:15px;
	margin-bottom:0px;
}
#content h1.securityTitle{
	text-align:left;
	font-size:16px;
	font-weight:900;
	line-height:16px;
	background-color:#FFFFFF;
	padding:5px;
	color:#333399;
	margin-top:0px;
	border-bottom:dotted 1px #333399;
	border-left:solid 5px #333399;
}
#content h2.securityTitle{
	text-align:left;
	font-size:12px;
	font-weight:900;
	line-height:14px;
	background-color:#333399;
	padding:5px;
	color:#FFFFFF;
	margin-top:0px;
	margin-bottom:10px;
	border:solid 1px #CCCCCC;
}
#content h1.environmentTitle{
	text-align:left;
	font-size:16px;
	font-weight:900;
	line-height:16px;
	background-color:#FFFFFF;
	padding:5px;
	color:#339933;
	margin-top:0px;
	border-bottom:dotted 1px #339933;
	border-left:solid 5px #339933;
}
#content h2.environmentTitle{
	text-align:left;
	font-size:12px;
	font-weight:900;
	line-height:14px;
	background-color:#339933;
	padding:5px;
	color:#FFFFFF;
	margin-top:0px;
	margin-bottom:10px;
	border:solid 1px #CCCCCC;
}
#content h1.healthTitle{
	text-align:left;
	font-size:16px;
	font-weight:900;
	line-height:16px;
	background-color:#FFFFFF;
	padding:5px;
	color:#FF8937;
	margin-top:0px;
	border-bottom:dotted 1px #FF8937;
	border-left:solid 5px #FF8937;
}
#content h2.healthTitle{
	text-align:left;
	font-size:12px;
	font-weight:900;
	line-height:14px;
	background-color:#FF8937;
	padding:5px;
	color:#FFFFFF;
	margin-top:0px;
	margin-bottom:10px;
	border:solid 1px #CCCCCC;
}
#content h1.totalTitle{
	text-align:left;
	font-size:16px;
	font-weight:900;
	line-height:16px;
	background-color:#FFFFFF;
	padding:5px;
	color:#FF3737;
	margin-top:0px;
	border-bottom:dotted 1px #FF3737;
	border-left:solid 5px #FF3737;
}
#content h2.totalTitle{
	text-align:left;
	font-size:12px;
	font-weight:900;
	line-height:14px;
	background-color:#FF3737;
	padding:5px;
	color:#FFFFFF;
	margin-top:0px;
	margin-bottom:10px;
	border:solid 1px #CCCCCC;
}
#content strong{
	font-weight:900;
}
#content img.left{
margin:5px 5px 5px 0px;
border:1px solid #cccccc;
float:left;
}
#content img.right{
margin:5px 0px 5px 5px;
border:1px solid #cccccc;
float:right;
}
#content table.simple{
	border-collapse:collapse;
	width:500px;
	border:1px solid #cccccc;
	margin:5px auto;
}
	#content table.simple th{
		font-weight:900;
		background:#eeeeee;
		border:1px solid #cccccc;
		padding:2px;
		text-align:center;
	}
	#content table.simple td{
		background:#ffffff;
		border:1px solid #cccccc;
		padding:2px;
		text-align:left;
		line-height:150%;
	}
	#content table.simple caption{
		text-align:left;
		font-weight:900;
		width:500px;
	}
#content .security,#content .personal,#content .environment{
	text-align:center;
	width:504px;
	margin:0px auto;
}
	#content h2.catch{
		color:#006699;
		font-size:16px;
		line-height:20px;
	}
	#content .security h2.catch{
		clear:both;
		margin:5px auto;
		text-align:left;
		font-size:14px;
		line-height:16px;
		font-weight:900;
		background-color:#D0E8FF;
		padding:5px;
		color:#333399;
	}
	#content .environment h2.catch{
		clear:both;
		margin:5px auto;
		text-align:left;
		font-size:14px;
		line-height:16px;
		font-weight:900;
		background-color:#DAFFD0;
		padding:5px;
		color:#339933;
	}
	#content .health h2.catch{
		clear:both;
		margin:5px auto;
		text-align:left;
		font-size:14px;
		line-height:16px;
		font-weight:900;
		background-color:#ffe2ce;
		padding:5px;
		color:#FF8937;
	}
	#content .total h2.catch{
		clear:both;
		margin:5px auto;
		text-align:left;
		font-size:14px;
		line-height:16px;
		font-weight:900;
		background-color:#ffe2ce;
		padding:5px;
		color:#FF8937;
	}
#content .personal h4.security{
	background:url(../img-common/security.gif) no-repeat;
	text-indent:-2000px;
	height:40px;
}
#content .personal h4.environment{
	background:url(../img-common/environment.gif) no-repeat;
	text-indent:-2000px;
	height:40px;
}
#content .personal h4.health{
	background:url(../img-common/health.gif) no-repeat;
	text-indent:-2000px;
	height:40px;
}
#content .personal h4.total{
	background:url(../img-common/total.gif) no-repeat;
	text-indent:-2000px;
	height:40px;
}
#content .personal ul.contents{
	text-align:left;
	margin-top:10px;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px solid #eeeeee;
}
	#content .personal ul.contents li{
		list-style:none;
		margin-bottom:10px;
	}
	#content .personal ul.contents li.last{
		border-bottom:none;
	}
	#content .personal ul.contents li a{
		font-weight:900;
		display:block;
		background:#eeeeee;
		border-bottom:1px solid #cccccc;
		border-left:1em solid #cccccc;
		padding:3px;
		margin:2px;
	}
	#content .personal ul.contents li a:hover{
		border-left-color:#dfdfdf;
	}
	#content .personal ul.contents li .exp{
		padding-left:10px;
	}
	#content .company{
		width:602px;
		margin:0px auto;
		text-align:left;
	}
#content .news_archives{
	text-align:left;
	margin:0;
	padding:10px;
}
	#content .news_archives dt{
		margin-top:1em;
		color:#5784bb;
		font-weight:900;
		line-height:150%;
		font-size:12px;
	}
	#content .news_archives dd{
		margin:0;
		padding:0 0 5px 1em;
		font-weight:100;
		line-height:150%;
		font-size:12px;
	}
		#content .news_archives dd em{
			color:#ff0000;
			font-weight:900;
			font-family:normal;
		}