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

#wrapper {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}
* {
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-type: none;
		font-family: Arial, Helvetica, sans-serif;
}

body {
	font-size: 80%;
	color: #282828;
	background-color: #F0F4F3;
	line-height: 1.8em;
}
#wrapper   #header   #header_navi {
	height: 60px;
	width: 200px;
	float: right;
	margin-top: -69px;
}
#wrapper #header {
	background-image: url(img/header_back.jpg);
	background-repeat: repeat-x;
	height: 62px;
	width: 100%;
}
#wrapper #navi {
	height: 52px;
	background-image: url(img/navi_back.jpg);
	margin-right: 1%;
	margin-left: 1%;
	width: 98%;
	clear: both;
}
#sidebar {
	float: left;
	width: 240px;
}
#sidenabi {
	width: 195px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/sidebar_middle.jpg);
	background-repeat: repeat-y;
	height: 500px;
	padding-left: 25px;
}
#sidebar_navigation {
	margin-bottom: 20px;
}


#sidebar_navigation a, #sidebar_navigation li {
	display: block;
	height: 40px;
	width: 180px;
	clear: both;
	background-repeat: no-repeat;
}
#sidebar_navigation li:hover {
	background-position: -193px 0px;
	background-repeat: no-repeat;
}
#sidebar_navigation  ul a, #sidebar_navigation  ul li {
	height: 15px;
}

#sidebar_navigation a {
	text-indent: -999px;
}
#sidenabi #sidebar_navigation .s_navi3 {
	height: auto;
}

.s_navi1 {
	background-image: url(img/sidebar_home.jpg);
}
.s_navi2 {
	background-image: url(img/sidebar_company.jpg);
}
.s_navi3 {
	background-image: url(img/sidebar_service.jpg);
}
.s_navi4 {
	background-image: url(img/sidebar_service1.jpg);
}
.s_navi5 {
	background-image: url(img/sidebar_service2.jpg);
}
.s_navi6 {
	background-image: url(img/sidebar_service3.jpg);
}
.s_navi7 {
	background-image: url(img/sidebar_service4.jpg);
}
.s_navi8 {
	background-image: url(img/sidebar_recruit.jpg);
}
.s_navi9 {
	background-image: url(img/sidebar_contact.jpg);
}



#main {
	float: right;
	width: 580px;
	padding-top: 15px;
	margin-top: 15px;
}
.privacy  li  {
	margin-left: 50px;
	margin-top: 7px;
	margin-bottom: 5px;
	padding-left: 8px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF3300;
	line-height: 13px;
	height: 13px;
}






ul#navigation {
	padding: 0px;
	list-style: none;
	clear: both;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}



#navigation li {
	float: left;
	text-indent: -9999px;
}




#navigation a {
	text-decoration: none;
	overflow: hidden;
	background-image: url(img/global_navi.jpg);
	background-repeat: no-repeat;
}


#navi1,
#navi1 a ,
#navi2,
#navi2 a,
#navi3,
#navi3 a,
#navi4,
#navi4 a,
#navi5,
#navi5 a,
#navi6,
#navi6 a
{
  display: block;
  height: 52px;
  margin: 0px;
  padding: 0px;
  width: 152px;
}




#navi1 a { background-position: 0px 0px;}
#navi2 a { background-position: -152px 0px;}
#navi3 a { background-position: -304px 0px;}
#navi4 a { background-position: -456px 0px;}
#navi5 a { background-position: -608px 0px;}
#navi6 a { background-position: -760px 0px;}
#navi1 a:hover { background-position: 0px -52px;}
#navi2 a:hover { background-position: -152px -52px;}
#navi3 a:hover { background-position: -304px -52px;}
#navi4 a:hover { background-position: -456px -52px;}
#navi5 a:hover { background-position: -608px -52px;}
#navi6 a:hover { background-position: -760px -52px;}

#wrapper #top_img {
	text-align: center;
}
#top_servicebox {
	width: 350px;
	background-image: url(img/top_banarback.gif);
	padding: 10px;
}
#container {

}

#news li {
	background-color: #F7F7F7;
	display: block;
	width: 350px;
	border: 2px solid #FFFFFF;
	list-style-type: none;
	color: #990000;
	font-size: 80%;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}
#news strong {
	display: block;
	margin-left: 7px;
	color: #333333;
}

#news {
	margin-right: auto;
	margin-left: 25px;
	padding: 0px;
	float: none;
	margin-top: 20px;
}
#header h1 {
	font-size: 80%;
	background-image: url(img/top_h1.jpg);
	margin: 0px;
	height: 18px;
	width: 321px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 18px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#top_servicebox img {
	margin: 4px;
}
#top_l {
	float: left;
	width: 410px;
	height: 400px;
}
#top_r {
	float: right;
	width: 400px;
	height: 400px;
}
#wrapper #footer {
	background-color: #E7E7E7;
	clear: both;
	height: 30px;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #7AAD7C;
	font-size: 80%;
	text-align: right;
	padding: 15px;
}
h3 {
	line-height: 47px;
	color: #003333;
	background-image: url(img/h3_back.jpg);
	background-repeat: no-repeat;
	height: 47px;
	width: 534px;
	padding-left: 30px;
	margin-top: 20px;
	margin-bottom: 5px;
}
#main p {
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: 35px;
	margin-right: 35px;
}
#main table {
	width: 500px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	font-size: 90%;
}
#main th {
	background-color: #DFDFDF;
	width: 25%;
	text-align: left;
	font-weight: normal;
	background-image: url(img/th_back.jpg);
	background-position: 5px center;
	background-repeat: no-repeat;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 20px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
td {
	background-color: #F6F6F6;
	padding: 7px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
dl {
	clear: both;
}
dt {
	margin-top: 35px;
	margin-right: 30px;
	margin-bottom: 15px;
	margin-left: 30px;
	font-weight: bolder;
	padding-left: 25px;
	background-image: url(img/q.gif);
	background-repeat: no-repeat;
	clear: both;
}
dd {
	margin-right: 30px;
	margin-left: 30px;
	padding-left: 25px;
	background-image: url(img/a.gif);
	background-repeat: no-repeat;
}
.float_r {
	float: right;
	margin-top: 8px;
	margin-right: 40px;
	margin-bottom: 8px;
	margin-left: 8px;
}
.float_l {
	float: left;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 40px;
}
dd .float_l {
	margin-left: 0px;
}
#contact_banar {
	text-align: left;
	margin-top: 50px;
	text-indent: 230px;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
a {
	color: #006600;
	text-decoration: none;
}
a:hover {
	color: #FF6600;
	text-decoration: underline;
}
#servicemenu li {
	margin-left: 40px;
	margin-top: 7px;
	margin-bottom: 7px;
	border: 2px solid #CCCCCC;
	width: 300px;
	padding: 10px;
	font-weight: bolder;
	display: block;
	background-color: #FFFFFF;
}
#servicemenu li:hover {
	background-color: #FBF8F2;
}
#sitemap li {
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #003300;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 30px;
	padding-left: 7px;
	height: 15px;
	line-height: 15px;
}
