@charset "utf-8";
.noJs{
   z-index: 502;
   color: #000000;
   position:fixed;
   position: fixed;
   _position:absolute;
   top:50%;
   left:50%;
   margin-top: 40px;
   margin-left:-120px;
   font-size: 12px;
   line-height: 170%;
}
#loader{
   width:296px;
   height:94px;
   position: fixed;
   _position:absolute;
   top:50%;
   left:50%;
   margin-top:-47px;
   margin-left:-148px;
   z-index: 501;
}
#fade{
   width: 100%;
   height: 100%;
   background:#ffee00;
   position:fixed;
   top:0px;
   left: 0px;
   z-index: 500;
}
/*#author h1{
   text-indent: -9999px;
}
#author{
   width: 1003px;
   height:502px;
   display: none;
   position:absolute;
   top:1405px;
   left:-2px;
   z-index: 10;
   background: url(/img/top/author.png) no-repeat;
}
#author #author_read{
   text-indent: -9999px;
}*/
.top #footer{
}
#keyvisual{
   width:797px;
   height: 1609px;
   margin:0 0 0 80px;
   position: relative;
   z-index: 10;
   display: none;
   background: url(/img/top/keyvisual.png) no-repeat;
}
#comment{
   width:227px;
   height: 159px;
   position: absolute;
   top:592px;
   left: 8px;
   z-index: 101;
   display: none;
}
#top_gnavi_wrap{
   position: absolute;
   top:84px;
   left: 21px;
   width:960px;
   height:466px;
   z-index: 11;
}
#top_gnavi_wrap #gnavi-dvd,
#top_gnavi_wrap #gnavi01,
#top_gnavi_wrap #gnavi02,
#top_gnavi_wrap #gnavi03,
#top_gnavi_wrap #gnavi04,
#top_gnavi_wrap #gnavi05,
#top_gnavi_wrap #gnavi06{
   display: none;
}
#top_gnavi_wrap #gnavi-dvd{
   position: absolute;
   top:-79px;
   left: 65px;
}
#top_gnavi_wrap #gnavi01{
   position: absolute;
   top:10px;
   left: 49px;
}
#top_gnavi_wrap #gnavi01 .newicon{
   margin: ;
   position: absolute;
   top:-20px;
   right:0px;
   transform: rotate(45deg);
}
#top_gnavi_wrap #gnavi02{
   position: absolute;
   top:116px;
   left: 38px;
}
#top_gnavi_wrap #gnavi03{
   position: absolute;
   top:358px;
   left: 0px;
}
#top_gnavi_wrap #gnavi03 .newicon{
   margin: ;
   position: absolute;
   top:-20px;
   right:0px;
   transform: rotate(45deg);
}
#top_gnavi_wrap #gnavi04{
   position: absolute;
   top:79px;
   left: 758px;
}
#top_gnavi_wrap #gnavi04 .newicon{
   margin: ;
   position: absolute;
   top:10px;
   left:-10px;
   transform: rotate(25deg);
}
#top_gnavi_wrap #gnavi05{
   position: absolute;
   top:181px;
   left: 738px;
}
#top_gnavi_wrap #gnavi02 .newicon{
   margin: ;
   position: absolute;
   top:-20px;
   right:0px;
   transform: rotate(45deg);
}
#top_gnavi_wrap #gnavi05 .newicon{
   margin: ;
   position: absolute;
   top:25px;
   left:-10px;
   transform: rotate(18deg);
}
#top_gnavi_wrap #gnavi06{
   position: absolute;
   top:287px;
   left: 773px;
}
#top_gnavi_wrap #gnavi06 .newicon{
   margin: ;
   position: absolute;
   top:25px;
   left:-10px;
   transform: rotate(18deg);
}
.newicon{
   width:44px;
   height:45px;
   background: url(/img/top/gnavi_new.png) no-repeat;
}

#title{
   position: absolute;
   top:440px;
   left:195px;
   z-index: 100;
   display: none;
}
#copy{
   position: absolute;
   top:656px;
   left:346px;
   z-index: 50;
   display: none;
}
#news_special{
   position: absolute;
   top:473px;
   left:769px;
   z-index: 14;
   display: none;
}
#news_area{
   position: absolute;
   top:613px;
   right:-20px;
   width:259px;
   height:383px;
   z-index: 13;
   display: none;
   background: url(/img/top/news_bg.png) no-repeat;
}
html* #news_area{
   display: block;
}
#news_list_wrap{
   padding-top:67px !important;
   height:373px;
   width:200px;
   margin-left: 0px;
}
html* #news_list_wrap{
   margin-left: 0px;
}
#news_list_innder{
   visibility: hidden;
   width:231px;
   height:273px;
   /*overflow-y: scroll;*/
   position:absolute;
   left:753px;
   top:684px;
   z-index: 10000;
   overflow:auto;
}
.news_list span{
   color: #F0EA3A;
}
.news_list dd{
   text-indent: -0.5em;
   padding-left: 10px;
   margin-left:-10px;
}
.news_list{
   color: #ffffff;
   width:207px;
   margin:0 auto 8px;
   padding-bottom:7px;
   display: block;
   border-bottom: 1px dotted #575656;
}
#tweet_youtube_wrap{
   position: absolute;
   margin: 0 auto 0;
   display: none;
   top:843px;
   left:48px;
   width:910px;
   height:575px;
   z-index: 10;
   background: url(/img/top/tweet_youtube_bg.png) no-repeat;
}
#tweet_youtube_wrap #tweet_area{
   width:260px;
   height:462px;
   float: left;
   margin: 22px 0 0 15px
}
#tweet_area{

}
#tweet_area h1{
   margin-bottom: 14px;
}
#followbt {
   z-index: 1000;
   position:absolute;
   left:152px;
   top:12px;

}
#followbt a{
   display: block;
   width: 139px;
   height: 46px;
}
#twitterBox{
   visibility: hidden;
   height:417px;
   width:259px;
   position:absolute;
   left:66px;
   top:921px;
   z-index: 10000;
   overflow:auto;
}
#twitterBox a{
   text-decoration: underline;
}
#twitterBox dl{
   margin-left: 10px;
   padding-bottom: 9px;
   margin-bottom: 10px;
   zoom: 1;
   border-bottom: 1px dotted #575656;
}
#twitterBox dl:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}
#twitterBox dt{
   clear: both;
   float: left;
   width:38px;
}
#twitterBox dd{
   margin:0 auto;
   float: right;
   width: 183px;
   /*width:198px;*/
   display: block;
}
#tweet_youtube_wrap #yutube_area{
   width: 522px;
   height: 345px;
   margin: 146px 68px 0 0;
   float: right;
}
#tweet_youtube_wrap #yutube_area h1{
   margin-left: 0px;
   margin-bottom:11px;
}
#pv_area{
   width:521px;
   height:293px;
   background:none;
   position: absolute;
   z-index: 100000;
   top:1047px;
   left:365px;
   background: #282828;
   visibility: hidden;
}