/* CSS Document */
#flash {
  height: 680px;
}

div#flash {
  margin: 0 auto;
  width: 1030px;
  position: relative;
  background: url("../img/img_main.png") center top no-repeat;
}

div#flash .menu1 {
  bottom: 63px;
  width: 990px;
  left: 50%;
  margin-left: -495px;
}

div#flash .menu1 li {
  float: left;
  margin-left: -16px;
}

div#flash .menu2 {
  bottom: 8px;
  width: 1030px;
  text-align: center;
}

div#flash .menu2 li {
  display: inline-block;
}

div#flash ul.main_menu {
  position: absolute;
}

div#flash ul.main_menu li {
  height: 49px;
  padding-top: 15px;
  text-indent: -9999px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

div#flash ul.main_menu li a {
  height: 33px;
  display: block;
  margin: 0 auto;
}

div#flash ul.main_menu .news {
  width: 154px;
  background: url("../img/menu/menu_news.png") center top no-repeat;
}

div#flash ul.main_menu .news a {
  width: 102px;
}

div#flash ul.main_menu .news a:hover {
  background: url("../img/menu/menu_news_r.png") center top no-repeat;
}

div#flash ul.main_menu .intro {
  width: 209px;
  background: url("../img/menu/menu_introduction.png") center top no-repeat;
}

div#flash ul.main_menu .intro a {
  width: 164px;
  margin-left: 18px;
}

div#flash ul.main_menu .intro a:hover {
  background: url("../img/menu/menu_introduction_r.png") center left no-repeat;
}

div#flash ul.main_menu .story {
  width: 176px;
  background: url("../img/menu/menu_story.png") center top no-repeat;
}

div#flash ul.main_menu .story a {
  width: 132px;
  margin-left: 18px;
}

div#flash ul.main_menu .story a:hover {
  background: url("../img/menu/menu_story_r.png") center top no-repeat;
}

div#flash ul.main_menu .character {
  width: 174px;
  background: url("../img/menu/menu_character.png") center top no-repeat;
}

div#flash ul.main_menu .character a {
  width: 130px;
  margin-left: 18px;
}

div#flash ul.main_menu .character a:hover {
  background: url("../img/menu/menu_character_r.png") center top no-repeat;
}

div#flash ul.main_menu .staffcast {
  width: 203px;
  background: url("../img/menu/menu_staffcast.png") center top no-repeat;
}

div#flash ul.main_menu .staffcast a {
  width: 159px;
  margin-left: 18px;
}

div#flash ul.main_menu .staffcast a:hover {
  background: url("../img/menu/menu_staffcast_r.png") center top no-repeat;
}

div#flash ul.main_menu .music {
  width: 170px;
  background: url("../img/menu/menu_music.png") center top no-repeat;
}

div#flash ul.main_menu .music a {
  width: 126px;
  margin-left: 18px;
}

div#flash ul.main_menu .music a:hover {
  background: url("../img/menu/menu_music_r.png") center top no-repeat;
}

div#flash ul.main_menu .bd_dvd {
  width: 200px;
  background: url("../img/menu/menu_disc.png") center top no-repeat;
}

div#flash ul.main_menu .bd_dvd a {
  width: 148px;
}

div#flash ul.main_menu .bd_dvd a:hover {
  background: url("../img/menu/menu_disc_r.png") center top no-repeat;
}

div#flash ul.main_menu .special {
  width: 168px;
  background: url("../img/menu/menu_special.png") center top no-repeat;
}

div#flash ul.main_menu .special a {
  width: 116px;
}

div#flash ul.main_menu .special a:hover {
  background: url("../img/menu/menu_special_r.png") center top no-repeat;
}

div#flash ul.main_menu .radio {
  width: 173px;
  background: url("../img/menu/menu_webRadio.png") center top no-repeat;
}

div#flash ul.main_menu .radio a {
  width: 121px;
}

div#flash ul.main_menu .radio a:hover {
  background: url("../img/menu/menu_webRadio_r.png") center top no-repeat;
}

div#flash ul.main_menu .twitter {
  width: 149px;
  background: url("../img/menu/menu_twitter.png") center top no-repeat;
}

div#flash ul.main_menu .twitter a {
  width: 97px;
}

div#flash ul.main_menu .twitter a:hover {
  background: url("../img/menu/menu_twitter_r.png") center top no-repeat;
}

div#flash ul.main_menu .goods {
  width: 168px;
  background: url("../img/menu/menu_goods.png") center top no-repeat;
}

div#flash ul.main_menu .goods a {
  width: 116px;
}

div#flash ul.main_menu .goods a:hover {
  background: url("../img/menu/menu_goods_r.png") center top no-repeat;
}

#topnews {
  width: 961px;
  margin: 0 auto;
}

#topinfo {
  width: 961px;
  background: url(../img/newsArea_loop.gif) top center repeat-y;
}

#topics {
  width: 430px;
  background: url(../img/newsArea_bg.jpg) top center no-repeat;
  margin: 0 0 0 11px;
  padding: 20px 0 0;
  float: left;
  display: inline;
  /* min-height: 386px;
  height: auto !important; */
  height: 386px;
  line-height: 15px;
  overflow-y: auto;
}

#twitter {
  width: 446px;
  background: url(../img/twitterArea_bg.jpg) top center no-repeat;
  margin: -40px 11px 0 0;
  padding: 20px 0 0;
  float: right;
  display: inline;
  min-height: 386px;
  height: auto !important;
  height: 386px;
  line-height: 15px;
}

.topic {
  margin: 0 0 0 8px;
  padding: 0 0 20px 19px;
  background: url(../img/newsArea_Icon.gif) top left no-repeat;
  width: 380px;
}

.topic a {
  color: #ffffff;
  text-decoration: none;
}

.topic a:hover {
  text-decoration: underline;
}

.date {
  color: #00a1e9;
}

.bana {
  width: 390px;
  padding-top: 5px;
  padding-bottom: 10px;
  padding-left: 10px;
}

#tab {
  margin: 0 0 0 14px;
  background: url(../img/twetterTab_hr.gif) left bottom no-repeat;
  padding: 0 0 2px;
}

#tab li {
  float: left;
}

#officialtab {
  background: url(../img/twitterTabA_on.gif) top left no-repeat;
}

#hushtab {
  background: url(../img/twitterTabB_on.gif) top left no-repeat;
}

#hushexp {
  margin: 10px 0 0 14px;
  color: #CC0000;
}

ul#twitter_update_list {
  width: 425px;
  margin: 0 7px 0 14px;
}

ul#twitter_update_list a {
  color: #00a1e9;
}

ul#twitter_update_list li {
  margin: 9px 0 0;
  padding: 0 0 15px;
  width: 425px;
  font-size: 12px;
  background: url(../img/twitter_hr.gif) bottom center no-repeat;
  color: #fff;
}

#twitter {
  position: relative;
}

#follow {
  position: absolute;
  top: 20px;
  right: 11px;
}

.blue14 {
  font-size: 14px;
  color: #3366CC;
}