@charset "UTF-8";

/* ------------------------------------------------------------
	0. Base Layout
------------------------------------------------------------ */
html {
  position: relative; 
  width: 100%; 
  height: 100%;
}

body {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 950px; 
  background-color: #082235;
}


#wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#gra_left{
  width: 0px;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: #082235;
}

#gra_right{
  width: 0px;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: #082235;
}

#mapView , #mapOverView, #gradationView{
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  position: absolute;
}

#mapView p , #mapOverView p, #gradationView p{
  overflow: hidden;
  top: 0;
  left: 50%;
  width: 1600px;
  height: 100%;
  margin-left: -800px;
  position: absolute;
}

#mapView img ,#gradationView img{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1600px;
  /*height: 2000px;*/
  /*opacity: 0.5;*/
}

#mapOverView img {
  display: block;
  position: absolute;
}

#YTopMapView img{
  position:absolute;
}

#YTopIconView , #splashView{
  position:absolute;
  width: 950px;
  margin: 0 auto;
  overflow: visible;
}

#YTopIconView img{
  position: absolute;
}

#content{
  max-width:950px;
  background:rgba(255,0,0,0.5);
  margin:0px auto;
  position: relative;
}

#content_inner{
  width:100%;
  height:100%;
}

#footer_spacer{
  position: absolute;
  width: 100%;
  background-color:#fff;
  top: 90px;
}

#topCloud_b{
  position: absolute;
  width: 2849px;
  height: 980px;
  left: -1000px;
  bottom: -1000px; 
}

#topCloud_t{
  width: 2849px;
  height: 504px;
  position: absolute;
  left: -950px;
  top: -250px; 
}

#map_copyright_wrapper{
  max-width: 1600px;
  min-width: 950px;
  margin: 0 auto;
  position: relative;
}

#map_copyright{
  position: absolute;
  bottom: 0px;
  z-index: 999;
}

#mapView          { z-index: 0; }
#zoomMapView      { z-index: 1; display: none; }
#mapOverView      { z-index: 2; }
#gradationView    { z-index: 3; }
#doorView         { z-index: 4; }
#articleView      { z-index: 5; }
#endView          { z-index: 6; }
#navigationView   { z-index: 7; }
#footer           { z-index: 8; }
#header          { z-index: 9; }


#splashView       { z-index: 7; }
#YTopIconView     { z-index: 6; }



/* ------------------------------------------------------------
  4. Floating
------------------------------------------------------------ */

#f_header{
  position: absolute;
  display: block;
  overflow: hidden;
  top: 0px;
  left: 0px;
  width: 950px;
  height: 20px;
}

#f_text{
  position: absolute;
  display: block;
  overflow: hidden;
  top: 32px;
  left: 884px;
  width: 66px;
  height: 53px;
}

#f_text2{
  position: absolute;
  display: block;
  overflow: hidden;
  top: 184px;
  left: 109px;
  width: 746px;
  height: 12px;
}

#f_bigbn_side{
  position: absolute;
  display: block;
  overflow: hidden;
  top: 206px;
  left: 600px;
  width: 350px;
  height: 240px;
}

#f_bn_text{
  position: absolute;
  display: block;
  overflow: hidden;
  top: 530px;
  left: 180px;
  width: 410px;
  height: 72px;
}

#f_facebook{
  position: absolute;
  display: block;
  overflow: hidden;
  top: 736px;
  left: 600px;
  width: 350px;
  height: 37px;
}

#f_icon_kids{
  position: absolute;
  display: block;
  overflow: hidden;
  top: 31px;
  left: 806px;
  width: 43px;
  height: 57px;
}

#f_icon_myyahoo{
  position: absolute;
  display: block;
  overflow: hidden;
  top: 39px;
  left: 259px;
  width: 46px;
  height: 50px;
}

#f_icon_shopping{
  position: absolute;
  display: block;
  overflow: hidden;
  top: 31px;
  left: 723px;
  width: 50px;
  height: 55px;
}

#f_icon_toolbar{
  position: absolute;
  display: block;
  overflow: hidden;
  top: 35px;
  left: 647px;
  width: 46px;
  height: 53px;
}

#f_icon_yafuoku{
  position: absolute;
  display: block;
  overflow: hidden;
  top: 32px;
  left: 182px;
  width: 40px;
  height: 56px;
}

#f_icon_yahoobb{
  position: absolute;
  display: block;
  overflow: hidden;
  top: 38px;
  left: 99px;
  width: 45px;
  height: 49px;
}

#f_kensaku_win{
  position: absolute;
  display: block;
  overflow: hidden;
  top: 100px;
  left: 0px;
  width: 950px;
  height: 76px;
}

#f_log_in{
  position: absolute;
  display: block;
  overflow: hidden;
  top: 456px;
  left: 600px;
  width: 350px;
  height: 270px;
}

#f_logo{
  position: absolute;
  display: block;
  overflow: hidden;
  top: 34px;
  left: 367px;
  width: 213px;
  height: 55px;
}

#f_cloud_logo{
  position: absolute;
  display: block;
  overflow: hidden;
  top: 0px;
  left: 0px;
  width: 950px;
  height: 181px; 
}

#f_main_-service{
  position: absolute;
  display: block;
  overflow: hidden;
  top: 206px;
  left: 0px;
  width: 170px;
  height: 678px;
}

#f_office_bt{
  position: absolute;
  display: block;
  overflow: hidden;
  top: 65px;
  left: 0px;
  width: 72px;
  height: 24px;
}

#f_pr{
  position: absolute;
  display: block;
  overflow: hidden;
  top: 892px;
  left: 600px;
  width: 350px;
  height: 291px;
}

#f_topics_main{
  position: absolute;
  display: block;
  overflow: hidden;
  top: 206px;
  left: 180px;
  width: 410px;
  height: 271px;
}

#f_pr_short{
  position: absolute;
  display: block;
  overflow: hidden;
  top: 487px;
  left: 180px;
  width: 410px;
  height: 33px;
}

#f_yahoo_-premium{
  position: absolute;
  display: block;
  overflow: hidden;
  top: 793px;
  left: 600px;
  width: 350px;
  height: 89px;
}



#f_rap {
  position: relative;
  top: 0;
  left: 50%;
  width: 100%;
  margin-left: -475px;
  /*height: 2000px;*/
  display: block; }



#f_copy_rap{
  position: relative;
  top: 0;
  left: 50%;
  width: 100%;
  margin-left: -475px;
  /*height: 2000px;*/
  display: none; 
}

#f_copy_rap img{
  position: absolute;
}