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

.preimg{
       width: 0px;
       height: 0px;
       display: inline;}

#pre1{
background-image: url(../img/greetingLogo.gif);
}
#pre2{
background-image: url(../img/load.gif);
}
#pre4{
background-image: url(../img/redA.gif);
}
#pre3{
background-image: url(../img/greA.gif);
}

.ctBoxPos{
}

/*loading*/

img { -ms-interpolation-mode: bicubic; }
.ctBox:hover{
cursor: pointer;
}


#opWall{
position:fixed;
top:0px;
left:0;
bottom:0;
right: 0;
z-index: 2000;
width:100%;
height: 100%;
background-color: white;
}



#opWall .fi{
margin-left: -25px;
margin-top: 33px;
position: absolute;
top: 50%;
left: 50%;
z-index: 10;
}
#opWall .sc{
margin-left: -30px;
margin-top: -30px;
position: absolute;
top: 50%;
left: 50%;
z-index: 10;
}

 .QOverlay {
display: none;
}


#load {
background-color:black;
position: fixed;
z-index:1000000000;
top: 0px;
left: 0;
height: 100%;
width: 100%;
}


.QAmt {display:none;
}

.preimg{
       width: 0px;
       height: 0px;
       display: inline;}


/*
.lineHover p{
text-decoration: underline;
}
*/

.ctBoxPos.topicsList{
z-index: 20;
}

.ctBox.noH:hover{
cursor: default;
}

.ctBox.upz{
z-index: 10;
}

.ctBox.textTitle{
font-size:18px;
color: black;
}

.ctBox .inner{
position: relative;
top:0;
left:0;
}

.ctBox{
position: relative;
}

.ctBox .productThumb{
padding: 2px;
border: 1px solid #ddd;
background-color: white;
}

.companyBoxLine .ctBox .productThumb{
border: none;
}

.ctBox.small p{
color: white;
font-size: 11px;
color: #333;
padding-top: 80px;
letter-spacing: 0em;
line-height: 1.2em;
}
.ctBox.large p{
color: white;
font-size: 11px;
color: #333;
padding-top: 110px;
letter-spacing: 0em;
line-height: 1.2em;
}
.ctBox.super p{
color: white;
font-size: 11px;
color: #333;
padding-top: 150px;
letter-spacing: 0em;
line-height: 1.2em;
}
.ctBox.text p{
padding-top: 5px;
color: white;
font-size: 11px;
color: #333;
letter-spacing: 0em;
line-height: 1.2em;
}

.ctBox.text:hover{
cursor: default;
}

.ctBox.text .hiddenText{
color:black;
position: absolute;
bottom: 100%;
white-space:nowrap;
z-index: 10;
line-height: 1.6em;
}

.ctBox.text .hiddenText .inner{
display: none;
margin-bottom: 10px;
background-color: white;
}

.ctBox.text .hiddenText .arrow {
position: absolute;
left: 10px;
bottom: -12px;
}


.ctBox.text .hiddenText .inText{
background-color: black;
padding: 5px;
color: #f7f7f7;
font-size: 11px;
}


.years{
position: absolute;
top: 5px;
left:10px;
width: 100%;
color: #999;
z-index: 2;
font-size: 11px;
}

.years ul li{
float: left;
width:360px;
color: #666;
}


.figureArea{
position: absolute;
height: 19px;
top:50%;
margin-top:-9px;
}

.figureArea .figures{
width:19px;
height: 19px;
position: absolute;
background-position: center center;
background-repeat: no-repeat;
}

.figureArea .figures.redS{
background-image: url(../img/redS.gif);
}

.figureArea .figures.redM{
background-image: url(../img/redM.gif);
}

.figureArea .figures.redL{
background-image: url(../img/redL.gif);
}

.figureArea .figures.greS{
background-image: url(../img/greenS.gif);
}

.figureArea .figures.greM{
background-image: url(../img/greenM.gif);
}

.figureArea .figures.greL{
background-image: url(../img/greenL.gif);
}

.figureArea .figures.figureHover{
background-image: url(../img/redA.gif);
}

.figureArea .figures:hover{
background-image: url(../img/redA.gif);
}

.figureArea .figures.greS.figureHover{
background-image: url(../img/greA.gif);
}
.figureArea .figures.greM.figureHover{
background-image: url(../img/greA.gif);
}
.figureArea .figures.greL.figureHover{
background-image: url(../img/greA.gif);
}


.figureArea .figures.greS:hover{
background-image: url(../img/greA.gif);
}
.figureArea .figures.greM:hover{
background-image: url(../img/greA.gif);
}
.figureArea .figures.greL:hover{
background-image: url(../img/greA.gif);
}


/*area1 ctbox*/


.scrollBlock#area1 .ctBox1{
position: absolute;
top: 118px;left: 21px;
}

.scrollBlock#area1 .ctBox2{
position: absolute;
top: 330px;left: 73px;
}

.scrollBlock#area1 .ctBox3{
position: absolute;
top: 136px;left: 464px;
}

.scrollBlock#area1 .ctBox4{
position: absolute;
top: 318px;left: 724px;
}

.scrollBlock#area1 .ctBox5{
position: absolute;
top: 128px;left: 849px;
}

.scrollBlock#area1 .ctBox6{
position: absolute;
top: 328px;left: 1006px;
}

.scrollBlock#area1 .ctBox7{
position: absolute;
top: 247px;left: 1069px;
z-index: 20;
}

.scrollBlock#area1 .ctBox8{
position: absolute;
top: 123px;left: 1126px;
}

.scrollBlock#area1 .ctBox9{
position: absolute;
top: 322px;left: 1184px;
}

.scrollBlock#area1 .ctBox10{
position: absolute;
top: 149px;left: 1303px;
}

.scrollBlock#area1 .ctBox11{
position: absolute;
top: 309px;left: 1354px;
}

.scrollBlock#area1 .ctBox12{
position: absolute;
top: 311px;left: 2185px;
}

.scrollBlock#area1 .ctBox13{
position: absolute;
top: 105px;left: 2576px;
}

.scrollBlock#area1 .ctBox14{
position: absolute;
top: 162px;left: 2946px;
}

.scrollBlock#area1 .ctBox15{
position: absolute;
top: 325px;left: 3315px;
}

.scrollBlock#area1 .ctBox16{
position: absolute;
top: 128px;left: 3414px;
}

.scrollBlock#area1 .ctBox17{
position: absolute;
top: 304px;left: 3987px;
}

.scrollBlock#area1 .ctBox18{
position: absolute;
top: 325px;left: 4384px;
}

.scrollBlock#area1 .ctBox19{
position: absolute;
top: 326px;left: 5078px;
}

.scrollBlock#area1 .ctBox20{
position: absolute;
top: 142px;left: 5083px;
}
.scrollBlock#area1 .ctBox21{
position: absolute;
top: 122px;left: 5337px;
}
.scrollBlock#area1 .ctBox22{
position: absolute;
top: 327px;left: 5490px;
}
.scrollBlock#area1 .ctBox23{
position: absolute;
top: 138px;left: 5506px;
}
.scrollBlock#area1 .ctBox24{
position: absolute;
top: 307px;left: 5823px;
}
.scrollBlock#area1 .ctBox25{
position: absolute;
top: 327px;left: 5650px;
}
.scrollBlock#area1 .ctBox26{
position: absolute;
top: 113px;left: 5680px;
}
.scrollBlock#area1 .ctBox27{
position: absolute;
top: 149px;left: 6531px;
}
.scrollBlock#area1 .ctBox28{
position: absolute;
top: 321px;left: 7327px;
}

.scrollBlock#area1 .ctBox29{
position: absolute;
top: 130px;left: 7655px;
}

.scrollBlock#area1 .ctBox30{
position: absolute;
top: 163px;left: 7907px;
}

.scrollBlock#area1 .ctBox31{
position: absolute;
top: 324px;left: 7962px;
}

.scrollBlock#area1 .ctBox32{
position: absolute;
top: 236px;left: 8071px;
}

.scrollBlock#area1 .ctBox33{
position: absolute;
top: 314px;left: 8129px;
}

.scrollBlock#area1 .ctBox34{
position: absolute;
top: 154px;left: 8251px;
}

.scrollBlock#area1 .ctBox35{
position: absolute;
top: 178px;left: 8630px;
}

.scrollBlock#area1 .ctBox36{
position: absolute;
top: 322px;left: 8657px;
}

.scrollBlock#area1 .ctBox37{
position: absolute;
top: 92px;left: 8755px;
}

.scrollBlock#area1 .ctBox38{
position: absolute;
top: 325px;left: 8856px;
}

.scrollBlock#area1 .ctBox39{
position: absolute;
top: 173px;left: 8871px;
}

.scrollBlock#area1 .ctBox40{
position: absolute;
top: 325px;left: 8990px;
}

.scrollBlock#area1 .ctBox41{
position: absolute;
top: 180px;left: 9020px;
}

.scrollBlock#area1 .ctBox42{
position: absolute;
top: 316px;left: 9399px;
}

.scrollBlock#area1 .ctBox43{
position: absolute;
top: 314px;left: 9596px;
z-index: 20;
}


.scrollBlock#area1 .ctBox44{
position: absolute;
top: 314px;left: 11715px;
}

.scrollBlock#area1 .ctBox45{
position: absolute;
top: 139px;left: 11737px;
}

.scrollBlock#area1 .spBox1{
position: absolute;
top: 84px;
left: 9100px;
width: 276px;
height: 175px;
z-index: -1;
}

.scrollBlock#area1 .spBox1:hover{
cursor: pointer;
}

.scrollBlock#area1 .spBox1 .inArrow{
position: absolute;
top: 0;
left: 155px;
z-index: 2;
width: 102px; height: 175px; background: url(../img/inArrow.png) 0px 0px no-repeat;
}
.scrollBlock#area1 .spBox1 .inArrow.active{
width: 102px; height: 175px; background: url(../img/inArrow.png) -102px 0px no-repeat;
}

.scrollBlock#area1 .spBox2{
position: absolute;
top: 80px;left: 9280px;
z-index: -1;
}

.scrollBlock#area1 .ctBox44-1{
position: absolute;
top: 380px;
right: 10px;
}


/*area2 ctbox*/
/*
.scrollBlock#area2 .ctBox44-1{
position: absolute;
top: 317px;
left: 20px;
}*/

.scrollBlock#area2 .ctBox45-1{
position: absolute;
top: 134px;
left: 42px;
}



.scrollBlock#area2 .ctBox1{
position: absolute;
top: 338px;left: 180px;
}

.scrollBlock#area2 .ctBox2{
position: absolute;
top: 120px;left: 737px;
}

.scrollBlock#area2 .ctBox3{
position: absolute;
top: 314px;left: 1415px;
}

.scrollBlock#area2 .ctBox4{
position: absolute;
top: 133px;left: 1519px;
}

.scrollBlock#area2 .ctBox5{
position: absolute;
top: 178px;left: 1834px;
}

.scrollBlock#area2 .ctBox6{
position: absolute;
top: 318px;left: 1975px;
}

.scrollBlock#area2 .ctBox7{
position: absolute;
top: 110px;left: 2278px;
}

.scrollBlock#area2 .ctBox8{
position: absolute;
top: 316px;left: 2337px;
}

.scrollBlock#area2 .ctBox9{
position: absolute;
top: 310px;left: 2626px;
}

.scrollBlock#area2 .ctBox10{
position: absolute;
top: 306px;left: 3224px;
}

.scrollBlock#area2 .ctBox11{
position: absolute;
top: 180px;left: 3337px;
}

.scrollBlock#area2 .ctBox12{
position: absolute;
top: 325px;left: 3519px;
}


.scrollBlock#area2 .ctBox13{
position: absolute;
top: 319px;left: 3981px;
}


.scrollBlock#area2 .ctBox14{
position: absolute;
top: 110px;left: 4069px;
}


.scrollBlock#area2 .ctBox15{
position: absolute;
top: 141px;left: 4305px;
}


.scrollBlock#area2 .ctBox16{
position: absolute;
top: 332px;left: 4459px;
}


.scrollBlock#area2 .ctBox17{
position: absolute;
top: 132px;left: 4572px;
}


.scrollBlock#area2 .ctBox18{
position: absolute;
top: 314px;left: 5648px;
}


.scrollBlock#area2 .ctBox19{
position: absolute;
top: 159px;left: 5746px;
}


.scrollBlock#area2 .ctBox20{
position: absolute;
top: 322px;left: 5820px;
}

.scrollBlock#area2 .ctBox21{
position: absolute;
top: 326px;left: 5984px;
}

.scrollBlock#area2 .ctBox22{
position: absolute;
top: 171px;left: 6038px;
}

.scrollBlock#area2 .ctBox23{
position: absolute;
top: 128px;left: 6164px;
}

.scrollBlock#area2 .ctBox24{
position: absolute;
top: 316px;left: 6196px;
}

.scrollBlock#area2 .ctBox25{
position: absolute;
top: 104px;
left: 6298px;
}

.scrollBlock#area2 .ctBox26{
position: absolute;
top: 348px;left: 6362px;
}

.scrollBlock#area2 .ctBox27{
position: absolute;
top:64px;left: 6507px;
}

.scrollBlock#area2 .ctBox28{
position: absolute;
top: 332px;left: 6525px;
}

.scrollBlock#area2 .ctBox29{
position: absolute;
top: 168px;
left: 6518px;
}

.scrollBlock#area2 .ctBox30{
position: absolute;
top: 316px;left: 6714px;
}

.scrollBlock#area2 .ctBox31{
position: absolute;
top: 130px;left: 6731px;
}

.scrollBlock#area2 .ctBox32{
position: absolute;
top: 320px;left: 6882px;
}

.scrollBlock#area2 .ctBox33{
position: absolute;
top: 168px;left: 6927px;
}

.scrollBlock#area2 .ctBox34{
position: absolute;
top: 390px;left: 7023px;
}

.scrollBlock#area2 .ctBox35{
position: absolute;
top: 81px;left: 7069px;
}

.scrollBlock#area2 .ctBox36{
position: absolute;
top: 314px;left: 7192px;
}

.scrollBlock#area2 .ctBox37{
position: absolute;
top: 168px;left: 7348px;
}

.scrollBlock#area2 .ctBox38{
position: absolute;
top: 318px;left: 7362px;
}

.scrollBlock#area2 .ctBox39{
position: absolute;
top: 119px;
left: 925px;
}

/*area3 ctbox*/

.scrollBlock#area3 .ctBox1{
position: absolute;
top: 91px;left: 11px;
}

.scrollBlock#area3 .ctBox2{
position: absolute;
top: 316px;left: 18px;
}

.scrollBlock#area3 .ctBox3{
position: absolute;
top: 174px;left: 115px;
}

.scrollBlock#area3 .ctBox4{
position: absolute;
top: 59px;left: 125px;
}

.scrollBlock#area3 .ctBox5{
position: absolute;
top: 303px;left: 209px;
}

.scrollBlock#area3 .ctBox6{
position: absolute;
top: 421px;left: 208px;
}

.scrollBlock#area3 .ctBox7{
position: absolute;
top: 125px;left: 264px;
}

.scrollBlock#area3 .ctBox8{
position: absolute;
top: 316px;left: 318px;
}

.scrollBlock#area3 .ctBox9{
position: absolute;
top: 177px;left: 413px;
}

.scrollBlock#area3 .ctBox10{
position: absolute;
top: 305px;left: 433px;
}

.scrollBlock#area3 .ctBox11{
position: absolute;
top: 63px;left: 456px;
}

.scrollBlock#area3 .ctBox12{
position: absolute;
top: 178px;left: 563px;
}


.scrollBlock#area3 .ctBox13{
position: absolute;
top: 425px;left: 589px;
}


.scrollBlock#area3 .ctBox14{
position: absolute;
top: 321px;left: 586px;
}


.scrollBlock#area3 .ctBox15{
position: absolute;
top: 61px;left: 588px;
}


.scrollBlock#area3 .ctBox16{
position: absolute;
top: 110px;left: 743px;
}


.scrollBlock#area3 .ctBox17{
position: absolute;
top: 332px;left: 759px;
}


.scrollBlock#area3 .ctBox18{
position: absolute;
top: 233px;left: 782px;
}


.scrollBlock#area3 .ctBox19{
position: absolute;
top: 74px;left: 868px;
}


.scrollBlock#area3 .ctBox20{
position: absolute;
top: 318px;left: 944px;
}

.scrollBlock#area3 .ctBox21{
position: absolute;
top: 160px;left: 968px;
}

.scrollBlock#area3 .ctBox22{
position: absolute;
top: 173px;left: 1093px;
}

.scrollBlock#area3 .ctBox23{
position: absolute;
top: 322px;left: 1115px;
}

.scrollBlock#area3 .ctBox24{
position: absolute;
top: 74px;left: 1199px;
}

.scrollBlock#area3 .ctBox25{
position: absolute;
top: 396px;left: 1236px;
}

.scrollBlock#area3 .ctBox26{
position: absolute;
top: 176px;left: 1282px;
}

.scrollBlock#area3 .ctBox27{
position: absolute;
top: 94px;left: 1396px;
}

.scrollBlock#area3 .ctBox28{
position: absolute;
top: 322px;left: 1469px;
}

.scrollBlock#area3 .ctBox29{
position: absolute;
top: 166px;left: 1506px;
}

.scrollBlock#area3 .ctBox30{
position: absolute;
top: 61px;left: 1567px;
}

.scrollBlock#area3 .ctBox31{
position: absolute;
top: 175px;left: 1622px;
}

.scrollBlock#area3 .ctBox32{
position: absolute;
top: 313px;left: 1625px;
}

.scrollBlock#area3 .ctBox33{
position: absolute;
top: 163px;left: 1809px;
}

.scrollBlock#area3 .ctBox34{
position: absolute;
top: 308px;left: 1837px;
}

.scrollBlock#area3 .ctBox35{
position: absolute;
top: 108px;left: 1985px;
}

.scrollBlock#area3 .ctBox36{
position: absolute;
top: 312px;left: 2219px;
}

.scrollBlock#area3 .ctBox37{
position: absolute;
top: 175px;left: 2488px;
}

.scrollBlock#area3 .ctBox38{
position: absolute;
top: 317px;left: 2666px;
}

.scrollBlock#area3 .ctBox39{
position: absolute;
top: 150px;left: 2734px;
}

.scrollBlock#area3 .ctBox40{
position: absolute;
top: 179px;left: 2890px;
}
.scrollBlock#area3 .ctBox41{
position: absolute;
top: 314px;left: 2958px;
}
.scrollBlock#area3 .ctBox42{
position: absolute;
top: 180px;left: 3021px;
}
.scrollBlock#area3 .ctBox43{
position: absolute;
top: 64px;left: 3104px;
}
.scrollBlock#area3 .ctBox44{
position: absolute;
top: 305px;left: 3136px;
}
.scrollBlock#area3 .ctBox45{
position: absolute;
top: 165px;left: 3148px;
}
.scrollBlock#area3 .ctBox46{
position: absolute;
top: 163px;left: 3370px;
}
.scrollBlock#area3 .ctBox47{
position: absolute;
top: 323px;left: 3650px;
}
.scrollBlock#area3 .ctBox48{
position: absolute;
top: 149px;left: 3778px;
}
.scrollBlock#area3 .ctBox49{
position: absolute;
top: 317px;left: 3812px;
}
.scrollBlock#area3 .ctBox50{
position: absolute;
top: 310px;left: 3980px;
}
.scrollBlock#area3 .ctBox51{
position: absolute;
top: 181px;left: 3993px;
}
.scrollBlock#area3 .ctBox52{
position: absolute;
top: 176px;left: 4127px;
}
.scrollBlock#area3 .ctBox53{
position: absolute;
top: 344px;left: 4139px;
}
.scrollBlock#area3 .ctBox54{
position: absolute;
top: 58px;left: 4162px;
}
.scrollBlock#area3 .ctBox55{
position: absolute;
top: 178px;left: 4237px;
}
.scrollBlock#area3 .ctBox56{
position: absolute;
top: 334px;left: 4325px;
}
.scrollBlock#area3 .ctBox57{
position: absolute;
top: 75px;left: 4341px;
}
.scrollBlock#area3 .ctBox58{
position: absolute;
top: 179px;left: 4370px;
}
.scrollBlock#area3 .ctBox59{
position: absolute;
top: 322px;left: 4479px;
}
.scrollBlock#area3 .ctBox60{
position: absolute;
top: 134px;left: 4480px;
}
.scrollBlock#area3 .ctBox61{
position: absolute;
top: 134px;left: 4603px;
}
.scrollBlock#area3 .ctBox62{
position: absolute;
top: 319px;left: 4604px;
}
.scrollBlock#area3 .ctBox63{
position: absolute;
top: 426px;left: 4605px;
}
.scrollBlock#area3 .ctBox64{
position: absolute;
top: 100px;left: 4734px;
}
.scrollBlock#area3 .ctBox65{
position: absolute;
top: 356px;left: 4728px;
}
.scrollBlock#area3 .ctBox66{
position: absolute;
top: 61px;left: 4891px;
}
.scrollBlock#area3 .ctBox67{
position: absolute;
top: 161px;left: 4947px;
}
.scrollBlock#area3 .ctBox68{
position: absolute;
top: 329px;left: 4960px;
}
.scrollBlock#area3 .ctBox69{
position: absolute;
top: 321px;left: 4850px;
}
.scrollBlock#area3 .ctBox70{
position: absolute;
top: 331px;left: 5080px;
}
.scrollBlock#area3 .ctBox71{
position: absolute;
top: 70px;left: 5095px;
}
.scrollBlock#area3 .ctBox72{
position: absolute;
top: 172px;left: 5183px;
}
.scrollBlock#area3 .ctBox73{
position: absolute;
top: 412px;left: 5235px;
}
.scrollBlock#area3 .ctBox74{
position: absolute;
top: 120px;left: 5291px;
}
.scrollBlock#area3 .ctBox75{
position: absolute;
top: 311px;left: 5300px;
}
.scrollBlock#area3 .ctBox76{
position: absolute;
top: 325px;left: 5413px;
}
.scrollBlock#area3 .ctBox77{
position: absolute;
top: 175px;left: 5452px;
}
.scrollBlock#area3 .ctBox78{
position: absolute;
top: 62px;left: 5473px;
}
.scrollBlock#area3 .ctBox79{
position: absolute;
top: 316px;left: 5579px;
}
.scrollBlock#area3 .ctBox80{
position: absolute;
top: 427px;left: 5580px;
}
.scrollBlock#area3 .ctBox81{
position: absolute;
top: 133px;left: 5642px;
}
.scrollBlock#area3 .ctBox82{
position: absolute;
top: 330px;left: 5695px;
}
.scrollBlock#area3 .ctBox83{
position: absolute;
top: 171px;left: 5823px;
}
.scrollBlock#area3 .ctBox84{
position: absolute;
top: 59px;left: 5873px;
}
.scrollBlock#area3 .ctBox85{
position: absolute;
top: 311px;left: 5897px;
}
.scrollBlock#area3 .ctBox86{
position: absolute;
top: 424px;left: 5899px;
}
.scrollBlock#area3 .ctBox87{
position: absolute;
top: 172px;left: 5962px;
}
.scrollBlock#area3 .ctBox88{
position: absolute;
top: 308px;left: 6024px;
}
.scrollBlock#area3 .ctBox89{
position: absolute;
top: 408px;left: 6023px;
}
.scrollBlock#area3 .ctBox90{
position: absolute;
top: 65px;left: 6097px;
}
.scrollBlock#area3 .ctBox91{
position: absolute;
top: 168px;left: 6099px;
}
.scrollBlock#area3 .ctBox92{
position: absolute;
top: 310px;left: 6140px;
}
.scrollBlock#area3 .ctBox93{
position: absolute;
top: 61px;left: 6210px;
}
.scrollBlock#area3 .ctBox94{
position: absolute;
top: 159px;left: 6226px;
}
.scrollBlock#area3 .ctBox95{
position: absolute;
top: 319px;left: 6292px;
}
.scrollBlock#area3 .ctBox96{
position: absolute;
top: 117px;left: 6349px;
}
.scrollBlock#area3 .ctBox97{
position: absolute;
top: 302px;left: 6405px;
}
.scrollBlock#area3 .ctBox98{
position: absolute;
top: 417px;left: 6406px;
}
.scrollBlock#area3 .ctBox99{
position: absolute;
top: 183px;left: 6529px;
}
.scrollBlock#area3 .ctBox100{
position: absolute;
top: 77px;left: 6508px;
}
.scrollBlock#area3 .ctBox101{
position: absolute;
top: 308px;left: 6542px;
}
.scrollBlock#area3 .ctBox102{
position: absolute;
top: 411px;left: 6625px;
}
.scrollBlock#area3 .ctBox103{
position: absolute;
top: 175px;left: 6652px;
}
.scrollBlock#area3 .ctBox104{
position: absolute;
top: 70px;left: 6664px;
}
.scrollBlock#area3 .ctBox105{
position: absolute;
top: 314px;left: 6682px;
}
.scrollBlock#area3 .ctBox106{
position: absolute;
top: 164px;left: 6784px;
}
.scrollBlock#area3 .ctBox107{
position: absolute;
top: 426px;left: 6779px;
}
.scrollBlock#area3 .ctBox108{
position: absolute;
top: 315px;left: 6847px;
}
.scrollBlock#area3 .ctBox109{
position: absolute;
top: 306px;left: 6959px;
}
.scrollBlock#area3 .ctBox110{
position: absolute;
top: 419px;left: 6941px;
}
.scrollBlock#area3 .ctBox111{
position: absolute;
top: 54px;left: 7007px;
}
.scrollBlock#area3 .ctBox112{
position: absolute;
top: 168px;left: 7027px;
}
/*.scrollBlock#area3 .ctBox113{
position: absolute;
top: 309px;left: 7084px;
}*/
.scrollBlock#area3 .ctBox114{
position: absolute;
top: 419px;left: 7094px;
}

.scrollBlock#area3 .ctBox115{
position: absolute;
top: 155px;left: 6900px;
}
.scrollBlock#area3 .ctBox116{
position: absolute;
top: 85px;left: 6847px;
}


/*area4 ctbox*/
.scrollBlock#area4 .ctBox113{
position: absolute;
top: 47px;left: 20px;
}
.scrollBlock#area4 .ctBox1{
position: absolute;
top: 147px;left: 20px;
}

.scrollBlock#area4 .ctBox2{
position: absolute;
top: 303px;left: 26px;
}

.scrollBlock#area4 .ctBox3{
position: absolute;
top: 415px;left: 27px;
}

.scrollBlock#area4 .ctBox4{
position: absolute;
top: 415px;left: 151px;
}

.scrollBlock#area4 .ctBox5{
position: absolute;
top: 305px;left: 155px;
}

.scrollBlock#area4 .ctBox6{
position: absolute;
top: 80px;left: 174px;
}

.scrollBlock#area4 .ctBox7{
position: absolute;
top: 179px;left: 200px;
}

.scrollBlock#area4 .ctBox8{
position: absolute;
top: 410px;left: 278px;
}

.scrollBlock#area4 .ctBox9{
position: absolute;
top: 310px;left: 278px;
}

.scrollBlock#area4 .ctBox10{
position: absolute;
top: 79px;left: 284px;
}

.scrollBlock#area4 .ctBox11{
position: absolute;
top: 181px;left: 328px;
}

.scrollBlock#area4 .ctBox12{
position: absolute;
top: 306px;left: 395px;
}


.scrollBlock#area4 .ctBox13{
position: absolute;
top: 80px;left: 395px;
}


.scrollBlock#area4 .ctBox14{
position: absolute;
top: 180px;left: 460px;
}


.scrollBlock#area4 .ctBox15{
position: absolute;
top: 64px;left: 539px;
}


.scrollBlock#area4 .ctBox16{
position: absolute;
top: 409px;left: 570px;
}


.scrollBlock#area4 .ctBox17{
position: absolute;
top: 307px;left: 577px;
}

.scrollBlock#area4 .ctBox18{
position: absolute;
top: 182px;left: 608px;
}
.scrollBlock#area4 .ctBox19{
position: absolute;
top: 75px;left: 697px;
}

.scrollBlock#area4 .ctBox20{
position: absolute;
top: 408px;left: 702px;
}

.scrollBlock#area4 .ctBox21{
position: absolute;
top: 179px;left: 740px;
}

.scrollBlock#area4 .ctBox22{
position: absolute;
top: 307px;left: 795px;
}

.scrollBlock#area4 .ctBox23{
position: absolute;
top: 149px;left: 866px;
}

.scrollBlock#area4 .ctBox24{
position: absolute;
top: 345px;left: 932px;
}

.scrollBlock#area4 .ctBox25{
position: absolute;
top: 68px;left: 981px;
}

.scrollBlock#area4 .ctBox26{
position: absolute;
top: 182px;left: 1041px;
}

.scrollBlock#area4 .ctBox27{
position: absolute;
top: 403px;left: 1055px;
}

.scrollBlock#area4 .ctBox28{
position: absolute;
top: 302px;left: 1125px;
}

.scrollBlock#area4 .ctBox29{
position: absolute;
top: 131px;left: 1162px;
}

.scrollBlock#area4 .ctBox30{
position: absolute;
top: 415px;left: 1169px;
}

.scrollBlock#area4 .ctBox31{
position: absolute;
top: 304px;left: 1261px;
}

.scrollBlock#area4 .ctBox32{
position: absolute;
top: 161px;left: 1317px;
}

.scrollBlock#area4 .ctBox33{
position: absolute;
top: 60px;left: 1309px;
}

.scrollBlock#area4 .ctBox34{
position: absolute;
top: 424px;left: 1427px;
}

.scrollBlock#area4 .ctBox35{
position: absolute;
top: 307px;left: 1408px;
}

.scrollBlock#area4 .ctBox36{
position: absolute;
top: 123px;left: 1428px;
}

.scrollBlock#area4 .ctBox37{
position: absolute;
top: 307px;left: 1545px;
}

.scrollBlock#area4 .ctBox38{
position: absolute;
top: 165px;left: 1544px;
}

.scrollBlock#area4 .ctBox39{
position: absolute;
top: 59px;left: 1545px;
}

.scrollBlock#area4 .ctBox40{
position: absolute;
top: 172px;left: 1669px;
}
.scrollBlock#area4 .ctBox41{
position: absolute;
top: 420px;left: 1708px;
}
.scrollBlock#area4 .ctBox42{
position: absolute;
top: 61px;left: 1685px;
}
.scrollBlock#area4 .ctBox43{
position: absolute;
top: 307px;left: 1712px;
}
.scrollBlock#area4 .ctBox44{
position: absolute;
top: 165px;left: 1811px;
}
.scrollBlock#area4 .ctBox45{
position: absolute;
top: 88px;left: 1937px;
}
.scrollBlock#area4 .ctBox46{
position: absolute;
top: 311px;left: 1869px;
}
.scrollBlock#area4 .ctBox47{
position: absolute;
top: 307px;left: 2098px;
}
.scrollBlock#area4 .ctBox48{
position: absolute;
top: 168px;left: 2188px;
}
.scrollBlock#area4 .ctBox49{
position: absolute;
top: 307px;left: 2214px;
}
.scrollBlock#area4 .ctBox50{
position: absolute;
top: 57px;left: 2305px;
}
.scrollBlock#area4 .ctBox51{
position: absolute;
top: 169px;left: 2345px;
}
.scrollBlock#area4 .ctBox52{
position: absolute;
top: 390px;left: 2370px;
}
.scrollBlock#area4 .ctBox53{
position: absolute;
top: 311px;left: 2483px;
}
.scrollBlock#area4 .ctBox54{
position: absolute;
top: 116px;left: 2533px;
}
.scrollBlock#area4 .ctBox55{
position: absolute;
top: 303px;left: 2593px;
}
.scrollBlock#area4 .ctBox56{
position: absolute;
top: 418px;left: 2607px;
}
.scrollBlock#area4 .ctBox57{
position: absolute;
top: 132px;left: 2685px;
}
.scrollBlock#area4 .ctBox58{
position: absolute;
top: 303px;left: 2724px;
}
.scrollBlock#area4 .ctBox59{
position: absolute;
top: 421px;left: 2771px;
}
.scrollBlock#area4 .ctBox60{
position: absolute;
top: 167px;left: 2868px;
}
.scrollBlock#area4 .ctBox61{
position: absolute;
top: 402px;left: 2886px;
}
.scrollBlock#area4 .ctBox62{
position: absolute;
top: 56px;left: 2926px;
}
.scrollBlock#area4 .ctBox63{
position: absolute;
top: 305px;left: 2955px;
}
.scrollBlock#area4 .ctBox64{
position: absolute;
top: 172px;left: 3013px;
}
.scrollBlock#area4 .ctBox65{
position: absolute;
top: 419px;left: 3045px;
}
.scrollBlock#area4 .ctBox66{
position: absolute;
top: 308px;left: 3083px;
}
.scrollBlock#area4 .ctBox67{
position: absolute;
top: 50px;left: 3107px;
}
.scrollBlock#area4 .ctBox68{
position: absolute;
top: 152px;left: 3155px;
}
.scrollBlock#area4 .ctBox69{
position: absolute;
top: 313px;left: 3237px;
}
.scrollBlock#area4 .ctBox70{
position: absolute;
top: 417px;left: 3273px;
}
.scrollBlock#area4 .ctBox71{
position: absolute;
top: 134px;left: 3308px;
}
.scrollBlock#area4 .ctBox72{
position: absolute;
top: 313px;left: 3389px;
}
.scrollBlock#area4 .ctBox73{
position: absolute;
top: 418px;left: 3467px;
}
.scrollBlock#area4 .ctBox74{
position: absolute;
top: 74px;left: 3474px;
}
.scrollBlock#area4 .ctBox75{
position: absolute;
top: 182px;left: 3473px;
}
.scrollBlock#area4 .ctBox76{
position: absolute;
top: 318px;left: 3592px;
}
.scrollBlock#area4 .ctBox77{
position: absolute;
top: 164px;left: 3612px;
}
.scrollBlock#area4 .ctBox78{
position: absolute;
top: 64px;left: 3723px;
}
.scrollBlock#area4 .ctBox79{
position: absolute;
top: 330px;left: 3750px;
}
.scrollBlock#area4 .ctBox80{
position: absolute;
top: 174px;left: 3799px;
}
.scrollBlock#area4 .ctBox81{
position: absolute;
top: 99px;left: 3927px;
}
.scrollBlock#area4 .ctBox82{
position: absolute;
top: 317px;left: 3869px;
}
.scrollBlock#area4 .ctBox83{
position: absolute;
top: 423px;left: 3877px;
}
.scrollBlock#area4 .ctBox84{
position: absolute;
top: 373px;left: 4070px;
}
.scrollBlock#area4 .ctBox85{
position: absolute;
top: 161px;left: 4100px;
}
.scrollBlock#area4 .ctBox86{
position: absolute;
top: 311px;left: 4194px;
}
.scrollBlock#area4 .ctBox87{
position: absolute;
top: 154px;left: 4386px;
}
.scrollBlock#area4 .ctBox88{
position: absolute;
top: 310px;left: 4657px;
}
.scrollBlock#area4 .ctBox89{
position: absolute;
top: 171px;left: 4698px;
}
.scrollBlock#area4 .ctBox90{
position: absolute;
top: 304px;left: 4850px;
}
.scrollBlock#area4 .ctBox91{
position: absolute;
top: 167px;left: 4891px;
}
.scrollBlock#area4 .ctBox92{
position: absolute;
top: 304px;left: 5006px;
}
.scrollBlock#area4 .ctBox93{
position: absolute;
top: 149px;left: 5109px;
}
.scrollBlock#area4 .ctBox94{
position: absolute;
top: 416px;left: 5133px;
}
.scrollBlock#area4 .ctBox95{
position: absolute;
top: 186px;left: 5358px;
}
.scrollBlock#area4 .ctBox96{
position: absolute;
top: 305px;left: 5274px;
}
.scrollBlock#area4 .ctBox97{
position: absolute;
top: 417px;left: 5314px;
}
.scrollBlock#area4 .ctBox98{
position: absolute;
top: 76px;left: 5431px;
}
.scrollBlock#area4 .ctBox99{
position: absolute;
top: 419px;left: 5464px;
}
.scrollBlock#area4 .ctBox100{
position: absolute;
top: 309px;left: 5452px;
}
.scrollBlock#area4 .ctBox101{
position: absolute;
top: 141px;left: 5574px;
}
.scrollBlock#area4 .ctBox102{
position: absolute;
top: 420px;left: 5612px;
}
.scrollBlock#area4 .ctBox103{
position: absolute;
top: 305px;left: 5587px;
}


/*area5 ctbox*/

.scrollBlock#area5 .ctBox1{
position: absolute;
top: 378px;left: 11px;
}

.scrollBlock#area5 .ctBox2{
position: absolute;
top: 378px;left: 139px;
}

.scrollBlock#area5 .ctBox3{
position: absolute;
top: 378px;left: 264px;
}

.scrollBlock#area5 .ctBox4{
position: absolute;
top: 164px;left: 277px;
}

.scrollBlock#area5 .ctBox5{
position: absolute;
top: 316px;left: 403px;
}

.scrollBlock#area5 .ctBox6{
position: absolute;
top: 168px;left: 429px;
}

.scrollBlock#area5 .ctBox7{
position: absolute;
top: 68px;left: 511px;
}

.scrollBlock#area5 .ctBox8{
position: absolute;
top: 311px;left: 550px;
}

.scrollBlock#area5 .ctBox9{
position: absolute;
top: 174px;left: 640px;
}

.scrollBlock#area5 .ctBox10{
position: absolute;
top: 308px;left: 728px;
}

.scrollBlock#area5 .ctBox11{
position: absolute;
top: 422px;left: 796px;
}

.scrollBlock#area5 .ctBox12{
position: absolute;
top: 313px;left: 887px;
}


.scrollBlock#area5 .ctBox13{
position: absolute;
top: 180px;left: 906px;
}


.scrollBlock#area5 .ctBox14{
position: absolute;
top: 71px;left: 944px;
}


.scrollBlock#area5 .ctBox15{
position: absolute;
top: 338px;left: 1051px;
}


.scrollBlock#area5 .ctBox16{
position: absolute;
top: 184px;left: 1099px;
}


.scrollBlock#area5 .ctBox17{
position: absolute;
top: 71px;left: 1135px;
}

.scrollBlock#area5 .ctBox18{
position: absolute;
top: 321px;left: 1182px;
}
.scrollBlock#area5 .ctBox19{
position: absolute;
top: 425px;left: 1222px;
}

.scrollBlock#area5 .ctBox20{
position: absolute;
top: 167px;left: 1243px;
}

.scrollBlock#area5 .ctBox21{
position: absolute;
top: 311px;left: 1324px;
}

.scrollBlock#area5 .ctBox22{
position: absolute;
top: 148px;
left: 1373px;
}

.scrollBlock#area5 .ctBox23{
position: absolute;
top: 306px;left: 1458px;
}

.scrollBlock#area5 .ctBox24{
position: absolute;
top: 416px;left: 1480px;
}

.scrollBlock#area5 .ctBox25{
position: absolute;
top: 59px;left: 1528px;
}

.scrollBlock#area5 .ctBox26{
position: absolute;
top: 172px;left: 1526px;
}

.scrollBlock#area5 .ctBox27{
position: absolute;
top: 310px;left: 1582px;
}

.scrollBlock#area5 .ctBox28{
position: absolute;
top: 170px;left: 1651px;
}

.scrollBlock#area5 .ctBox29{
position: absolute;
top: 417px;left: 1690px;
}

.scrollBlock#area5 .ctBox30{
position: absolute;
top: 58px;left: 1686px;
}

.scrollBlock#area5 .ctBox31{
position: absolute;
top: 305px;left: 1764px;
}

.scrollBlock#area5 .ctBox32{
position: absolute;
top: 138px;left: 1816px;
}

.scrollBlock#area5 .ctBox33{
position: absolute;
top: 427px;left: 1883px;
}

.scrollBlock#area5 .ctBox34{
position: absolute;
top: 317px;left: 1911px;
}

.scrollBlock#area5 .ctBox35{
position: absolute;
top: 165px;left: 1987px;
}

.scrollBlock#area5 .ctBox36{
position: absolute;
top: 315px;left: 2070px;
}

.scrollBlock#area5 .ctBox37{
position: absolute;
top: 184px;left: 2183px;
}

.scrollBlock#area5 .ctBox38{
position: absolute;
top: 385px;left: 2200px;
}

.scrollBlock#area5 .ctBox39{
position: absolute;
top: 310px;left: 2326px;
}

.scrollBlock#area5 .ctBox40{
position: absolute;
top: 150px;left: 2383px;
}
.scrollBlock#area5 .ctBox41{
position: absolute;
top: 315px;left: 2502px;
}
.scrollBlock#area5 .ctBox42{
position: absolute;
top: 182px;left: 2542px;
}
.scrollBlock#area5 .ctBox43{
position: absolute;
top: 84px;left: 2605px;
}
.scrollBlock#area5 .ctBox44{
position: absolute;
top: 309px;left: 2896px;
}
.scrollBlock#area5 .ctBox45{
position: absolute;
top: 133px;left: 2918px;
}
.scrollBlock#area5 .ctBox46{
position: absolute;
top: 412px;left: 2940px;
}
.scrollBlock#area5 .ctBox47{
position: absolute;
top: 60px;left: 3092px;
}
.scrollBlock#area5 .ctBox48{
position: absolute;
top: 173px;left: 3077px;
}
.scrollBlock#area5 .ctBox49{
position: absolute;
top: 311px;left: 3068px;
}
.scrollBlock#area5 .ctBox50{
position: absolute;
top: 421px;left: 3251px;
}
.scrollBlock#area5 .ctBox51{
position: absolute;
top: 154px;left: 3260px;
}
.scrollBlock#area5 .ctBox52{
position: absolute;
top: 307px;left: 3275px;
}
.scrollBlock#area5 .ctBox53{
position: absolute;
top: 319px;left: 3397px;
}
.scrollBlock#area5 .ctBox54{
position: absolute;
top: 167px;left: 3411px;
}
.scrollBlock#area5 .ctBox55{
position: absolute;
top: 424px;left: 3421px;
}
.scrollBlock#area5 .ctBox56{
position: absolute;
top: 67px;left: 3467px;
}
.scrollBlock#area5 .ctBox57{
position: absolute;
top: 313px;left: 3531px;
}
.scrollBlock#area5 .ctBox58{
position: absolute;
top: 421px;left: 3572px;
}
.scrollBlock#area5 .ctBox59{
position: absolute;
top: 248px;left: 3615px;
}

.scrollBlock#area5 .ctBox60{
position: absolute;
top: 81px;left: 18px;
}
.scrollBlock#area5 .ctBox61{
position: absolute;
top: 130px;left: 6px;
}
.scrollBlock#area5 .ctBox62{
position: absolute;
top: 110px;left: 106px;
}
.scrollBlock#area5 .ctBox63{
position: absolute;
top: 111px;left: 173px;
}
.scrollBlock#area5 .ctBox64{
position: absolute;
top: 89px;left: 229px;
}
.scrollBlock#area5 .ctBox65{
position: absolute;
top: 304px;left: 12px;
}
.scrollBlock#area5 .ctBox66{
position: absolute;
top: 308px;left: 225px;
}

.scrollBlock#area5 .spBox1{
position: absolute;
top: 88px;left: 3654px;
width: 276px;
height: 175px;
}

.scrollBlock#area5 .spBox1:hover{
cursor: pointer;
}

.scrollBlock#area5 .spBox1 .inArrow{
position: absolute;
top: 0;
left: 155px;
z-index: -1;
width: 102px; height: 175px; background: url(../img/inArrow.png) 0px 0px no-repeat;
}

.scrollBlock#area5 .spBox1 .inArrow.active{
width: 102px; height: 175px; background: url(../img/inArrow.png) -102px 0px no-repeat;
}




/*area1 figure*/

#area1 .figureArea .figure1{
top: auto;left: 24px;
}

#area1 .figureArea .figure2{
top: auto;left: 156px;
}

#area1 .figureArea .figure3{
top: auto;left: 517px;
}

#area1 .figureArea .figure4{
top: auto;left: 785px;
}

#area1 .figureArea .figure5{
top: auto;left: 907px;
}

#area1 .figureArea .figure6{
top: auto;left: 1041px;
}

#area1 .figureArea .figure7{
top: auto;left: 1114px;
}

#area1 .figureArea .figure8{
top: auto;left: 1174px;
}

#area1 .figureArea .figure9{
top: auto;left: 1245px;
}

#area1 .figureArea .figure10{
top: auto;left: 1327px;
}

#area1 .figureArea .figure11{
top: auto;left: 1387px;
}

#area1 .figureArea .figure12{
top: auto;left: 2250px;
}

#area1 .figureArea .figure13{
top: auto;left: 2637px;
}

#area1 .figureArea .figure14{
top: auto;left: 2995px;
}

#area1 .figureArea .figure15{
top: auto;left: 3364px;
}

#area1 .figureArea .figure16{
top: auto;left: 3484px;
}

#area1 .figureArea .figure17{
top: auto;left: 4011px;
}

#area1 .figureArea .figure18{
top: auto;left: 4422px;
}

#area1 .figureArea .figure19{
top: auto;left: 5152px;
}

#area1 .figureArea .figure20{
top: auto;left: 5129px;
}

#area1 .figureArea .figure21{
top: auto;left: 5420px;
}

#area1 .figureArea .figure22{
top: auto;left: 5580px;
}

#area1 .figureArea .figure23{
top: auto;left: 5629px;
}

#area1 .figureArea .figure24{
top: auto;left: 5873px;
}

#area1 .figureArea .figure25{
top: auto;left: 5710px;
}

#area1 .figureArea .figure26{
top: auto;left: 5683px;
}

#area1 .figureArea .figure27{
top: auto;left: 6576px;
}

#area1 .figureArea .figure28{
top: auto;left: 7367px;
}

#area1 .figureArea .figure29{
top: auto;left: 7697px;
}

#area1 .figureArea .figure30{
top: auto;left: 7942px;
}

#area1 .figureArea .figure31{
top: auto;left: 8002px;
}

#area1 .figureArea .figure32{
top: auto;left: 8082px;
}

#area1 .figureArea .figure33{
top: auto;left: 8167px;
}

#area1 .figureArea .figure34{
top: auto;left: 8303px;
}

#area1 .figureArea .figure35{
top: auto;left: 8659px;
}

#area1 .figureArea .figure36{
top: auto;left: 8696px;
}

#area1 .figureArea .figure37{
top: auto;left: 8797px;
}

#area1 .figureArea .figure38{
top: auto;left: 8897px;
}

#area1 .figureArea .figure39{
top: auto;left: 8911px;
}

#area1 .figureArea .figure40{
top: auto;left: 9038px;
}

#area1 .figureArea .figure41{
top: auto;left: 9069px;
}

#area1 .figureArea .figure42{
top: auto;left: 9459px;
}

#area1 .figureArea .figure43{
top: auto;left: 9608px;
}

#area1 .figureArea .figure44{
top: auto;left: 11768px;
}

#area1 .figureArea .figure45{
top: auto;left: 11792px;
}

#area1 .figureArea .figure44-1{
top: auto;left: 11840px;
}

/*area2 figure*/

/*#area2 .figureArea .figure44-1{
top: auto;left: 75px;
}*/

#area2 .figureArea .figure1{
top: auto;left: 183px;
}

#area2 .figureArea .figure2{
top: auto;left: 798px;
}

#area2 .figureArea .figure3{
top: auto;left: 1483px;
}

#area2 .figureArea .figure4{
top: auto;left: 1582px;
}

#area2 .figureArea .figure5{
top: auto;left: 1873px;
}

#area2 .figureArea .figure6{
top: auto;left: 2015px;
}

#area2 .figureArea .figure7{
top: auto;left: 2385px;
}

#area2 .figureArea .figure8{
top: auto;left: 2404px;
}

#area2 .figureArea .figure9{
top: auto;left: 2667px;
}

#area2 .figureArea .figure10{
top: auto;left: 3286px;
}

#area2 .figureArea .figure11{
top: auto;left: 3386px;
}

#area2 .figureArea .figure12{
top: auto;left: 3558px;
}

#area2 .figureArea .figure13{
top: auto;left: 4048px;
}

#area2 .figureArea .figure14{
top: auto;left: 4114px;
}

#area2 .figureArea .figure15{
top: auto;left: 4362px;
}

#area2 .figureArea .figure16{
top: auto;left: 4521px;
}

#area2 .figureArea .figure17{
top: auto;left: 4641px;
}

#area2 .figureArea .figure18{
top: auto;left: 5691px;
}

#area2 .figureArea .figure19{
top: auto;left: 5794px;
}

#area2 .figureArea .figure20{
top: auto;left: 5856px;
}

#area2 .figureArea .figure21{
top: auto;left: 6020px;
}

#area2 .figureArea .figure22{
top: auto;left: 6079px;
}

#area2 .figureArea .figure23{
top: auto;left: 6201px;
}

#area2 .figureArea .figure24{
top: auto;left: 6256px;
}

#area2 .figureArea .figure25{
top: auto;left: 6321px;
}

#area2 .figureArea .figure26{
top: auto;left: 6382px;
}

#area2 .figureArea .figure27{
top: auto;left: 6544px;
}

#area2 .figureArea .figure28{
top: auto;left: 6575px;
}

#area2 .figureArea .figure29{
top: auto;left: 6593px;
}

#area2 .figureArea .figure30{
top: auto;left: 6746px;
}
#area2 .figureArea .figure31{
top: auto;left: 6775px;
}
#area2 .figureArea .figure32{
top: auto;left: 6920px;
}
#area2 .figureArea .figure33{
top: auto;left: 6980px;
}
#area2 .figureArea .figure34{
top: auto;left: 7068px;
}
#area2 .figureArea .figure35{
top: auto;left: 7129px;
}
#area2 .figureArea .figure36{
top: auto;left: 7276px;
}
#area2 .figureArea .figure37{
top: auto;left: 7372px;
}
#area2 .figureArea .figure38{
top: auto;left: 7460px;
}

#area2 .figureArea .figure39{
top: auto;left: 980px;
}


/*area3 figure*/

#area3 .figureArea .figure1{
top: auto;left: 52px;
}
#area3 .figureArea .figure2{
top: auto;left: 83px;
}
#area3 .figureArea .figure3{
top: auto;left: 140px;
}
#area3 .figureArea .figure4{
top: auto;left: 201px;
}
#area3 .figureArea .figure5{
top: auto;left: 230px;
}
#area3 .figureArea .figure6{
top: auto;left: 245px;
}
#area3 .figureArea .figure7{
top: auto;left: 245px;
}
#area3 .figureArea .figure8{
top: auto;left: 300px;
}
#area3 .figureArea .figure9{
top: auto;left: 440px;
}
#area3 .figureArea .figure10{
top: auto;left: 488px;
}
#area3 .figureArea .figure11{
top: auto;left: 511px;
}
#area3 .figureArea .figure12{
top: auto;left: 560px;
}
#area3 .figureArea .figure13{
top: auto;left: 587px;
}
#area3 .figureArea .figure14{
top: auto;left: 620px;
}
#area3 .figureArea .figure15{
top: auto;left: 648px;
}
#area3 .figureArea .figure16{
top: auto;left: 757px;
}
#area3 .figureArea .figure17{
top: auto;left: 771px;
}
#area3 .figureArea .figure18{
top: auto;left: 801px;
}
#area3 .figureArea .figure19{
top: auto;left: 894px;
}
#area3 .figureArea .figure20{
top: auto;left: 990px;
}
#area3 .figureArea .figure21{
top: auto;left: 1011px;
}
#area3 .figureArea .figure22{
top: auto;left: 1133px;
}
#area3 .figureArea .figure23{
top: auto;left: 1160px;
}
#area3 .figureArea .figure24{
top: auto;left: 1250px;
}
#area3 .figureArea .figure25{
top: auto;left: 1307px;
}
#area3 .figureArea .figure26{
top: auto;left: 1337px;
}
#area3 .figureArea .figure27{
top: auto;left: 1465px;
}
#area3 .figureArea .figure28{
top: auto;left: 1519px;
}
#area3 .figureArea .figure29{
top: auto;left: 1550px;
}
#area3 .figureArea .figure30{
top: auto;left: 1570px;
}
#area3 .figureArea .figure31{
top: auto;left: 1645px;
}
#area3 .figureArea .figure32{
top: auto;left: 1664px;
}
#area3 .figureArea .figure33{
top: auto;left: 1849px;
}
#area3 .figureArea .figure34{
top: auto;left: 1882px;
}
#area3 .figureArea .figure35{
top: auto;left: 2043px;
}
#area3 .figureArea .figure36{
top: auto;left: 2261px;
}
#area3 .figureArea .figure37{
top: auto;left: 2529px;
}
#area3 .figureArea .figure38{
top: auto;left: 2720px;
}
#area3 .figureArea .figure39{
top: auto;left: 2780px;
}
#area3 .figureArea .figure40{
top: auto;left: 2925px;
}
#area3 .figureArea .figure41{
top: auto;left: 2997px;
}
#area3 .figureArea .figure42{
top: auto;left: 3160px;
}
#area3 .figureArea .figure43{
top: auto;left: 3110px;
}
#area3 .figureArea .figure44{
top: auto;left: 3190px;
}
#area3 .figureArea .figure45{
top: auto;left: 3130px;
}
#area3 .figureArea .figure46{
top: auto;left: 3409px;
}
#area3 .figureArea .figure47{
top: auto;left: 3681px;
}
#area3 .figureArea .figure48{
top: auto;left: 3822px;
}
#area3 .figureArea .figure49{
top: auto;left: 3854px;
}
#area3 .figureArea .figure50{
top: auto;left: 4013px;
}
#area3 .figureArea .figure51{
top: auto;left: 4040px;
}
#area3 .figureArea .figure52{
top: auto;left: 4161px;
}
#area3 .figureArea .figure53{
top: auto;left: 4177px;
}
#area3 .figureArea .figure54{
top: auto;left: 4192px;
}
#area3 .figureArea .figure55{
top: auto;left: 4280px;
}
#area3 .figureArea .figure56{
top: auto;left: 4380px;
}
#area3 .figureArea .figure57{
top: auto;left: 4397px;
}
#area3 .figureArea .figure58{
top: auto;left: 4412px;
}
#area3 .figureArea .figure59{
top: auto;left: 4526px;
}
#area3 .figureArea .figure60{
top: auto;left: 4549px;
}
#area3 .figureArea .figure61{
top: auto;left: 4581px;
}
#area3 .figureArea .figure62{
top: auto;left: 4601px;
}
#area3 .figureArea .figure63{
top: auto;left: 4620px;
}
#area3 .figureArea .figure64{
top: auto;left: 4786px;
}
#area3 .figureArea .figure65{
top: auto;left: 4858px;
}
#area3 .figureArea .figure66{
top: auto;left: 4954px;
}
#area3 .figureArea .figure67{
top: auto;left: 4971px;
}
#area3 .figureArea .figure68{
top: auto;left: 4988px;
}
#area3 .figureArea .figure69{
top: auto;left: 4876px;
}
#area3 .figureArea .figure70{
top: auto;left: 5181px;
}
#area3 .figureArea .figure71{
top: auto;left: 5122px;
}
#area3 .figureArea .figure72{
top: auto;left: 5224px;
}
#area3 .figureArea .figure73{
top: auto;left: 5254px;
}
#area3 .figureArea .figure74{
top: auto;left: 5355px;
}
#area3 .figureArea .figure75{
top: auto;left: 5319px;
}
#area3 .figureArea .figure76{
top: auto;left: 5570px;
}
#area3 .figureArea .figure77{
top: auto;left: 5609px;
}
#area3 .figureArea .figure78{
top: auto;left: 5621px;
}
#area3 .figureArea .figure79{
top: auto;left: 5645px;
}
#area3 .figureArea .figure80{
top: auto;left: 5680px;
}
#area3 .figureArea .figure81{
top: auto;left: 5664px;
}
#area3 .figureArea .figure82{
top: auto;left: 5696px;
}
#area3 .figureArea .figure83{
top: auto;left: 5850px;
}
#area3 .figureArea .figure84{
top: auto;left: 6060px;
}
#area3 .figureArea .figure85{
top: auto;left: 5880px;
}
#area3 .figureArea .figure86{
top: auto;left: 5910px;
}
#area3 .figureArea .figure87{
top: auto;left: 5956px;
}
#area3 .figureArea .figure88{
top: auto;left: 5997px;
}
#area3 .figureArea .figure89{
top: auto;left: 6028px;
}
#area3 .figureArea .figure90{
top: auto;left: 6214px;
}
#area3 .figureArea .figure91{
top: auto;left: 6325px;
}
#area3 .figureArea .figure92{
top: auto;left: 6352px;
}
#area3 .figureArea .figure93{
top: auto;left: 6310px;
}
#area3 .figureArea .figure94{
top: auto;left: 6338px;
}
#area3 .figureArea .figure95{
top: auto;left: 6389px;
}
#area3 .figureArea .figure96{
top: auto;left: 6372px;
}
#area3 .figureArea .figure97{
top: auto;left: 6410px;
}
#area3 .figureArea .figure98{
top: auto;left: 6430px;
}
#area3 .figureArea .figure99{
top: auto;left: 6619px;
}
#area3 .figureArea .figure100{
top: auto;left: 6639px;
}
#area3 .figureArea .figure101{
top: auto;left: 6662px;
}
#area3 .figureArea .figure102{
top: auto;left: 6679px;
}
#area3 .figureArea .figure103{
top: auto;left: 6699px;
}
#area3 .figureArea .figure104{
top: auto;left: 6719px;
}
#area3 .figureArea .figure105{
top: auto;left: 6739px;
}
#area3 .figureArea .figure106{
top: auto;left: 6828px;
}
#area3 .figureArea .figure107{
top: auto;left: 6936px;
}
#area3 .figureArea .figure108{
top: auto;left: 6965px;
}
#area3 .figureArea .figure109{
top: auto;left: 7022px;
}
#area3 .figureArea .figure110{
top: auto;left: 7039px;
}
#area3 .figureArea .figure111{
top: auto;left: 7080px;
}
#area3 .figureArea .figure112{
top: auto;left: 7100px;
}
/*#area3 .figureArea .figure113{
top: auto;left: 7120px;
}*/
#area3 .figureArea .figure114{
top: auto;left: 7140px;
}

/*area4 figure*/
#area4 .figureArea .figure113{
top: auto;left: 0;
}
#area4 .figureArea .figure1{
top: auto;left: 173px;
}
#area4 .figureArea .figure2{
top: auto;left: 20px;
}
#area4 .figureArea .figure3{
top: auto;left: 33px
}
#area4 .figureArea .figure4{
top: auto;left: 83px;
}
#area4 .figureArea .figure5{
top: auto;left: 192px;
}
#area4 .figureArea .figure6{
top: auto;left: 231px;
}
#area4 .figureArea .figure7{
top: auto;left: 248px;
}
#area4 .figureArea .figure8{
top: auto;left: 299px;
}
#area4 .figureArea .figure9{
top: auto;left: 315px;
}
#area4 .figureArea .figure10{
top: auto;left: 333px;
}
#area4 .figureArea .figure11{
top: auto;left: 410px;
}
#area4 .figureArea .figure12{
top: auto;left: 468px;
}
#area4 .figureArea .figure13{
top: auto;left: 442px;
}
#area4 .figureArea .figure14{
top: auto;left: 501px;
}
#area4 .figureArea .figure15{
top: auto;left: 530px;
}
#area4 .figureArea .figure16{
top: auto;left: 570px;
}
#area4 .figureArea .figure17{
top: auto;left: 650px;
}
#area4 .figureArea .figure18{
top: auto;left: 600px;
}
#area4 .figureArea .figure19{
top: auto;left: 630px;
}
#area4 .figureArea .figure20{
top: auto;left: 670px;
}
#area4 .figureArea .figure21{
top: auto;left: 770px;
}
#area4 .figureArea .figure22{
top: auto;left: 833px;
}
#area4 .figureArea .figure23{
top: auto;left: 982px;
}
#area4 .figureArea .figure24{
top: auto;left: 1002px;
}
#area4 .figureArea .figure25{
top: auto;left: 1075px;
}
#area4 .figureArea .figure26{
top: auto;left: 1100px;
}
#area4 .figureArea .figure27{
top: auto;left: 1122px;
}
#area4 .figureArea .figure28{
top: auto;left: 1269px;
}
#area4 .figureArea .figure29{
top: auto;left: 1191px;
}
#area4 .figureArea .figure30{
top: auto;left: 1248px;
}
#area4 .figureArea .figure31{
top: auto;left: 1285px;
}
#area4 .figureArea .figure32{
top: auto;left: 1309px;
}
#area4 .figureArea .figure33{
top: auto;left: 1328px;
}
#area4 .figureArea .figure34{
top: auto;left: 1390px;
}
#area4 .figureArea .figure35{
top: auto;left: 1360px;
}
#area4 .figureArea .figure36{
top: auto;left: 1489px;
}
#area4 .figureArea .figure37{
top: auto;left: 1570px;
}
#area4 .figureArea .figure38{
top: auto;left: 1588px;
}
#area4 .figureArea .figure39{
top: auto;left: 1630px;
}
#area4 .figureArea .figure40{
top: auto;left: 1643px;
}
#area4 .figureArea .figure41{
top: auto;left: 1716px;
}
#area4 .figureArea .figure42{
top: auto;left: 1738px;
}
#area4 .figureArea .figure43{
top: auto;left: 1753px;
}
#area4 .figureArea .figure44{
top: auto;left: 1852px;
}
#area4 .figureArea .figure45{
top: auto;left: 1870px;
}
#area4 .figureArea .figure46{
top: auto;left: 1940px;
}
#area4 .figureArea .figure47{
top: auto;left: 2170px;
}
#area4 .figureArea .figure48{
top: auto;left: 2301px;
}
#area4 .figureArea .figure49{
top: auto;left: 2328px;
}
#area4 .figureArea .figure50{
top: auto;left: 2347px;
}
#area4 .figureArea .figure51{
top: auto;left: 2390px;
}
#area4 .figureArea .figure52{
top: auto;left: 2447px;
}
#area4 .figureArea .figure53{
top: auto;left: 2520px;
}
#area4 .figureArea .figure54{
top: auto;left: 2560px;
}
#area4 .figureArea .figure55{
top: auto;left: 2664px;
}
#area4 .figureArea .figure56{
top: auto;left: 2682px;
}
#area4 .figureArea .figure57{
top: auto;left: 2750px;
}
#area4 .figureArea .figure58{
top: auto;left: 2809px;
}
#area4 .figureArea .figure59{
top: auto;left: 2826px;
}
#area4 .figureArea .figure60{
top: auto;left: 2901px;
}
#area4 .figureArea .figure61{
top: auto;left: 2931px;
}
#area4 .figureArea .figure62{
top: auto;left: 2959px;
}
#area4 .figureArea .figure63{
top: auto;left: 2989px;
}
#area4 .figureArea .figure64{
top: auto;left: 3006px;
}
#area4 .figureArea .figure65{
top: auto;left: 3120px;
}
#area4 .figureArea .figure66{
top: auto;left: 3140px;
}
#area4 .figureArea .figure67{
top: auto;left: 3160px;
}
#area4 .figureArea .figure68{
top: auto;left: 3180px;
}
#area4 .figureArea .figure69{
top: auto;left: 3252px;
}
#area4 .figureArea .figure70{
top: auto;left: 3440px;
}
#area4 .figureArea .figure71{
top: auto;left: 3400px;
}
#area4 .figureArea .figure72{
top: auto;left: 3455px;
}
#area4 .figureArea .figure73{
top: auto;left: 3553px;
}
#area4 .figureArea .figure74{
top: auto;left: 3533px;
}
#area4 .figureArea .figure75{
top: auto;left: 3469px;
}
#area4 .figureArea .figure76{
top: auto;left: 3610px;
}
#area4 .figureArea .figure77{
top: auto;left: 3651px;
}
#area4 .figureArea .figure78{
top: auto;left: 3709px;
}
#area4 .figureArea .figure79{
top: auto;left: 3773px;
}
#area4 .figureArea .figure80{
top: auto;left: 3851px;
}
#area4 .figureArea .figure81{
top: auto;left: 3869px;
}
#area4 .figureArea .figure82{
top: auto;left: 3888px;
}
#area4 .figureArea .figure83{
top: auto;left: 3906px;
}
#area4 .figureArea .figure84{
top: auto;left: 4160px;
}
#area4 .figureArea .figure85{
top: auto;left: 4180px;
}
#area4 .figureArea .figure86{
top: auto;left: 4210px;
}
#area4 .figureArea .figure87{
top: auto;left: 4433px;
}
#area4 .figureArea .figure88{
top: auto;left: 4728px;
}
#area4 .figureArea .figure89{
top: auto;left: 4759px;
}
#area4 .figureArea .figure90{
top: auto;left: 4937px;
}
#area4 .figureArea .figure91{
top: auto;left: 4969px;
}
#area4 .figureArea .figure92{
top: auto;left: 5088px;
}
#area4 .figureArea .figure93{
top: auto;left: 5262px;
}
#area4 .figureArea .figure94{
top: auto;left: 5298px;
}
#area4 .figureArea .figure95{
top: auto;left: 5416px;
}
#area4 .figureArea .figure96{
top: auto;left: 5447px;
}
#area4 .figureArea .figure97{
top: auto;left: 5480px;
}
#area4 .figureArea .figure98{
top: auto;left: 5495px;
}
#area4 .figureArea .figure99{
top: auto;left: 5646px;
}
#area4 .figureArea .figure100{
top: auto;left: 5667px;
}
#area4 .figureArea .figure101{
top: auto;left: 5613px;
}
#area4 .figureArea .figure102{
top: auto;left: 5684px;
}
#area4 .figureArea .figure103{
top: auto;left: 5704px;
}

/*area5 figure*/

#area5 .figureArea .figure1{
top: auto;left: 3px;
}
#area5 .figureArea .figure2{
top: auto;left: 232px;
}
#area5 .figureArea .figure3{
top: auto;left: 263px;
}
#area5 .figureArea .figure4{
top: auto;left: 321px;
}
#area5 .figureArea .figure5{
top: auto;left: 426px;
}
#area5 .figureArea .figure6{
top: auto;left: 474px;
}
#area5 .figureArea .figure7{
top: auto;left: 547px;
}
#area5 .figureArea .figure8{
top: auto;left: 644px;
}
#area5 .figureArea .figure9{
top: auto;left: 670px;
}
#area5 .figureArea .figure10{
top: auto;left: 756px;
}
#area5 .figureArea .figure11{
top: auto;left: 779px;
}
#area5 .figureArea .figure12{
top: auto;left: 945px;
}
#area5 .figureArea .figure13{
top: auto;left: 970px;
}
#area5 .figureArea .figure14{
top: auto;left: 991px;
}
#area5 .figureArea .figure15{
top: auto;left: 1082px;
}
#area5 .figureArea .figure16{
top: auto;left: 1129px;
}
#area5 .figureArea .figure17{
top: auto;left: 1159px;
}
#area5 .figureArea .figure18{
top: auto;left: 1237px;
}
#area5 .figureArea .figure19{
top: auto;left: 1254px;
}
#area5 .figureArea .figure20{
top: auto;left: 1280px;
}
#area5 .figureArea .figure21{
top: auto;left: 1309px;
}
#area5 .figureArea .figure22{
top: auto;left: 1430px;
}
#area5 .figureArea .figure23{
top: auto;left: 1461px;
}
#area5 .figureArea .figure24{
top: auto;left: 1482px;
}
#area5 .figureArea .figure25{
top: auto;left: 1496px;
}
#area5 .figureArea .figure26{
top: auto;left: 1510px;
}
#area5 .figureArea .figure27{
top: auto;left: 1663px;
}
#area5 .figureArea .figure28{
top: auto;left: 1697px;
}
#area5 .figureArea .figure29{
top: auto;left: 1676px;
}
#area5 .figureArea .figure30{
top: auto;left: 1715px;
}
#area5 .figureArea .figure31{
top: auto;left: 1820px;
}
#area5 .figureArea .figure32{
top: auto;left: 1848px;
}
#area5 .figureArea .figure33{
top: auto;left: 1872px;
}
#area5 .figureArea .figure34{
top: auto;left: 1957px;
}
#area5 .figureArea .figure35{
top: auto;left: 1971px;
}
#area5 .figureArea .figure36{
top: auto;left: 2108px;
}
#area5 .figureArea .figure37{
top: auto;left: 2298px;
}
#area5 .figureArea .figure38{
top: auto;left: 2359px;
}
#area5 .figureArea .figure39{
top: auto;left: 2422px;
}
#area5 .figureArea .figure40{
top: auto;left: 2471px;
}
#area5 .figureArea .figure41{
top: auto;left: 2570px;
}
#area5 .figureArea .figure42{
top: auto;left: 2601px;
}
#area5 .figureArea .figure43{
top: auto;left: 2614px;
}
#area5 .figureArea .figure44{
top: auto;left: 2930px;
}
#area5 .figureArea .figure45{
top: auto;left: 3051px;
}
#area5 .figureArea .figure46{
top: auto;left: 3072px;
}
#area5 .figureArea .figure47{
top: auto;left: 3139px;
}
#area5 .figureArea .figure48{
top: auto;left: 3154px;
}
#area5 .figureArea .figure49{
top: auto;left: 3173px;
}
#area5 .figureArea .figure50{
top: auto;left: 3291px;
}
#area5 .figureArea .figure51{
top: auto;left: 3348px;
}
#area5 .figureArea .figure52{
top: auto;left: 3320px;
}
#area5 .figureArea .figure53{
top: auto;left: 3441px;
}
#area5 .figureArea .figure54{
top: auto;left: 3459px;
}
#area5 .figureArea .figure55{
top: auto;left: 3477px;
}
#area5 .figureArea .figure56{
top: auto;left: 3510px;
}
#area5 .figureArea .figure57{
top: auto;left: 3531px;
}
#area5 .figureArea .figure58{
top: auto;left: 3550px;
}
#area5 .figureArea .figure59{
top: auto;left: 3651px;
}


#topicsBtn{
z-index: 200;
position: fixed;
width: 51px;
height: 48px;
bottom: 0px;
left: 50%;
margin-left: 438px;
overflow: hidden;
}

#topicsBtn .topicsImg{
position: absolute;
top:-48px;
}

#topicsBtn:hover{
cursor: pointer;
  filter: alpha(opacity=90);
  -moz-opacity:0.9;
  opacity:0.9;
}

#topicsNav{
width:978px;
height: 180px;
position: fixed;
left: 50%;
margin-left:-489px;
bottom: -180px;
background-color: #dedede;
z-index: 2000;
background-image: url(../img/topicsTitle.gif);
background-repeat: no-repeat;
background-position-x: 30px;
background-position-y: 20px;
background-position: 30px 20px;
}

#topicsNav ul{
margin: 40px 0 0px 30px ;
}

#topicsNav ul li{
width:122px;
height: 122px;
float: left;
background-image: url(../img/topicsPict1.jpg);
margin-right: 10px;
position: relative;
}

#topicsNav ul li#top1{
background-image: url(../img/topicsPict1.jpg);
}
#topicsNav ul li#top2{
background-image: url(../img/topicsPict2.jpg);
}
#topicsNav ul li#top3{
background-image: url(../img/topicsPict3.jpg);
}
#topicsNav ul li#top4{
background-image: url(../img/topicsPict4.jpg);
}
#topicsNav ul li#top5{
background-image: url(../img/topicsPict5.jpg);
}
#topicsNav ul li#top6{
background-image: url(../img/topicsPict6.jpg);
}
#topicsNav ul li#top7{
background-image: url(../img/topicsPict7.jpg);
}




#topicsNav ul li .topicsNavText{
display: table;
color: black;
font-size: 12px;
width:122px;
height: 122px;
position: absolute;
top:0;
left: 0;
text-align: center;
z-index: 10;
  filter: alpha(opacity=0);
  -moz-opacity:0;
  opacity:0;
  zoom:1;
}

#topicsNav ul li .topicsNavText:hover{
cursor: pointer;
}

#topicsNav ul li .topicsNavText p{
display: table-cell;
width:122px;
height: 122px;
margin-bottom: 1px;
vertical-align: middle;
}

*:first-child+html #topicsNav ul li .topicsNavText p.s{/* IE 7 */
position: absolute;
top: 50%;
margin-top: -1em;
left:0;
}
*:first-child+html #topicsNav ul li .topicsNavText p.w{/* IE 7 */
position: absolute;
top: 50%;
margin-top: -1.5em;
left:0;
}
*:first-child+html #topicsNav ul li .topicsNavText p.t{/* IE 7 */
position: absolute;
top: 50%;
margin-top: -2em;
left:0;
}
*:first-child+html #topicsNav ul li .topicsNavText p.f{/* IE 7 */
position: absolute;
top: 50%;
margin-top: -2.5em;
left:0;
}

#topicsNav ul li .topicsNavBg{
width:122px;
height: 122px;
background-color: white;
position: absolute;
top:0;
left: 0;
z-index: 4;
  filter: alpha(opacity=0);
  -moz-opacity:0;
  opacity:0;
}

#topicsNav ul li .topicsNavBg:hover{
cursor: pointer;
}

#fotNavWrap{
position: fixed;
width:874px;
height: 48px;
bottom:0px;
left:50%;
margin-left: -437px;
z-index: 200;
background-image: url(../img/memoryBg.gif);
}

#fotNav{
position: fixed;
width:858px;
height: 48px;
bottom:0px;
left:50%;
margin-left: -430px;
z-index: 200;
}

#backTop{
position: fixed;
width:51px;
height: 48px;
bottom:0px;
left:50%;
margin-left: -489px;
z-index: 200;
background-image: url(../img/memoryBtn.gif);
}

#backTop:hover{
cursor: pointer;
  filter: alpha(opacity=90);
  -moz-opacity:0.9;
  opacity:0.9;
}

#fotNav:hover{
cursor: pointer;
}

#fotNav .line{
width: 0%;
height: 5px;
background-image: url(../img/memoryLine.gif);
position: absolute;
top:16px;
}

#fotNav .figure{
position: absolute;
top: -8px;
right: -7px;
}

#fotNav .fotArea{
background-color:transparent;
top:0;
background-image: url(../img/alpha.gif);
}

#fotNav .fotArea:hover{
background-color:#999;
}

#fotNav .fotArea#fotArea1{
width: 280px;
position: absolute;
left: -8px;
height: 100%;
  filter: alpha(opacity=10);
  -moz-opacity:0.1;
  opacity:0.1;
}

#fotNav .fotArea#fotArea2{
width: 184px;
position: absolute;
left: 272px;
height: 100%;
  filter: alpha(opacity=10);
  -moz-opacity:0.1;
  opacity:0.1;
}

#fotNav .fotArea#fotArea3{
width: 179px;
position: absolute;
left: 456px;
height: 100%;
  filter: alpha(opacity=10);
  -moz-opacity:0.1;
  opacity:0.1;
}

#fotNav .fotArea#fotArea4{
width: 151px;
position: absolute;
left: 635px;
height: 100%;
  filter: alpha(opacity=10);
  -moz-opacity:0.1;
  opacity:0.1;
}

#fotNav .fotArea#fotArea5{
width: 80px;
position: absolute;
left: 786px;
height: 100%;
  filter: alpha(opacity=10);
  -moz-opacity:0.1;
  opacity:0.1;
}

.fotText{
position: fixed;
width: 973px;
height: 25px;
bottom: 49px;
left: 50%;
margin-left: -489px;
z-index: 10000;
background-color: #fbfbfb;
color: #bf3142;
display: none;
padding: 3px 0 0 5px;
font-size: 18px;
font-family: "Georgia";
}

.fotText span{
color: black;
font-size: 14px;
padding-left: 20px;
}

.areaTitle{
width: 1600px;
height: 100%;
background-color:#f7f7f7;
position: relative;
z-index: 100;
}


.areaTitle.section1{
background-image: url(../img/title1.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
position: relative;
left: 1000px;
}

.areaTitle.section2{
background-image: url(../img/title2.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}

.areaTitle.section3{
background-image: url(../img/title3.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}

.areaTitle.section4{
background-image: url(../img/title4.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}

.areaTitle.section5{
background-image: url(../img/title5.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}

.areaTitle.section6{
background-image: url(../img/title6.gif);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}

.ctBox .inner img{
position: absolute;
top:0;
left: 0;
}

.scrollCt ul li{
}

.scrollCt ul{
margin:180px 0 0px 30px;
}

.scrollCt{
background-image: url(../img/lineX.png);
background-position: left center;
background-repeat: repeat-x;
width: 100%;
}



.alh:hover{
  filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
  cursor: pointer;
}

.realh{
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}

.realh:hover{
  filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
  cursor: pointer;
}


#topLogo{
position:absolute;
left:100px;
top: 50px;
z-index: 5;
width: 1030px;
height: 470px;
}

.preimg{
       width: 0px;
       height: 0px;
       display: inline;}

.none{
display: none;
}

#wall{
position: fixed;
z-index: 10000;
width:100%;
height:100%;
background-color:#f7f7f7;
display: none;
  filter: alpha(opacity=90);
  -moz-opacity:0.9;
  opacity:0.9;
  overflow: auto;
}

#blockWall{
position: fixed;
z-index: 10005;
width:100%;
height:100%;
background-image: url(../img/alpha.gif);
display: none;
}

#colorWall{
overflow: auto;
position: absolute;
z-index: 10001;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: none;
}

#colorWall .closeArea{
position: absolute;
z-index: 1600;
width: 100%;
height: 100%;
left: 0;
top: 0px;
background-color: transparent;
background-image: url(../img/alpha.gif);
}

#boxLoad{
background-image: url(../img/boxLoading.gif);
background-position: center center;
background-repeat: no-repeat;
position: fixed;
height: 16px;
width: 16px;
left: 50%;
top:50%;
margin-left: -8px;
margin-top: -8px;
z-index:10000;
display: none;
}

#colorWallInner{
position:absolute;
z-index: 10001;
width:860px;
min-height: 500px;
left:50%;
margin-left: -430px;
top:50px;
background-color: white;
margin-bottom: 100px;
}

#colorWallInner.red{
background-image: url(../img/bgR.jpg);
}

#colorWallInner.brick{
background-image: url(../img/bgB.jpg);
}
#colorWallInner.white{
background-color: white;
}

#colorWallInner #loadCover{
position: absolute;
background-color: white;
width: 100%;
height: 100%;
z-index: 1;
}



body{
}

html{
overflow: hidden;
}

#screen{
overflow-x:hidden;
overflow-y: hidden;
position: relative;
}

#header{
position: fixed;
width:100%;
top:0;
z-index: 100;
min-width: 960px;
}

#header #headTag{
position: absolute;
top:0px;
left:20px;
}

#header #headItem{
position: absolute;
top:0px;
left:190px;
}

#header #headForm{
position: absolute;
top:0px;
left:158px;
}

#header #headSns{
position: absolute;
top: 4px;
left: 303px;
}


#header #headSns #snsbtns{

padding: 10px;
position: absolute;
top: 30px;
left: -37px;
height: 73px;
background-color: #666;
width: 106px;
}
#snsbtns li {
margin-bottom: 2px;
}

#searchResult{
position:fixed;
right: 10px;
top: 39px;
z-index: 100;
background-color: black;
}

#searchResult ul{
max-width: 900px;
display: none;
position: relative;
}


#searchResult .nolist{
font-size: 12px;
display: block;
padding-left: 10px;
height: 50px;
line-height: 50px;
color: #ccc;
}

#searchResult #resultClose{
display: block;
position: absolute;
width: 25px;
height: 25px;
background-color: black;
color: white;
left: -25px;
}



#searchResult li{
float: left;
}

#searchResult li img{
display: block;
padding: 20px;
}

#searchResult li:hover{
cursor: pointer;
}

#searchBox .p{
position: absolute;
right: 10px;
top:0;
}

#searchBox .p .alh{
position: absolute;
right: 0px;
top:0;
}

#searchBox .p .load{
background-color: black;
position: absolute;
right: 0px;
top: 0;
width: 36px;
height: 36px;
z-index: 10;
background-image: url(../img/photoLoad.gif);
background-repeat: no-repeat;
background-position: center center;
}


#goView{
position: absolute;
width:161px;
height: 22px;
background-image: url(../img/view.gif);
top: 495px;
left: 380px;
}

#goView{
position: absolute;
width:161px;
height: 22px;
background-image: url(../img/view.gif);
top: 495px;
left: 380px;
}

#indexBlock .scrollBg{
background-image: url(../img/flybg.gif);
background-position: 300px center;
background-repeat:no-repeat;
}

#indexBlock .scrollCt{
background-image: none;
}

#searchBox input{
border:6px solid #000;
background-color:#333;
color: #999;
position: absolute;
top:0px;
right: 50px;
width:150px;
height: 21px;
padding: 3px 0 0 5px;
}

.reInner{
position: relative;
top:0;
left:0;
}

#railWrap{
height: 100%;
width: 45000px;
}


.scrollBlock{
height:100%;
width:7200px;
float: left;
position: relative;
font-family: "Georgia";
}

.scrollBlock#area1{
width:11880px;
}

.scrollBlock#area2{
width:7560px;
}

.scrollBlock#area3{
width:7200px;
}

.scrollBlock#area4{
width:5760px;
}

.scrollBlock#area5{
width:3960px;
}

.pictBg{
display:none;
}

.scrollBlock#area1 .pictBg{
z-index: 0;
height: 1599px;
width: 100%;
position: absolute;
overflow: hidden;
top: 50%;
margin-top: -792px;
left: 233px;
background-repeat: no-repeat;
}

.scrollBlock#area2 .pictBg{
z-index: 0;
height: 967px;
width: 100%;
position: absolute;
overflow: hidden;
top: 50%;
margin-top: -515px;
left: 51px;
background-repeat: no-repeat;
}

.scrollBlock#area3 .pictBg{
z-index: 0;
height: 1011px;
width: 100%;
position: absolute;
overflow: hidden;
top: 50%;
margin-top: -513px;
left: 130px;
background-repeat: no-repeat;
}

.scrollBlock#area4 .pictBg{
z-index: 0;
height: 1260px;
width: 100%;
position: absolute;
overflow: hidden;
top: 50%;
margin-top: -586px;
left: 385px;
background-repeat: no-repeat;
}

.scrollBlock#area5 .pictBg{
z-index: 0;
height: 1325px;
width: 100%;
position: absolute;
overflow: hidden;
top: 50%;
margin-top: -546px;
left: 312px;
background-repeat: no-repeat;
}


.scrollBlock .endWhite{
position: absolute;
height: 100%;
width: 1px;
background-color: white;
right: 0px;
z-index: 1;
}

.scrollBlock.titleArea{
width:1600px;
}


.scrollBlock.titleArea .scrollBg{
width:1600px;
}

.scrollBlock.titleArea .scrollCt{
width:1600px;
}




#indexBlock{
width:2600px;
}


#indexBlock #titleWall{
position: absolute;
z-index: 3;
width: 100%;
height: 100%;
background-color: white;
}

#indexBlock #titleBlock{
position: absolute;
z-index: 20;
width: 100%;
height: 100%;
background-image: url(../img/alpha.gif);
}


#indexBlock .flytitle{
margin-top: 110px;
position: relative;
z-index: 5;
}

#indexBlock .flytext{
margin-top: 20px;
position: relative;
z-index: 5;
}


#indexBlock .flybtn{
margin-top: 20px;
}

#indexBlock .flybtn:hover{
cursor: pointer;
}

#indexBlock .flyarrow{
position: absolute;
top: 85px;
left: 646px;
width: 159px; height: 274px; background: url(../img/flyarrow.png) 0px 0px no-repeat;
}

#indexBlock .flyarrow:hover{
width: 159px; height: 274px; background: url(../img/flyarrow.png) -159px 0px no-repeat;
}

#indexBlock .flyarrow.activearrow{
width: 159px; height: 274px; background: url(../img/flyarrow.png) -159px 0px no-repeat;
}

#indexBlock .flyarrow:hover{
cursor: pointer;
}

.scrollBlock .scrollCt{
/*
border: 1px solid green;
*/

height: 580px;
width:7200px;
position: absolute;
top:50%;
margin-top: -314px;
z-index: 10;
overflow: hidden;
left: 0px;
}

#indexBlock .scrollCt{
/*
border: 1px solid green;
*/
height: 580px;
width:36360px;
position: absolute;
top:50%;
margin-top: -290px;
z-index: 10;
}

.scrollBlock#area1 .scrollCt{
width:11880px;
}

.scrollBlock#area2 .scrollCt{
width:7560px;
}

.scrollBlock#area3 .scrollCt{
width:7200px;
}

.scrollBlock#area4 .scrollCt{
width:5760px;
}

.scrollBlock#area5 .scrollCt{
width:3960px;
}


.scrollBlock .scrollBg{
height:100%;
width:7200px;
position: absolute;
overflow: hidden;
}


.scrollBlock#area1 .scrollBg{
width:11880px;
}

.scrollBlock#area2 .scrollBg{
width:7560px;
}

.scrollBlock#area3 .scrollBg{
width:7200px;
}

.scrollBlock#area4 .scrollBg{
width:5760px;
}

.scrollBlock#area5 .scrollBg{
width:3960px;
}



#indexBlock .scrollBg{
height:100%;
width:2600px;
position: absolute;
overflow: hidden;
z-index: 1;
}


.scrollBlock .scrollBg.white{
background-repeat-y: repeat;
background-image: url(../img/lineY.png);
}

.scrollBlock .scrollBg.red{
background-image: url(../img/bgR.jpg);
}

.scrollBlock .scrollBg.brick{
background-image: url(../img/bgB.jpg);
}

.scrollBlock .scrollBgInner{
position: absolute;
height: 1000px;
width:1200px;
top:50%;
margin-top: -500px;
}

#area1.scrollBlock .bgElmA{
position: absolute;
width: 9475px;
height: 1500px;
top: 650px;
left: 1044px;
}

#indexBlock .bgElmA{
position: absolute;
width: 290px;
height: 226px;
top: 650px;
left: 1044px;
background-image: url(../img/bgA.jpg);
background-repeat: no-repeat;
}


.scrollBg.red .bgElmA {
position: absolute;
width: 290px;
height: 226px;
top: 105px;
left: 100px;
background-image: url(../img/bgA.jpg);
}

.scrollBg.brick .bgElmA {
position: absolute;
width: 394px;
height: 416px;
top: 592px;
left: 695px;
background-image: url(../img/wallLogoB.png);
}

.scrollBg.white .bgElmA {
position: absolute;
width: 290px;
height: 226px;
top: 714px;
left: 73px;
background-repeat: no-repeat;
background-image: url(../img/bgA.jpg);
z-index: 10;
}


.scrollBlock .scrollCt .photos{
width: 250px;
height: 250px;
position: absolute;
}

.photos:hover{
cursor: pointer;
}



.scrollBlock .scrollCt .photoInner .photoImg{
vertical-align: middle;
}



.scrollBlock .scrollCt .x .imgBlock{
width: 176px;
height: 133px;
overflow: hidden;
background-color: black;
position: absolute;
top: 57px;
left: 38px;
z-index: 1;
text-align: center;
}

.scrollBlock .scrollCt .x .reimgInner{
width: 176px;
height: 133px;
position: relative;
display:table-cell;
text-align:center;
vertical-align:middle;
layout-grid-line:133px;
text-align: center;
}

.scrollBlock .scrollCt .y .imgBlock{
width: 133px;
height: 176px;
overflow: hidden;
background-color: black;
position: absolute;
top: 36px;
left: 59px;
z-index: 1;
text-align: center;

}

.scrollBlock .scrollCt .y .reimgInner{
width: 133px;
height: 176px;
position: relative;
display:table-cell;
text-align:center;
vertical-align:middle;
layout-grid-line:176px;
text-align: center;
}


.scrollBlock .scrollCt .cover{
position: absolute;
top:0;
left:0;
width:100%;
height: 100%;
background-image: url(../img/loader.gif);
background-repeat: no-repeat;
background-position: center center;
background-color: black;
z-index: 10;
}

.scrollBlock .scrollCt .photoInner{
height: 100%;
position: relative;
top: 0;
left: 0;
width: 100%;
}

.scrollBlock .scrollCt .case{
position: absolute;
top:0;
left:0;
z-index: 15;
}


.scrollBlock.white .listUserComments{
color: black;
}

.scrollBlock.red .listUserComments{
color: black;
}

.scrollBlock.brick .listUserComments{
color: white;
}

#indexBlock .listUserComments{
color: black;
}



.scrollBlock .scrollCt .x .listUserComments{
position: absolute;
top:215px;
width: 250px;
}

.scrollBlock .scrollCt .y .listUserComments{
position: absolute;
top: 239px;
width: 250px;
}

.listUserInner{
position: relative;
}

.listUserInner .textmiddle{
text-align: center;
font-size: 11px;
}

.listUserInner .textmiddle img{
display: inline-block;
vertical-align: middle;
*zoom: 1; /* for IE6-7 */
*display: inline; /* for IE6-7 */
}

.listUserInner .textmiddle span{
display: inline-block;
vertical-align: middle;
width:250px; /* 幅の指定がない場合、改行が必要な幅を超えるとカラム落ちします。 */
*zoom: 1; /* for IE6-7 */
*display: inline; /* for IE6-7 */
}





.listUserInner .imgmiddle{
display: table-cell;
vertical-align: middle;
font-size: 11px;
}

.listUserInner .textmiddle span{

}




.listUserInner img{
}

.listUserInner span{
}


.scrollBlock .scrollCt .x .case img{
width:250px;
}



.scrollBlock .scrollCt .photos.no1{
top: 180px;
left:0px;
}

.scrollBlock .scrollCt .photos.no2{
top: 226px;
left: 260px;
}

.scrollBlock .scrollCt .photos.no3{
top: 33px;
left: 517px;
}

.scrollBlock .scrollCt .photos.no4{
top: 298px;
left: 528px;
}

.scrollBlock .scrollCt .photos.no5{
top: 260px;
left: 794px;
}

.scrollBlock .scrollCt .photos.no6{
top: 20px;
left: 930px;
}


.scrollBlock .scrollCt .photos.no1{
top: 180px;
left:0px;
}


.userArea{
width:530px;
margin:0 auto;
color: black;
padding-bottom: 20px;
}

.userArea.topicsArea{
width:860px;
}

.userArea .date span .intext {
font-size: 12px;
vertical-align: baseline;
display: inline;
}

.userArea .snsBtn{
text-align: right;
margin-top: 30px;
margin-bottom: 20px;
}

.userArea .icon{text-align: center;
height: 50px;
line-height: 50px;
vertical-align: middle;}
.userArea .icon p{display: inline;
font-weight: bold;}


.white .userArea .icon p{
color: #000;
}
.red .userArea .icon p{
color: #000;
}
.brick .userArea .icon p{
color: #fff;
}



.userArea .date{
border-bottom: 1px dotted #ccc;
margin: 10px 0 20px 0;
font-size: 14px;
letter-spacing: 0.1em;
color: black;
line-height: 22px;
text-align: left;
vertical-align: middle;
padding-bottom: 10px;}


.userArea .date span{
margin-bottom: 5px;
font-size: 22px;
color: #bf3142;
line-height: 22px;
font-weight: bold;
vertical-align: middle;
padding-right: 5px;
letter-spacing: 0em;
display: block;}



.white .userArea .date{
margin:10px 0 5px 0;
font-size: 11px;
letter-spacing: 0.1em;
color: #666;}
.red .userArea .date{
margin:10px 0 5px 0;
font-size: 11px;
letter-spacing: 0.1em;
color: #fff;}
.brick .userArea .date{
margin:10px 0 5px 0;
font-size: 11px;
letter-spacing: 0.1em;
color: #fff;}


.userArea .photo{
position: relative;
height: 414px;
width:414px;
margin: 0 auto;
}

.userArea .photo .detailphotoCover{
position: absolute;
top:0;
left: 0;
}

.userArea .photo .detailphoto{
z-index: -1;
position: absolute;
top: 57px;
left: 70px;
}


.userArea .comment{
line-height: 1.6em;
margin-bottom: 20px;
}

.white .userArea .comment{
color: #000;
}
.red .userArea .comment{
color: #000;
}
.brick .userArea .comment{
color: #fff;
}


.userArea .snsBtn li{
display: inline;
padding-left: 5px;
}

.userArea .snsBtn li.share{
position: relative;
top:-6px;
}

.userArea .close{
position: absolute;
top:10px;
right:10px;
}

.userArea .photo{
text-align: center;
margin-top: 20px;
}

.userArea .next{
position: absolute;
right: 0;
top:200px;
font-size: 30px;
}

.userArea .prev{
position: absolute;
left: 0;
top:200px;
font-size: 30px;
}

.userArea .product{
text-align: center;
margin:51px 0 30px 0;
}


#winS{
position: fixed;
font-size: 14px;
z-index: 100;
background-color: black;
color: white;
padding: 10px}

#winP{
position: fixed;
font-size: 14px;
z-index: 100;
left:200px;
background-color: black;
color: white;}

#screenNext{
position: fixed;
right: 0;
top:50%;
margin-top: -64px;
z-index: 1000;
}

#nextCover{
position: fixed;
right: 0;
top:50%;
margin-top: -64px;
z-index: 1002;
width:30px;
height: 79px;
background-color: #f7f7f7;
display: none;
}

#screenPrev{
position: fixed;
left: 0px;
top:50%;
margin-top: -64px;
z-index: 1000;
}

#goNow{
position: fixed;
left: 50%;
top:50%;
margin-top: 8px;
margin-left: -100px;
z-index: 1000;
width:200px;
height: 32px;
display: none;
}


#footer{
z-index: 100;
position: fixed;
bottom:20px;
height: 20px;
left:20px;
width: 960px;
color: black;
font-size: 11px;
letter-spacing: 0em;
font-weight: bold;
}

#footer #do{
text-decoration: underline;
}

#footer .none{
text-decoration: none;
font-size: 10px;
}

#footer #do:hover{
text-decoration: none;
cursor: pointer;
}