@charset "utf-8";

@import "/common/css/base.css";

.row:after,
#contents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.row,
#contents {
	display: inline-table;
	/*\*/
	display: block;
	*height: 1%;
	/**/
}


/* CONTENTS */
html {
	height: 100%;
	_overflow: auto;
}
body {
	text-align: center;
	height: 100%;
	_overflow: auto;
}

/* CONTAINER */
#container {
	position: relative;
background: url(../images/bg.gif) repeat-y left top;
	padding-bottom: 50px;
	height: 100%;
	min-height: 100%;
	text-align: left;
	z-index: 1;
}
body > #container {
	height: auto;
}

/* HEADER BOX */
	#container div.headerBox {
		position: absolute;
		z-index: 99;
		left: 21px;
		top: 0;
		width: 184px;
		height: 145px;
	}

/* BODY BOX */
	#container div.bodyBox {
		position: relative;
		z-index: 1;
	}

/* HEADDING */
		#container div.bodyBox div.headObj {
			padding: 28px 0 0 0;
		}
			#container div.bodyBox div.headObj h1 {
				background: url(../images/hed_main.gif) no-repeat 235px 21px;
				width: 779px;
				height: 194px;
				/*\*//*/
				padding-bottom: 194px;
				/**/
				text-indent: -9999px;
				overflow: hidden;
				display: block;
			}
			#container div.bodyBox div.headObj ul {
				position: relative;
			}
				#container div.bodyBox div.headObj ul li {
					position: absolute;
					left: 799px;
					top: -124px;
					width: 150px;
					height: 27px;
				}
					#container div.bodyBox div.headObj li a {
						background: url(../images/btn_service.gif) no-repeat;
						background-position: 0 0;
						width: 150px;
						height: 27px;
						/*\*//*/
						padding-bottom: 27px;
						/**/
						text-indent: -9999px;
						overflow: hidden;
						display: block;
					}
					#container div.bodyBox div.headObj li a:hover {
						background-position: 0 -27px;;
					}
	
/* SEARVICE */
		#container div.bodyBox div.serviceObj {
			position: relative;
			background: url(../images/bg_service.gif) repeat-x left top;
			margin-bottom: 30px;
		}
			#container div.bodyBox div.serviceObj h2 {
				position: absolute;
				left: 20px;
				top: -33px;
				width: 186px;
				height: 33px;
				display: block;
			}
			#container div.bodyBox div.serviceObj h2 a {
				background: url(../images/hed_service.gif) no-repeat left top;
				width: 186px;
				height: 33px;
				/*\*//*/
				padding-bottom: 33px;
				/**/
				text-indent: -9999px;
				overflow: hidden;
				display: block;
			}
			#container div.bodyBox div.serviceObj ol {
				position: relative;
				width: 985px;
				background: url(../images/bg_service2.gif) no-repeat left 208px;
				display: block;
			}
				#container div.bodyBox div.serviceObj li.l1 {
					width: 590px;
					height: 208px;
					background-color: #5588cc;
					display: block;
					position: relative;
					/*\*/
					*margin-bottom: -2px;
					/**/
				}
					#container div.bodyBox div.serviceObj li.l1 h3{
						background: url(../images/tit_service1.gif) no-repeat 33px 24px;
						height: 94px;
						/*\*//*/
						padding-bottom: 94px;
						/**/
						text-indent: -9999px;
						overflow: hidden;
						display: block;
					}
					#container div.bodyBox div.serviceObj li.l1 span {
						background: url(../images/cap_service1.gif) no-repeat 33px top;
						height: 74px;
						/*\*//*/
						padding-bottom: 7494px;
						/**/
						text-indent: -9999px;
						overflow: hidden;
						display: block;
					}
						#container div.bodyBox div.serviceObj li.l1 ul{
							padding-left: 336px;
							height: 23px;
							display: block;
						}
							#container div.bodyBox div.serviceObj li.l1 ul li{
								float: left;
								width: 107px;
								height: 23px;
								display: block;
							}
							#container div.bodyBox div.serviceObj li.l1 ul li.b1 {
								margin-right: 5px;
							}
								#container div.bodyBox div.serviceObj li.l1 ul li a {
									background-position: 0 0;
									width: 107px;
									height: 23px;
									/*\*//*/
									padding-bottom: 23px;
									/**/
									text-indent: -9999px;
									overflow: hidden;
									display: block;
								}
								#container div.bodyBox div.serviceObj li.l1 ul li.b1 a {
									background: url(../images/btn_detail1.gif) no-repeat;
								}
								#container div.bodyBox div.serviceObj li.l1 ul li.b2 a {
									background: url(../images/btn_works1.gif) no-repeat;
								}
								#container div.bodyBox div.serviceObj li.l1 ul li a:hover {
									background-position: 0 -23px;;
								}
				#container div.bodyBox div.serviceObj li.l2,
				#container div.bodyBox div.serviceObj li.l3,
				#container div.bodyBox div.serviceObj li.l4,
				#container div.bodyBox div.serviceObj li.l5,
				#container div.bodyBox div.serviceObj li.l6 {
					float: left;
					width: 196px;
					height: 150px;
					margin-right: 1px;
					display: block;
				}
				#container div.bodyBox div.serviceObj li.l2 h3,
				#container div.bodyBox div.serviceObj li.l3 h3,
				#container div.bodyBox div.serviceObj li.l4 h3,
				#container div.bodyBox div.serviceObj li.l5 h3,
				#container div.bodyBox div.serviceObj li.l6 h3 {
					height: 106px;
					/*\*//*/
					padding-bottom: 106px;
					/**/
					text-indent: -9999px;
					overflow: hidden;
					display: block;
				}
				#container div.bodyBox div.serviceObj li.l2 h3 {
					background: url(../images/tit_service2.gif) no-repeat 21px 15px;
				}
				#container div.bodyBox div.serviceObj li.l3 h3 {
					background: url(../images/tit_service3.gif) no-repeat 21px 15px;
				}
				#container div.bodyBox div.serviceObj li.l4 h3 {
					background: url(../images/tit_service4.gif) no-repeat 21px 15px;
				}
				#container div.bodyBox div.serviceObj li.l5 h3 {
					background: url(../images/tit_service5.gif) no-repeat 21px 15px;
				}
				#container div.bodyBox div.serviceObj li.l6 h3 {
					background: url(../images/tit_service6.gif) no-repeat 21px 15px;
				}
				#container div.bodyBox div.serviceObj li.l2 ul,
				#container div.bodyBox div.serviceObj li.l3 ul,
				#container div.bodyBox div.serviceObj li.l4 ul,
				#container div.bodyBox div.serviceObj li.l5 ul,
				#container div.bodyBox div.serviceObj li.l6 ul {
					padding: 0 21px;
					height: 23px;
					display: block;
				}
					#container div.bodyBox div.serviceObj li.l2 ul li,
					#container div.bodyBox div.serviceObj li.l3 ul li,
					#container div.bodyBox div.serviceObj li.l4 ul li,
					#container div.bodyBox div.serviceObj li.l5 ul li,
					#container div.bodyBox div.serviceObj li.l6 ul li {
						float: left;
						width: 75px;
						height: 23px;
						background-color: #FFF;
						display: block;
					}
					#container div.bodyBox div.serviceObj li.l2 ul li.b1,
					#container div.bodyBox div.serviceObj li.l3 ul li.b1,
					#container div.bodyBox div.serviceObj li.l4 ul li.b1,
					#container div.bodyBox div.serviceObj li.l5 ul li.b1,
					#container div.bodyBox div.serviceObj li.l6 ul li.b1 {
						margin-right: 4px;
					}
						#container div.bodyBox div.serviceObj li.l2 ul li a,
						#container div.bodyBox div.serviceObj li.l3 ul li a,
						#container div.bodyBox div.serviceObj li.l4 ul li a,
						#container div.bodyBox div.serviceObj li.l5 ul li a,
						#container div.bodyBox div.serviceObj li.l6 ul li a {
							background-position: 0 0;
							width: 75px;
							height: 23px;
							/*\*//*/
							padding-bottom: 23px;
							/**/
							text-indent: -9999px;
							overflow: hidden;
							display: block;
						}
						#container div.bodyBox div.serviceObj li.l2 ul li.b1 a,
						#container div.bodyBox div.serviceObj li.l3 ul li.b1 a,
						#container div.bodyBox div.serviceObj li.l4 ul li.b1 a,
						#container div.bodyBox div.serviceObj li.l5 ul li.b1 a,
						#container div.bodyBox div.serviceObj li.l6 ul li.b1 a {
							background: url(../images/btn_detail2.gif) no-repeat;
						}
						#container div.bodyBox div.serviceObj li.l2 ul li.b2 a,
						#container div.bodyBox div.serviceObj li.l3 ul li.b2 a,
						#container div.bodyBox div.serviceObj li.l4 ul li.b2 a,
						#container div.bodyBox div.serviceObj li.l5 ul li.b2 a,
						#container div.bodyBox div.serviceObj li.l6 ul li.b2 a {
							background: url(../images/btn_works2.gif) no-repeat;
						}
						#container div.bodyBox div.serviceObj li.l2 ul li a:hover,
						#container div.bodyBox div.serviceObj li.l3 ul li a:hover,
						#container div.bodyBox div.serviceObj li.l4 ul li a:hover,
						#container div.bodyBox div.serviceObj li.l5 ul li a:hover,
						#container div.bodyBox div.serviceObj li.l6 ul li a:hover {
							background-position: 0 -23px;
						}

/* SYNERGY */
		#container div.bodyBox div.synergyObj {
			position: absolute;
			left: 590px;
			top: 222px;
			width: 395px;
			height: 208px;
			background: url(../images/bg_synergy.gif) repeat-y left top;
		}
			#container div.bodyBox div.synergyObj h2 {
				margin-bottom: 12px;
				display: block;
			}
				#container div.bodyBox div.synergyObj h2 a {
					background: url(../images/hed_synergy.gif) no-repeat 22px 35px;
					height: 61px;
					/*\*//*/
					padding-bottom: 61px;
					/**/
					text-indent: -9999px;
					overflow: hidden;
					display: block;
				}
			#container div.bodyBox div.synergyObj h3 {
				margin-bottom: 18px;
				display: block;
			}
				#container div.bodyBox div.synergyObj h3 a {
					background: url(../images/tit_synergy.gif) no-repeat 22px top;
					height: 77px;
					/*\*//*/
					padding-bottom: 77px;
					/**/
					text-indent: -9999px;
					overflow: hidden;
					display: block;
				}
				#container div.bodyBox div.synergyObj ul {
					position: absolute;
					left: 22px;
					top: 168px;
					display: block;
				}
					#container div.bodyBox div.synergyObj ul li {
						width: 107px;
						height: 23px;
						overflow: hidden;
						display: block;
					}
						#container div.bodyBox div.synergyObj ul li a {
							background: url(../images/btn_detail1.gif) no-repeat;
							background-position: 0 0;
							width: 107px;
							height: 23px;
							/*\*//*/
							padding-bottom: 23px;
							/**/
							text-indent: -9999px;
							overflow: hidden;
							display: block;
						}
						#container div.bodyBox div.synergyObj ul li a:hover {
							background-position: 0 -23px;
						}
			#container div.bodyBox div.synergyObj p.image {
				position: absolute;
				left: 184px;
				top: -30px;
			}

/* TOPICS */
		#container div.bodyBox div.topicsObj {
			position: absolute;
			left: 0;
			top: 0;
			background-color: #000;
			width: 985px;
			height: 28px;
		}
			#container div.bodyBox div.topicsObj h2 {
				float: left;
				margin-right: 13px;
				background: url(../images/hed_topics.gif) no-repeat left top;
				width: 263px;
				height: 28px;
				/*\*//*/
				padding-bottom: 28px;
				/**/
				text-indent: -9999px;
				overflow: hidden;
				display: block;
			}
			#container div.bodyBox div.topicsObj ul {
				padding-right: 10px;
			}
				#container div.bodyBox div.topicsObj ul li {
					float: left;
					width: 600px;
					line-height: 28px;
					font-size: 10px;
					/*\*/
					*font-size: 75%;
					/**/
				}
				#container div.bodyBox div.topicsObj ul li.btn {
					float: right;
					width: auto;
					background: url(../images/arw_topics.gif) no-repeat right 12px;
					padding-right: 9px;
				}
					#container div.bodyBox div.topicsObj ul li a {
						color: #FFF;
					}

/* OTHERS */
		#container div.bodyBox div.othersObj {
			width: 985px;
			background: url(../images/bg_others.gif) repeat-y left top;
			margin-bottom: 69px;
		}
			#container div.bodyBox div.othersObj div.bgbox {
				padding-left: 21px;
			}
				#container div.bodyBox div.othersObj div.message {
					float: left;
					width: 201px;
					margin-right: 47px;
				}
				#container div.bodyBox div.othersObj div.column {
					float: left;
					width: 200px;
					margin-right: 47px;
				}
				#container div.bodyBox div.othersObj div.recruit {
					float: left;
					width: 200px;
					margin-right: 47px;
				}
				#container div.bodyBox div.othersObj div.company {
					float: left;
					width: 200px;
				}
				#container div.bodyBox div.othersObj h2 {
					margin-bottom: 13px;
					display: block;
				}
					#container div.bodyBox div.othersObj h2 a {
						height: 17px;
						/*\*//*/
						padding-bottom: 17px;
						/**/
						text-indent: -9999px;
						overflow: hidden;
						display: block;
					}
					#container div.bodyBox div.othersObj div.message h2 a {
						background: url(../images/hed_message.gif) no-repeat left top;
					}
					#container div.bodyBox div.othersObj div.column h2 a {
						background: url(../images/hed_column.gif) no-repeat left top;
					}
					#container div.bodyBox div.othersObj div.recruit h2 a {
						background: url(../images/hed_recruit.gif) no-repeat left top;
					}
					#container div.bodyBox div.othersObj div.company h2 a {
						background: url(../images/hed_company.gif) no-repeat left top;
					}
				#container div.bodyBox div.othersObj ul {
				}
					#container div.bodyBox div.othersObj ul li {
					}
						#container div.bodyBox div.othersObj ul li a {
							background: url(/common/images/arw_next.gif) no-repeat right 2px;
							padding-right: 9px;
							line-height: 1.1;
						}

/* BANNER */
		#container div.bodyBox div.bannerObj {
			background: url(../images/bg_banner.gif) repeat-x left top;
		}
			#container div.bodyBox div.bannerObj ul {
				width: 985px;
			}
				#container div.bodyBox div.bannerObj ul li {
					float: left;
					width: auto;
				}
				#container div.bodyBox div.bannerObj ul li.right {
					border-right: solid 1px #DDD;
				}








/* footer */
	#footer {
		position: relative;
		border-top: solid 1px #DDD;
		padding-top: 48px;
		padding-left: 33px;
		z-index: 2;
	}
		#footer div.pagetopObj {
			display: none;
		}
		#footer div.box {
			position: relative;
			width: 952px;
			margin-bottom: 20px;
		}
			#footer div.box div.companyObj {
				float: left;
				background: url(../images/hed_footer.gif) no-repeat left top;
				width: 295px;
				height: 73px;
				/*\*//*/
				padding-bottom: 73px;
				/**/
				text-indent: -9999px;
				overflow: hidden;
				display: block;
			}
				#footer div.box div.companyObj p {
					display: none;
				}
			#footer div.box div.linkObj {
				position: relative;
				float: right;
				background: url(/common/images/bg_footer2.gif) repeat-y left top;
				width: 454px;
				line-height: 1.1;
				font-size: 10px;
				/*\*/
				*font-size: 75%;
				/**/
			}
				#footer div.box div.linkObj ul {
					position: relative;
					margin-bottom: -8px;
					float: left;
					width: 151px;
					overflow: hidden;
					display: block;
					z-index: 2;
				}
					#footer div.box div.linkObj ul li {
						padding-left: 14px;
						margin-bottom: 8px;
					}
		#footer p.copyright {
			position: relative;
			margin-top: -21px;
			font-size: 10px;
			/*\*/
			*font-size: 75%;
			/**/
			color: #666;
		}