
/* --------------------------------------------------------------


                      top


-----------------------------------------------------------------*/

#top a:hover img
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}



#top #wrap {
  height: 1205px;
   width: 1000px;
   margin: 0 auto;
   position: relative;
}
#top #wrap h1#title {
   text-indent: 0;
   position: absolute;
   top:-20px;
   right:-10px;
   width: 503px;
   height: 179px
}


/*     header      */

#top header {
   width: 100%;
   background: url("../img/top/bg-header.png") repeat-x;
   height: 76px;
}
#top header .inner_header {
   width: 1000px;
   margin: 0 auto;
   position: relative;
}

#top header .inner_header #snsBtns-top {
	padding-left: 10px;
	margin-left: 830px;}
#top header .inner_header #snsBtns-top.tweet_btn,
#top header .inner_header #snsBtns-top.fb-like {
   float: none;
   width: 100px;
}


/*     navi      */


#top header nav {
   width: 822px;
   height: 65px;
   background: url("../img/top/nav-off.png") no-repeat top center;
   position: absolute;
   top:0;
   left: 0;
   margin-left: 0;
}

/*     main      */


#top #mainvisual {
    width: 720px;
    float: left;
    height: 1207px;
   background: url("../img/top/main.png") no-repeat;
   margin-top: -10px;
}


#top #mainvisual2 {
    width: 720px;
    float: left;
    height: 1207px;
   background: url("../img/top/main2.png") no-repeat;
   margin-top: -10px;
}

/*     link-button      */

.link-report {
   position: absolute;
   top:190px;
   left: 10px
}

.link-report a {
   display: block;
   background-repeat: no-repeat;
   background-position: top left;
   text-indent: -9999px;
}

.link-report a:hover {
   background-position: bottom left;
}
.link-report a.lilnk-dvd {
   height: 84px;
   width: 255px;
   background-image: url("../img/top/lilnk-report1.png");
}
.link-report a.lilnk-report2 {
   height: 86px;
   width: 258px;
   background-image: url("../img/top/lilnk-report2.png");
   margin-left: -440px;
   margin-bottom: 5px;
}
.link-report a.lilnk-report3 {
   height: 84px;
   width: 255px;
   background-image: url("../img/top/lilnk-report3.png");
}

/*  side  */

#top #side {
    width: 270px;
    float: right;
    max-height: 1037px;
    padding-top: 170px;
    margin-top: 0;
}

#top_area #movie_box {
height: 135px;
   margin-bottom: 10px;
}
#bd-box {
   margin-bottom: 10px;
   height: 153px;
}

/*  news  */

#news {
   border: 5px solid #ff9c0e ;
   background-color: #ffe4c2;
   margin-bottom: 10px;
   font-size: 0.9em;
   line-height: 1.7em;
   height: 286px;
}
#news h1 {
   height: 47px;
   width: 260px;
   text-indent: 0;
   margin-bottom: 5px;
}
#news dl {
   padding-right: 13px;
   padding-left: 6px;
   padding-top: 5px;
   background-image: url("../img/top/bg-news.png");
   border: 1px solid #fea229;
   overflow-y: scroll;
   overflow-x: hidden;
   margin: 5px;
   height: 220px;
}
#news dt {
   font-weight: bold;
   font-size: 0.9em;
   color: #666666;
   line-height: 1.6em;
}

#news dd {
   margin-top: 0;
   margin-bottom: 10px;
   padding-bottom: 10px;
   background-image: url("../img/common/line-side.png");
   background-position: bottom;
   background-repeat: no-repeat;
}




/*  twitter  */
#twitter h1 {
   text-indent: 0;
   height: 47px;
}
#twitter {
   border: 5px solid #1da0d0 ;
   background: #bdeaf7;
   height: 360px;
}
#twitter .tw-head {
   padding-left:7px;
   padding-right: 7px;
}
#twitter #twitterBox {
   font-size: 11px;
   line-height: 1.7em;
   height: 240px;
   overflow-y: scroll;
   overflow-x: hidden;
   padding: 5px;
   padding-top: 0;
   width: 250px;
}

.tweet-list {
   width: 214px;
}
#twitter #twitterBox dt p {
   float: left;
   height: 45px;
}

#twitter #twitterBox .tw-icon {
   width: 38px;
}
#twitter #twitterBox .tw-date {
   width: 128px;
}



#twitter #twitterBox dt,
#twitter #twitterBox dd {
   background-image: url("../img/top/bg-twbox.png");
   background-position: top center;
   background-repeat: repeat-y;
   width: 216px;
   padding: 0 7px;
}
#twitter #twitterBox dd {
   clear: both;
}
.btn-twitter {
   display: block;
   width: 148px;
   height: 32px;
   background-image: url("../img/top/bttn-twitter.png");
   background-position: top center;
   background-repeat: no-repeat;
   text-indent: -9999px;
}






.btn-twitter:hover {
   background-position: bottom center;
}



#mainvisual2 #link-onair {
   display: block;
   height: 135px;
   width: 520px;
   position: absolute;
   text-indent: -9999px;
   top:20px;
}
#mainvisual #link-onair {
   display: block;
   height: 135px;
   width: 520px;
   position: absolute;
   text-indent: -9999px;
   top:120px;
}

