@charset "utf-8";
/* CSS Document */

  article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }
  
  a{ text-decoration:none; border:none; }
  
  a:hover{ text-decoration:none; border:none; }
  
  body{width:100%; height:100%;}
  
  img{ border:none; }
  
  #wrapper{ position:absolute; top:90px; left:50%; width:960px; height:976px; margin-left:-480px; }
  
  #leftDivider{ width:480px; height:800px; float:left; }
  
  #rightDiveider{ width:480px; height:800px; float:right; }
  
  #logo { height:480px; }
  
  #logo img { position:relative; top:0px; left:0px; }
  
  #youtubeContent_1,
  #youtubeContent_2,
  #youtubeContent_3,
  #youtubeContent_4,
  #youtubeContent_5,
  #sosialAndMenu_1,
  #sosialAndMenu_2 {
	  height:160px;
  }
  
  #youtube_01 img,
  #youtube_02 img,
  #youtube_03 img,
  #youtube_04 img,
  #youtube_05 img,
  #youtube_06 img,
  #youtube_07 img,
  #youtube_08 img,
  #youtube_09 img,
  #youtube_10 img,
  #youtube_11 img,
  #youtube_12 img,  
  #youtube_13 img,
  #youtube_14 img,
  #youtube_15 img,  
  #sosial_cd img,
  #sosial_twitter img,
  #sosialAndMenu_2 img {
	  width:160px;
	  height:160px;
  } 
  
  .grid,.socialGrid{ float:left; width:160px; height:160px; position:relative; top:0px; left:0px; overflow: hidden; position:relative; } 
  
  .social_img{ width:160px; height:160px; }
  
  #copyright{ width:960px; height:auto; position:absolute; bottom:140px; left:0px; }
  
  #copyright_img { display: block; margin-left: auto; margin-right: auto; }
  
  .on,.socialOn { width: 140px; height: 140px; position: absolute; left: 0px; top: -16px; overflow: hidden; }
  
  .off,.socialOff{ width: 140px; height: 140px; position: absolute; left: 0px; top: -16px; overflow: hidden; }
  
  .ytb01{ border:10px solid #dd95bb ; }      
  .ytb02{ border:10px solid #de878d ; }      
  .ytb03{ border:10px solid #d8a46a ; }       
  .ytb04{ border:10px solid #b58cd0 ; }      
  .ytb05{ border:10px solid #cf8ec4 ; }    
  .ytb06{ border:10px solid #d7b061 ; }    
  .ytb07{ border:10px solid #918bbd ; }      
  .ytb08{ border:10px solid #77af89 ; }    
  .ytb09{ border:10px solid #babe74 ; }    
  .ytb10{ border:10px solid #80bdd2 ; }
  .ytb11{ border:10px solid #7aaad0 ; }
  .ytb12{ border:10px solid #71b5b4 ; }
  .ytb13{ border:10px solid #8ec08b ; } 
  .ytb14{ border:10px solid #aac97b ; }  
  .ytb15{ border:10px solid #cdc95d ; }
  .sosial_cd{ border:10px solid #373334 ; }
  .sosial_download{ border:10px solid #767273 ; }
  .sosial_twitter{ border:10px solid #468DAB ; }
  .sosial_facebook{ border:10px solid #566E9E ; }
  .sosial_youtube{ border:10px solid #AC4E4C ; }
  .sosial_live{ border:10px solid #ACA7A8 ; }
  
  li {list-style:none;} 
  
  #tadaima_01{position: absolute;top:-65px;left:387px; z-index:9999;}
  
  #door_02{position: absolute;top:-65px;left:548px; z-index:9999;}
  
  #kuchizuke_03{position: absolute;top:-65px;left:708px; z-index:9999;}
  
  #haruyuki_04{position: absolute;top:94px;left:387px; z-index:9999;}
  
  #hoshizukiyo_05{position: absolute;top:94px;left:548px; z-index:9999;}
  
  #hotsstuff_06{position: absolute;top:94px;left:708px; z-index:9999;} 
  
  #heartbeat_07{position: absolute;top:254px;left:387px; z-index:9999;}
  
  #sign_08{position: absolute;top:254px;left:548px; z-index:9999;}
  
  #distance_09{position: absolute;top:254px;left:708px; z-index:9999;} 
  
  #whosgonna_10{position: absolute;top:415px;left:-91px; z-index:9999;}
  
  #hero51_11{position: absolute;top:415px;left:66px; z-index:9999;}  
  
  #nexe_12{position: absolute;top:415px;left:228px; z-index:9999;}
  
  #arigatou_13{position: absolute;top:415px;left:387px; z-index:9999;}
  
  #mamotteagetai_14{position: absolute;top:415px;left:548px; z-index:9999;}
  
  #dreamer_15{position: absolute;top:415px;left:708px; z-index:9999;}   
  
  #dl{position: absolute;top:570px;left:77px; z-index:9999;width:284px;height:75px;background-image:url("../img/balloon_download.png");}
  
  #dl li{float:left;}
  
  #dl li{float:left;} 
  
  .recochoku { width:70px; height:28px; }
  
  .mora { width:68px; height:28px; }
  
  .itune { width:78px;height:28; }
  
  #itune_li{margin:20px 0 0 -8px;}
  
  #recochoku_li{margin:19px 0 0 21px;}
  
  #mora_li{margin:17px 0 0 19px;}
  
  #floatArea{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999; background-image: url('../img/bg_movie.png');  background-attachment: fixed; display:none;}
  
  #floatCetering{ width: 840px; height: 420px; position: absolute; top: 120px; left: 50%; margin-left: -420px; }
  
  #movieSaucer{ display:block }
  
  #floatBt{ width: 30px; height: 30px; position: absolute; top: -70px; right: 0px; }
  
  #floatTitle{ width: 30px; height: 30px; position: absolute; top: -90px;left: 0px; }