@charset "UTF-8";

/* ------------------------------
 hack
------------------------------ */
* html body {
	background: url(null) fixed;
}

.fixed { position: fixed; }

* html .fixed {
	position: absolute;
	top: expression(eval(document.documentElement.scrollTop+0));
}

/* ------------------------------
 
------------------------------ */
html,body {
	height:100%;
	overflow:hidden;
}

body {

}

#wrap {
	width:100%;
	height:100%;
	overflow: hidden;
	position:fixed;
	top:0;
	left:0;
}

#scrollTop {
	position: absolute;
	top: 0;
	left: 0;
	color: #FFF;
}

.toRelative {
	position: relative;
	width: 1280px;
	height: 700px;
}

.clear {
	clear: both;
}

.absolute {
	position: absolute;
	top: 0;
	left: 0;
}

.none {
	display: none;
}

.hidden {
	visibility: hidden;
}

.plr15 {
	padding-left: 15px;
	padding-right: 15px;
}

.mt15 { margin-top: 15px; }
.pl10 { padding-left: 10px; }

.white { color: #FFF; }
.blue { color: #141545; }
.brown { color: #c7b083; }
.center { text-align: center; }
.bold { font-weight: bold; }

a:link {
	color: #141545;
	text-decoration: none;
}
a:visited {
	color: #141545;
	text-decoration: underline;
}
a:hover {
	color: #141545;
	text-decoration: underline;
}
a:active {
	color: #141545;
	text-decoration: underline;
}

.opacity1 {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity:1;
	-khtml-opacity: 1;
}

.opacity05 {
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
}

/* ------------------------------
 content
------------------------------ */
.title {
	position: absolute;
	left: 230px;
}

.copy {
	position: absolute;
	right: 30px;
}

.content {
	position: absolute;
	top: 0;
	left: 200px;
}

.item {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -640px;
}
/* ------------------------------
 top
------------------------------ */
#topCopy { position: absolute; top: 108px; right: 172px; }

/* ------------------------------
 description
------------------------------ */
#desItems {
	top: 50%;
	margin-top: -525px;
}

#desItems p {
	line-height: 1.8;
}

#desBg { position: absolute; top: -21px; left: 192px; }
#desLogo { position: absolute; top: 452px; left: 634px; }
#desBall1 { position: absolute; top: -260px; left: 426px; }
#desBall2 { position: absolute; top: 82px; left: 890px; }
#desBall3 { position: absolute; top: 628px; left: 711px; }
#desBall4 { position: absolute; top: 628px; left: 137px; }
#desBall5 { position: absolute; top: 82px; left: -40px; }

#desText { position: absolute; top: 503px; left: 600px; }
#desText1 { position: absolute; top: 255px; left: 667px; width: 150px; }
#desText2 { position: absolute; top: 425px; left: 947px; width: 200px; }
#desText3 { position: absolute; top: 700px; left: 862px; width: 170px; }
#desText4 { position: absolute; top: 700px; left: 420px; width: 240px; }
#desText5 { position: absolute; top: 436px; left: 342px; width: 222px; }

/* ------------------------------
 flow
------------------------------ */
#floItems {
	top: 50%;
	margin-top: -525px;
}
#floPlan1 { position: absolute; top: 0; left: 67px; }
#floPlan2 { position: absolute; top: 0; left: 719px; }
#floPlan3 { position: absolute; top: 154px; left: 67px; }
#floPlan4 { position: absolute; top: 154px; left: 283px; }
#floPlan5 { position: absolute; top: 154px; left: 719px; }
#floPlan6 { position: absolute; top: 154px; left: 1155px; }
#floPlan7 { position: absolute; top: 526px; left: 67px; }
#floPlan8 { position: absolute; top: 400px; left: 283px; }
#floPlan9 { position: absolute; top: 400px; left: 719px; }
#floPlan10 { position: absolute; top: 646px; left: 283px; }
#floPlan11 { position: absolute; top: 646px; left: 719px; }
#floPlan12 { position: absolute; top: 526px; left: 1155px; }
#floPlan13 { position: absolute; top: 892px; left: 67px; }
#floPlan14 { position: absolute; top: 892px; left: 719px; }

#flo {
	position: absolute;
	top: 240px;
	left: 370px;
	width: 740px;
	height: 570px;
	background: url(../images/flow/itemBg.png) no-repeat;
}

#floItem {
	position: absolute;
	top: 36px;
	left: 64px;
	line-height: 1.6;
}

#floItem dl dt {
	clear: both;
	float:left;
	width: 208px;
	padding: 0 0 17px 0;
}

#floItem dl dd {
	padding: 0 0 17px 208px;
	color: #141545;
}

/* ------------------------------
 gallery
------------------------------ */
#galItems {
	top: 50%;
	margin-top: -520px;
}

#gal {
	position: absolute;
	top: 419px;
	left: 599px;
}

#galMain {
	position: absolute;
	top: -184px;
	left: -204px;
}

#galMainImg {
	position: absolute;
	top: 0;
	left: 0;
	width: 690px;
	height: 500px;
	overflow: hidden;
}

#galMainThumb {
	position: absolute;
	top: 511px;
	left: 0;
}

#galMainTitle {
	position: absolute;
	top: 511px;
	left: 360px;
}

#galPrevBt { position: absolute; top: 76px; left: -368px; }
#galNextBt { position: absolute; top: 76px; left: 620px; }

#galThumb {
	position: absolute;
	top: 0;
	left: 0;
}

/* ------------------------------
 company
------------------------------ */
#comItems {
	top: 50%;
	margin-top: -250px;
}

#com {
	position: absolute;
	top: 241px;
	left: 342px;
}

#comContent {
	width: 800px;
	height: 530px;
	overflow:hidden;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/company/bg.png) no-repeat;
}

#comInfo {
	position: absolute;
	top: 0;
	left: 0;
}

.comBg {
	width: 800px;
	height: 470px;
}

#comInfoLeft {
	position: absolute;
	top: 18px;
	left: 70px;
}

#comInfoRight {
	position: absolute;
	top: 18px;
	left: 440px;
}

.comInfoItem {
	width: 330px;
	line-height: 1.7em;
	color: #141545;
}

.comInfoItem dt {
	padding: 0 0 10px 0;
	clear: both;
	float:left;
	width: 90px;
	font-weight: bold;
}

.comInfoItem dd {
	padding: 0 0 10px 90px;
}

#comBt1 { position: absolute; top: 420px; left: 70px; }
#comBt2 { position: absolute; top: 420px; left: 348px; }

#comHistory {
	position: absolute;
	top: 0;
	left: 800px;
}

#comHistoryLeft {
	position: absolute;
	top: 30px;
	left: 30px;
}

#comHistoryRight {
	position: absolute;
	top: 30px;
	left: 440px;
}

.comHistoryItem {
	width: 330px;
	line-height: 1.7em;
	color: #141545;
}

.comHistoryItem dt {
	padding: 0 0 10px 0;
	clear: both;
	float:left;
	width: 90px;
	font-weight: bold;
}

.comHistoryItem dd {
	padding: 0 0 10px 90px;
}

#comProfile {
	position: absolute;
	top: 0;
	left: 1600px;
}

#comProfileLeft {
	position: absolute;
	top: 140px;
	left: 150px;
}

.comProfileItem {
	width: 500px;
	line-height: 1.7em;
	color: #141545;
}

.comProfileItem dt {
	padding: 0 0 10px 0;
	clear: both;
	float:left;
	width: 90px;
	font-weight: bold;
}

.comProfileItem dd {
	padding: 0 0 10px 90px;
}

#comMap {
	position: absolute;
	top: 0;
	left: 2400px;
	width: 798px;
	height: 468px;
	border: 1px #000 solid;
}

#comScene {
	position: absolute;
	top: 494px;
	left: 290px;
	width: 280px;
}

#comScene li {
	float: left;
	color: #141545;
}

#comScene a:link {
	text-decoration: none;
}
#comScene a:visited {
	text-decoration: none;;
}
#comScene a:hover {
	text-decoration: none;
}
#comScene a:active {
	text-decoration: none;
}

#comSceneLine {
	padding: 0 5px 0 5px;
	color: #6c7581;
}

.comSceneUnderLine {
	border-bottom: #938261 2px solid;
}

#comBill {
	position: absolute;
	bottom: -100px;
	right: -110px;
}

/* ------------------------------
 property
------------------------------ */
#proItems {
	top: 50%;
	margin-top: -525px;
}

#proItems p {
	line-height: 1.8;
}

#pro{
	position: absolute;
	top: 306px;
	left: 340px;
	width: 880px;
	height: 440px;
	background: url(../images/property/bg.png) no-repeat;
}

#proText1 { margin: 66px 0 0 71px; height: 51px; }
#proText2 { margin: 0 0 0 71px; height: 52px; }
#proMain { margin: 0 0 0 71px; }

.proItem { float: left; width: 310px; height: 200px; position: relative; margin: 0 39px 0 0; }
.proItemTitle {
	position: absolute;
	border-bottom: 1px #9ca0ac solid;
	width: 310px;
}

#proItem1Text1 { position: absolute; top: 43px; left: 0; }
#proItem1Text2 { position: absolute; top: 93px; left: 0; }

#proItem2Text1 { position: absolute; top: 43px; left: 0; }
#proItem2Id { position: absolute; top: 101px; left: 0; }
#proItem2Pass { position: absolute; top: 131px; left: 0; }
#proItem2IdValue { position: absolute; top: 93px; left: 65px; }
#proItem2PassValue { position: absolute; top: 124px; left: 65px; }
.proItem2Input { height: 20px; }
.proItemBt { position: absolute; top: 165px; left: 0; }

/* ------------------------------
 contact
------------------------------ */
#conItems {
	top: 50%;
	margin-top: -420px;
}

#conItems p {
	line-height: 1.8;
}

#con {
	position: absolute;
	top: 220px;
	left: 440px;
}

#conText1 {
	height: 79px;
	width: 600px;
}

#conText2 {
	height: 50px;
	width: 600px;
}

#conMain {
	width: 600px;
	height: 200px;
	background: url(../images/contact/bg.png) no-repeat;
}

#conMain p {
	padding: 20px;
}

#conBt {
	margin: 40px 0 0 200px;
}

#conHouse {
	position: absolute;
	bottom: 0;
	right: 0;
}

/* ------------------------------
 loading
------------------------------ */
#loading {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -40px;
	margin-top: -30px;
}

#loadingAnime { position: absolute; top: 0; left: 25px; }

#mainContent { display: none; }
* html #mainContent  { display: block; visibility: hidden; }

/* ------------------------------
 navi
------------------------------ */
#naviView {
	background: url(../images/navi/nav_bg.png) repeat-y;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 200px;
	overflow: hidden;
}

#logo {
	position:relative;
}

.naviBt {
	position:relative;
	height: 50px;
}

.naviLBt { position: absolute; top:0; left:0; }
.naviRBt { position: absolute; top:0; left:200px; }

#banner1 { margin: 20px 0 0 15px; }
#banner2 { margin: 0 0 0 15px; }
/* ------------------------------
 img
------------------------------ */
#mainView {
	position: absolute;
	top: 0;
	left: 0;
}

.clip {
	position: static;
	top: 0;
	left: 0;
}

/* ------------------------------
 news
------------------------------ */
#news {
	width: 100%;
	position: absolute;
	top: 0;
	left: 200px;
}

.newsValue {
	width: 100%;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
}

.newsValueBg {
	width: 100%;
	height: 30px;
	background: #FEFEFE;
	position: absolute;
	top: 0;
	left: 0;
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.5; 
	-khtml-opacity: 0.5;
}

.newsValueText {
	width: 100%;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
}

.newsValueText p {
	margin: 7px 0 15px 96px;
}


#newsMore {
	width: 100%;
	position: absolute;
	top: 30px;
	left: 0;
	display: none;
}

#newsTitle { position: absolute; top: 2px; left: 2px; }
.newsBt { position: absolute; top: 2px; right: 222px; } 

/* ------------------------------
 footer
------------------------------ */
#footer {
	width: 100%;
	background: #FFF;
	height: 48px;
	position: absolute;
	bottom: -50px;
	left: 0;
}

#footerContent {
	margin: 20px 0 0 0;
}

#footerNavi {
	margin: 0 0 0 25px;
}

#footerNavi li {
	float: left;
}

#copyright {
	float: right;
	margin: 0 30px 0 0;
}

/* ------------------------------
 
------------------------------ */
#dummy{
	height:100%;
	width:18px;
	overflow-y:scroll;
	overflow-x:hidden;
	position:fixed !important;
	position:absolute;
	top:0;
	right: 0px;
	z-index:1000;
}

#dmcontent{
	height:10000px;
}