@charset "UTF-8";
/* CSS Document */

body#index {
	
	background-attachment: inherit;
}


#wrap {
   position: relative;
   width: 100%;
}
h1.ttl-page {
   height: 0;
   margin: 0;
}


#index #main {
   width: auto;
   width: 1000px;
   margin: 0 auto;
   height: 1200px;
   padding-bottom: 20px;
}
/* --------------------------------------------------------------


                      side


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

#side {
   width: 298px;
   float: left;
   margin-top: -15px;
}

#movie,
#topics,
#update,
#twitter {
   background-repeat: no-repeat;
   background-position: top center;
   margin-bottom: 10px;
}


#movie {
   height: 169px;
   background-image: url(../img/index/bg-movie.png) ;
   padding-top: 44px;
   padding-left: 13px;
}

#movie .ttl_movie {
   font-size: 10px;
   color: #bdf732;
   padding-left: 10px;
   margin-top: 0;
   height: 10px;
   line-height: 10px;
}



#topics {
   height: 398px;
   background-image: url(../img/index/bg-topics2.png) ;
   padding-top: 50px;
   padding-left: 13px;
}




#update {
   height: 270px;
   padding: 50px 17px 25px 23px;
   background-image: url(../img/index/bg-update.png) ;
}

#update h1 {
   text-indent: -9999px;
   height: 0;
}
#update dl dt {
   color: #70b538;
   font-size: 0.7em;
   padding-top: 0;
   margin-top: 0;
   line-height: 1.7em;
}
#update dl dt img.icn_new {
   vertical-align: middle;
}

#update dl dt img.icn_new{
	-webkit-animation:blink 0.9s ease-in-out infinite alternate;
    -moz-animation:blink 0.9s ease-in-out infinite alternate;
    animation:blink 0.9s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0.7;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.5;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.5;}
    100% {opacity:1;}
}



#update dl dd {
   font-size: 12px;
   line-height: 1.5em;
   margin-bottom: 7px;
   border-bottom: solid 1px #4b6537;
   padding-bottom: 10px;
   margin-bottom: 10px;
   color: #ffffff;
}
#update dl dd a {
   color: #ffffff;
}
#update dl {
   height: 255px;
   overflow:hidden;
   width: 255px;
}
.mCSB_inside > .mCSB_container {
   margin-right: 10px;
}


#twitter {
   height: 245px;
   background-image: url(../img/index/bg-tw.png) ;
	padding-left: 13px;
	padding-top: 32px;
}

#twitter dl {
   height: 200px;
   overflow-y: scroll;
}


#btn-tw {
   display: block;
   height: 27px;
   width: 134px;
   background-image: url(../img/index/btn-tw.png);
   background-repeat: no-repeat;
   background-position: top center;
   text-indent: -9999px;
   margin: 0 auto;
}

#btn-tw:hover {
   background-position: bottom center;
}





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


                      main


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

#main {
   height: 1400px;

}

#read_onair {
   width: 206px;
   height: 206px;
   position: absolute;
   left: 25px;
   top:10px;
}
#logo_top {
   width: 648px;
   height: 303px;
   margin: 0 auto;
}



#mainvisual {
   width: 677px;
   height: 986px;
   float: left;
   margin-left: 20px;
   padding-top: 125px;
   margin-top: 20px;
}
#read1,#read2,#bnr_onair {
   display: block;
   position: absolute;
}
#read2 {
   width: 111px;
   height: 758px;
   right:-97px;
}
#read1 {
   width: 677px;
   height: 110px;
   top:-30px;
   left: 320px;
}
#bnr_onair {
   width: 435px;
   height: 65px;
   top:80px;
   left: 440px;
}


.tab{overflow:hidden;
   margin-bottom: -30px;
   position: absolute;
}

.tab li{
   float:left;
   width: 200px;
   height: 50px;
}
   
.tab li:hover {
   cursor: pointer;
}
.hide {display:none;}



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


                      footer


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




#link_bd {
   display: block;
   width: 433px;
   height: 162px;
   padding-top: 20px;
   padding-left: 550px;
}



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


                      colorbox


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






#index #cboxClose{
   position:absolute;
   left:642px;
   top:-20px;
   display:block;
   background:url(../img/common/close.png) no-repeat top center;
   width:65px;
   height:65px;
   text-indent:-9999px;
   cursor:pointer;
   border: none;
   overflow: hidden;
}

#index #cboxWrapper {
  outline: none;
}