@charset "utf-8";
/*-----------------*/
html,body{
	width: 100%;
	background: url('../images/common/bg.jpg') repeat top left;
}

#wrapper{
	width: 100%;
	margin: 0 auto;
}


/*------------------------------------
id="header"
------------------------------------*/

.header{
	width: 980px;
	margin: 0 auto;
	position: relative;
	height: 82px;
}

.header .infobox{
	position: relative;
	width: 980px;
	margin: 0 auto;
}

.header h1{
	position: absolute;
	top: 17px;
	left: 20px;
}

.header .infobox .header-tel{
	position: absolute;
	top: 17px;
	right: 40px;
}

#gnavi{
	background-image: url('../images/common/menu_bg.jpg');
	background-repeat: repeat-x;
	width:100%;
	height:60px;
	margin:0 auto;
}

#gnavi ul{
	width:980px;
	height:60px;
	margin:0 auto;
}

#gnavi li{
	float:left;
	z-index: 9999;
}


/*-------Main Image----------*/

#mainimg{
	width: 100%;
	background: url('../images/common/main_img.jpg') center 0;
	height: 474px;
	margin: 0 auto;
	overflow-x: hidden;
}

#mainimg p{
	width: 980px;
	height: 474px;
	visibility: hidden;
	margin: 0 auto;
}


/*-----------------*/
.container{
	width: 980px;
	margin: -45px auto 30px;
	z-index: 999;
}


/*------Main Column------*/

#main_column {
	background-image: url('../images/common/container_bg_middle.jpg');
	background-repeat: repeat-y;
	width: 980px;
	margin: 0 auto;
	height: 100%;
}


/*------Left Column------*/

.left_column{
	width: 655px;
	float: left;
	margin: 0 25px 0 12px;
}

.left_column .info{
	clear: both;
	background-image: url('../images/common/contact_bg.png');
	background-repeat: no-repeat;
	width: 655px;
	height: 199px;
	position: relative;
	margin-top: 20px;
	float: left;
}

.left_column .info iframe{
	border: 1px solid #fff;
	position: absolute;
	top: 15px;
	left: 15px;
}

.left_column .info .address{
	position: absolute;
	top: 86px;
	left: 320px;
	font-size: 10pt;
}

.left_column .info .access_bt{
	position: absolute;
	top: 160px;
	left: 396px;
}

.left_column .info .company_bt{
	position: absolute;
	top: 160px;
	left: 524px;
}

/*------Right Column------*/

.right_column{
	width: 271px;
	margin-right: 12px;
	float: left;
}

.right_column .side_menu{
	background-image: url('../images/side/bt_bg.jpg');
	background-repeat: no-repeat;
	width: 271px;
	height: 237px;
	position: relative;
	margin-top: 20px;
}

.right_column .side_menu .side_philoso{
	position: absolute;
	top: 6px;
	left: 6px;
}

.right_column .side_menu .side_company{
	position: absolute;
	top: 84px;
	left: 6px;
}

.right_column .side_menu .side_access{
	position: absolute;
	top: 161px;
	left: 6px;
}

/*------Footer------*/

#footer {
	background-image: url('../images/common/footer_bg.jpg');
	background-repeat: repeat-x;
	height: 0px;
	clear: both;
	height: 269px;
}

#footer .inner{
	width: 980px;
	height: 269px;
	margin: 0 auto;
	position: relative;
}

#footer .inner .box01 p{
	font-size: 10pt;
	color: #fff;
	position: absolute;
	top: 27px;
	left: 10px;
}

#footer .inner .box02 p{
	font-size: 10pt;
	color: #4b4b4c;
	position: absolute;
	top: 110px;
	left: 10px;
}

#footer .inner .box02 img{
	position: absolute;
	top: 97px;
	right: 10px;
}

#footer .inner a{
	font-size: 10pt;
	color: #fff;
}

#footer .inner .box02 .copyright{
	font-size: 10pt;
	color: #4b4b4c;
	position: absolute;
	top: 130px;
	left: 10px;
}

#footer .inner .box03 .logo{
	position: absolute;
	top: 205px;
	left: 300px;
}