@charset "utf-8";
/* CSS Document */

html {
	overflow-y: scroll;
}
#wrapper {
	margin: 0 auto;
	width: 960px;
}
header {
	margin: 0 auto;
	width: 940px;
	padding-top: 30px;
	padding-bottom: 20px;
	padding-right: 20px;
}
header h1 {
	float: left;
}
header #info {
	float: right;
}
header #info ul li {
	font-size: 87.5%;
	line-height: 1.4em;
}

header #info .tel {
	font-size: 150%;
	font-weight: bold;
	color: #22558c;
}
header #info .tel span {
	font-size: 81.3%;
}

nav {
	clear: both;
	margin-bottom: 20px;
	background: url(../images/nav_backcolor.png) repeat-x;
}
nav ul {
	margin: 0 auto;
	width: 960px;
}

nav ul li a {
	display: block;
	width:137px;
	float:left;
	text-decoration: none;
	line-height: 50px;
	color: #FFF;
	text-align: center;
	background: url(../images/nav_line.png) no-repeat;
}
nav ul .nav7 a {
	background: url(../images/nav_line_r.png) no-repeat;
}
nav ul li a:hover {
	background: url(../images/nav_line_on.png);
}
nav ul .nav7 a:hover {
	background: url(../images/nav_line_r_on.png);
}
#side {
	width: 225px;
	float: left;
}
#side #snav {
	width: 225px;
	float: left;
}
#side #snav h2 {
	text-align: center;
	border-bottom: 1px solid #cccccc;
	padding: 15px;
	background: linear-gradient(180deg,#cccccc 0%,#e4e4e4 40%,#ffffff 100%);
	font-weight: normal;
}
#side #snav ul {
	line-height: 3em;
	color: #222222;
}
#side #snav ul li {
	font-size: 93.75%;
	border-bottom: 1px solid #cccccc;
	background: url(../images/snav_list.png) no-repeat left center;
}
#side #snav ul li a {
	text-decoration: none;
	color: #222222;
	padding-left: 24px;
	display: block;
}
#side #snav ul li:hover {
	background: #dce6f0;
}
#side #sideBnr {
	clear: both;
	float: left;
	margin-top: 40px;

}

#side #sideBnr ul li {
	margin-bottom: 10px;
}
#side #sideBnr ul li a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
#pagetop {
	clear: both;
	text-align: right;
}
#pagetop a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

footer {
	clear: both;
	color: #FFF;
	background: #0d3d70;
	text-align: center;
	padding: 20px;
	line-height: 1.6em;
}
footer ul li {
	display: inline;
	font-size: 87%;
}
footer ul li+li::before {
	content:" | ";
}
footer ul li a {
	color: #FFF;
	text-decoration: none;
}
footer ul li a:hover {
	text-decoration: underline;
}
footer p {
	font-size: 81%;
}



#company nav .nav2 a,
#message nav .nav2 a,
#profile nav .nav2 a,
#service nav .nav3 a,
#qms nav .nav3 a,
#ems nav .nav3 a,
#other nav .nav3 a,
#flow nav .nav3 a,
#seminar nav .nav4 a,
#scene nav .nav4 a,
#useful nav .nav5 a,
#cost nav .nav5 a,
#voice nav .nav6 a,
#results nav .nav6 a {
	background-image:url(../images/nav_line_on.png);
}

#contact nav .nav7 a{
	background-image:url(../images/nav_line_r_on.png);
}

#company footer .nav2 a,
#message footer .nav2 a,
#profile footer .nav2 a,
#service footer .nav3 a,
#qms footer .nav3 a,
#ems footer .nav3 a,
#other footer .nav3 a,
#flow footer .nav3 a,
#seminar footer .nav4 a,
#scene footer .nav4 a,
#useful footer .nav5 a,
#cost footer .nav5 a,
#voice footer .nav6 a,
#results footer .nav6 a,
#contact footer .nav7 a{
	text-decoration: underline;
}

#company #snav .company,
#message #snav .message,
#profile #snav .profile,
#service #snav .service,
#qms #snav .iso9001,
#ems #snav .iso14001,
#other #snav .other,
#flow #snav .flow,
#seminar #snav .seminar,
#scene #snav .scene,
#useful #snav .useful,
#cost #snav .cost,
#voice #snav .voice,
#results #snav .results,
#contact #snav .contact{
	background: #dce6f0;
}