@charset "utf-8";

* {
	margin:0;
	padding:0;
	line-height:0;
	padding:0;
}

body, html {
	width:100%;
	background: url(../_img/global/header_bg.png) center top no-repeat;
}
#loading {
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}
#whole {
	width:100%;
	position:static;
	height:3180px;
}
#header {
	width:960px;
	height:140px;
	line-height:0;
	padding:0;
	position:relative;
	margin:0 auto;
}
#header ul {
	height: 140px;
}
#header ul li {
	padding-top: 18px;
	float: left;
}

#footer {
	width: 100%;
}
#pagetop {
	border-bottom: solid 1px #ecedec;
}
#pagetop p {
	width: 884px;
	padding-bottom: 17px;
	text-align: right;
	margin: 0 auto;
}
#pagetop p a {
	width: 122px;
}
#footer_inner  {
	width: 704px;
	height: 118px;
	margin: 0 auto;
}
#footer_inner ul li {
	float: left;
}
#footer_inner p {
	padding-top: 28px;
	text-align: right;
}



#wrapper {
	position: relative;
	width:100%;
	height: 3233px;
	margin: 0 auto;
	overflow: hidden;
	background:url(../_img/communication/main_lace.png) center top repeat-x;
}
#content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4900px;
}
#main {
	width: 100%;
	height: 413px;
}
#main div.back_layer {
	position: absolute;
	top: 37px;
	left: 0;
	width: 100%;
	height: 348px;
}
#main #main_inner {
	position: absolute;
	width: 1730px;
	height: 385px;
	overflow: hidden;
	top: 0;
	left: 0;
}
#main div.back_layer img {
	display: block;
}
#main div.page_title {
	position: absolute;
	top: 72px;
	left: 924px;
}
#main div.main_model {
	position: absolute;
	top: 0;
	left: 714px;
}
#main div.main_town {
	position: absolute;
	top: 316px;
	left: 272px;
}
#main div.movable_stage {
	position: absolute;
	top: 37px;
	left: 0;
	height: 348px;
	width: 1730px;
	overflow: hidden;
}
#main .movable_stage p {
	position: absolute;
}
#main .movable_stage p.pic1 { top: 146px; left: 146px; z-index: 0; }
#main .movable_stage p.pic2 { top: 20px; left: 310px; z-index: 3; }
#main .movable_stage p.pic3 { top: 192px; left: 394px; z-index: 1; }
#main .movable_stage p.pic4 { top: 72px; left: 490px; z-index: 2;}
#main .movable_stage p.pic5 { top: 120px; left: 1268px; z-index: 5; }
#main .movable_stage p.pic6 { top: 10px; left: 1328px; z-index: 6; }
#main .movable_stage p.pic7 { top: 142px; left: 1560px; z-index: 4; }


#main p.no_script img {display: none;}
#main p.ns_01 { background: url(../_img/communication/main/main_01.png) center bottom no-repeat; height: 44px; }
#main p.ns_02 { background: url(../_img/communication/main/main_02.jpg) center top no-repeat; height: 174px; }
#main p.ns_03 { background: url(../_img/communication/main/main_03.jpg) center top no-repeat; height: 167px; }

#content div.con {
	position: relative;
	width: 100%;
}
#content #con_inner {
	position: absolute;
	left: 50%;
	margin-left: -670px;
	width: 1340px;
}
#content #con_inner p {
	position: relative;
	width: 1340px;
}
#content #con_inner p a {
	display: block;
}

#content #con_inner p.con_03 a {
	position: absolute;
	top: 206px;
	left: 625px;
}

#content #con_inner p.con_11 a {
	position: absolute;
	top: 172px;
	left: 515px;
}

#content #con_inner p.con_13 a {
	position: absolute;
	top: 12px;
	left: 515px;
}

p.alt{
	text-indent:-19999px;
	position:absolute;
	width:100px;
	top:0;
	left:-500;
	color:#ddd;
}

img { border:none; }
li { list-style:none outside; }

a:link { text-decoration: none; color:#64ae31; }
a:visited { text-decoration: none; color:#666; }
a:hover { text-decoration: none; color:#666; }

.clr:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clr { min-height: 1px; }
* html .clr { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

.block { display:block; }
.bold { font-weight:bold; }
.xs { font-size:10px; font-size:10px\9; /* IE8 and below */  *font-size: 10px; /* IE7 and below */ _font-size: 10px; /* IE6 */ }
.under { text-decoration:underline; }