@charset "utf-8";

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

  00: contents, header
  01: news
  02: staff/cast
  03: intro
  04: chara
  05: onair
  06: movie
  07: form
  08: special
  09: story
  10: music
  11: package
  12: goods
  13: talk
---------------------------------------------------------------*/


/*---------------------------------------------------------------
      00: contents
---------------------------------------------------------------*/

#contents {
  margin:0 auto;
  padding:0;
  width:960px;
  text-align:left;
  position:relative;
  clear:both;
  overflow:hidden;
}

.bg_main { background:url(../img/bg_main.gif) 0 0 no-repeat #FFFFFF; }
.bg_news { background:url(../img/bg_news.jpg) center bottom no-repeat #FFFFFF; }
.bg_onair { background:url(../img/bg_onair.gif) 0 0 no-repeat; }
/*.bg_staff { background:url(../img/bg_staff.gif) 0 0 no-repeat; }*/

h2 {  
  width:960px;
  height:60px;
  text-indent:-9999px;
}

h2#h2_news { background:url(../img/header_news.gif) top center no-repeat; }
h2#h2_staff { background:url(../img/header_staff.gif) top center no-repeat; }
h2#h2_intro { background:url(../img/header_intro.gif) top center no-repeat; }
h2#h2_chara { background:url(../img/header_chara.gif) top center no-repeat; }
h2#h2_onair { background:url(../img/header_onair.gif) top center no-repeat; }
h2#h2_movie { background:url(../img/header_movie.gif) top center no-repeat; }
h2#h2_form { background:url(../img/header_form.gif) top center no-repeat; }
h2#h2_special { background:url(../img/header_special.gif) top center no-repeat; }
h2#h2_story { background:url(../img/header_story.gif) top center no-repeat; }
h2#h2_music { background:url(../img/header_music.gif) top center no-repeat; }
h2#h2_package { background:url(../img/header_package.gif) top center no-repeat; }
h2#h2_book { background:url(../img/header_book.gif) top center no-repeat; }
h2#h2_talk { background:url(../img/header_talk.gif) top center no-repeat; }
h2#h2_soundtrack { background:url(../img/header_soundtrack.gif) top center no-repeat; }


.back{
  padding:5px 0 0;
  margin-top:20px;
  color:#999999;
  font-size:123.1%;
  border-top:1px dashed #eeeeee;
}
.back a{  font-weight:bold; }

.gentei_top{ background:#FFFFFF; margin:0; }


/*-------------------------------------------------------------
        01: news
---------------------------------------------------------------*/

/*--- list ---*/
#news_wide {
  margin: 0;
  padding:10px;
  background:#FFFFFF;
  width:340px;
  height:460px;
}

#news_small {
  margin: 0;
  padding:10px;
  background:#FFFFFF;
  width:220px;
  height:550px;
}


#news_wide .tit_Whatsnew, #news_small .tit_Whatsnew {
  height:110px;
  background:url(../img/title_whatsnew.gif) center no-repeat;
  border-top:1px solid #eeeeee;
  border-bottom:1px solid #eeeeee;
}

#news_list ul a{
  display: block;
}

#news_list li{
  padding: 0;
  margin: 0;
  width: 340px;
  height:59px;
  font-size:93%;
  border-bottom:#eeeeee dashed 1px; 
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;  
}

#news_small #news_list li{
  width: 220px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

#news_list li a{ color:#999999; display:block; background:#ffffff; height:100%; }
#news_list li a:hover{ color:#6699cc; background:#d7efff; }

#news_list li .list_day{
  padding:6px 0 0 20px;
  display:block;
  color:#777777;
  background:url(../img/icon_arrw_blue.png) 3px 7px no-repeat;
}


/*--- main ---*/
#news_box {
  margin:0 auto;
  padding: 20px 0 0 0;
}

#news_box dt {
  margin-bottom:10px;
  padding:0 20px;
  background:url(../img/icon_arrw_gray.png) 20px 3px no-repeat;
}

#news_box dt span{
  font-size:85%;
  line-height:1;
  color:#999999;
  padding:0 0 0 15px;
}

#news_box dt p{
  font-size:123.1%;
  color:#ff99cc;
}

#news_box dd {
  margin:0 0 20px 0px;
  padding: 0 20px 20px ;
  border-bottom:#eeeeee solid 1px;
}
.pagenation { text-align:center; margin-bottom:10px; }


/*-------------------------------------------------------------
        02: staff
---------------------------------------------------------------*/

#staff_box{
  padding-bottom: 30px;
  overflow: hidden;
  border-left: 1px solid #f2f2f2;
}

#staff_box h3{
  padding: 5px 0;
  height:30px;
  background: #dff5fc;
  font-size:123.1%;
  line-height:30px;
  color:#7cbce0;
  text-align: center;
  letter-spacing: 5px;
}
  #staff_box h3 span {
    padding:0 10px;
    border-left:5px solid #ffffff;
  }

.list-staff{
  float: left;
  width: 359px;
}
.list-cast{
  float: left;
  width: 360px;
}

.list-staff ul,
.list-cast ul{
  margin-top: 20px;
}
  .list-staff li,
  .list-cast li{
    margin: 10px 0;
  }
  

#staff_box dl {
 margin: 0 auto;
}
#staff_box dt {
  width: 50%;
  text-align: right;
  color: #39baba;
}
#staff_box dd {
  margin: -18px 0 0 180px;
  width: 50%;
}

/*-------------------------------------------------------------
        03: intro
---------------------------------------------------------------*/

.intro_list li{
  margin:0;
  padding:0;
  width:240px;
  height:60px;
}


/*-------------------------------------------------------------
        05: onair
---------------------------------------------------------------*/

#onair_box{
  height:720px;
}

#onair_box a{
  color: #EA68A2;
  text-decoration: underline;
}

#onair_box ul{
  position:absolute;
  top:120px;
}

#onair_box ul li{
  width:220px;
  height:105px;
  margin:15px 0 0 20px;
  float:left;
}

#onair_box ul li a{
  display:inline;
}

.tit_onair {
  margin-bottom:10px;
  padding-left:5px;
  height:25px;
  border-left:5px solid #cccccc;
  font-size:138.5%;
  color:#0099cc;
}

.onair_attention {
  font-size:85%;
  line-height:1.6;
  color:#cc0000;
}


/*-------------------------------------------------------------
        06: movie
---------------------------------------------------------------*/

.h3_movie_title{
  padding-top:12px;
  height:30px;
  background:#fee7ec;
  font-size:123.1%;
  line-height:20px;
  color:#e87a8f;
  text-align:  center;
}

.h3_movie_title span {
  padding:0 10px;
  border-left:5px solid #ffffff;
}

#movie_box {
  margin:30px auto 20px auto;
  padding:0;
  height:448px;
  text-align:center;
}
#movie_box .anx-video-player {
  margin-left: 160px !important;
}


.movie_list {
  width:100%;
  border-top:1px solid #f2f2f2;
}

.movie_list li{
  width:239px;
  height:119px;
  float:left;
  padding:0;
  text-align:center;
  border-right:1px solid #f2f2f2;
  border-bottom:1px solid #f2f2f2; 
}

.not_thmub{
  background:url(../movie/img/thum00.gif) 0 0 no-repeat;
}

.movie_list li img{
  margin:5px;
}

.movie_list li p{
  padding-left:5px;
  border-bottom:1px solid #eeeeee;
  color:#aaaaaa;
}


/*-------------------------------------------------------------
        08: special
---------------------------------------------------------------*/

.h3_special_title{
  margin-top:0px;
  padding-top:6px;
  height:23px;
  border-bottom:1px solid #efefef;
  font-size:93%;
  color:#c289b8;
  text-align:  center;
  clear:both;
}

.h3_special_title span {
  background:url(../img/icon_list.gif) 3px 4px no-repeat;
  margin:0 0 3px 0px;
  padding: 1px 0 0 20px;
}

.special_list {
  width:100%;
  border-top:1px solid #f2f2f2;
}

.special_list li{
  width:239px;
  height:119px;
  float:left;
  padding:0;
  text-align:center;
  border-right:1px solid #f2f2f2;
  border-bottom:1px solid #f2f2f2; 
}


/*-------------------------------------------------------------
        09: story
---------------------------------------------------------------*/

#story_box, #package_box, #talk_box {
  margin:0 auto;
  padding: 0;
}

.story_list{
  margin:10px 0 0 10px;
  height:50px;
  border-bottom:#efefef dashed 1px;
  overflow: hidden;
}

.story_list li{
  margin-right:10px;
  padding:0 0 0 20px;
  float:left;
  background:url(../img/icon_list.gif) 0px 3px no-repeat;
}

#story_box dt, #package_box dt, #talk_box dt{
  margin:10px 0;
  padding:0 20px;
  background:url(../img/icon_arrw_gray.png) 20px 3px no-repeat;
}

#story_box dt span , #package_box dt span, #talk_box dt span {
  font-size:85%;
  line-height:1;
  color:#999999;
  padding:0 0 0 15px;
}

#story_box dt p , #package_box dt p, #talk_box dt p{
  font-size:123.1%;
  color:#ff99cc;
}

#story_box dd, #talk_box dd{
  margin:0 0 20px 0px;
  padding: 0 0 20px 30px;
  border-bottom:#eeeeee solid 1px;
}

#story_box dd  p, #talk_box dd  p{
  margin:0 40px 10px 0;
}

.story_txt {
  font-size:108%;
  height:190px;
  padding:5px 0;
}

.story_txt2 {
  font-size:108%;
  padding:5px 0;
}

#story_pict {
  border:1px solid #cccccc;
}

.yokoku_title {
  width:595px;
  height:30px;
  background:url(../story/img/tit_yokoku.gif) top right no-repeat;
  text-indent:-9999px;
}

.yokoku_movie {
  margin:30px 0 10px 0;
  clear:both;
}

#neko02 { display:none; }


/*-------------------------------------------------------------
        10: music
---------------------------------------------------------------*/

.h3_music_title{
  padding-top:12px;
  height:30px;
  background:#f8e7fd;
  font-size:123.1%;
  line-height:20px;
  color:#9c89c2;
  text-align: center;
}

.h3_music_title span {
  padding:0 10px;  
  border-left:5px solid #ffffff;
}

#music_box {
  margin:0px auto;
  padding:0;
}

.about_music {
  padding:0 70px 20px 20px;
  margin-bottom:30px;
  border-bottom:1px solid #eeeeee;
  overflow:hidden;
}

.about_music p {
  margin:5px 0;
  line-height:1.8;
}

.txt_exe { font-size:76.9%; text-align:left; padding-left:5px; }

.cd_info, .cd_info_s, .cd_info_w {
  margin:10px 10px 10px 0;
  padding:10px 0 5px 0;
  float:left;
  text-align:center;
  background:#f7f7f7;
}

.cd_info { width:200px; }
.cd_info_s { width:160px; }
.cd_info_w { width:300px; }

.cd_info img, .cd_info_s img, .cd_info_w img{
  margin: 5px auto;
  padding:3px;  
  border:1px solid #dddddd;
  background:#ffffff;
}

.cd_title {
  font-size:108%;
  font-weight:bold;
}

.artist{
  margin:10px auto 50px auto;
  width:840px;
  clear:both;
}

.photo {
  width:250px;
  float:left;
  margin:2px 10px 10px 0 ;
  padding:3px;
  border:1px solid #cccccc;
}

.profile {
  font-size:93%;
  line-height:1.6;
  width:700px;
  margin:10px 15px 0 10px;
  padding:10px 0;
  border-top:1px solid #dfbdd9;
  border-bottom:1px solid #dfbdd9;
  overflow:hidden;
}

.profile p{ overflow: hidden; }
.profile div{ overflow: hidden; }

.music_link { padding: 10px 0 0 0;}
.music_link img{ margin: 0 5px -3px 0;}


/*-------------------------------------------------------------
        11: package
---------------------------------------------------------------*/

#package_box dd {
  margin:0 0 20px 0px;
  padding: 0 0 20px 10px;
  overflow:hidden;
  border-bottom:#eeeeee solid 1px;
}

#package_box dd  p{
  margin:0 0 15px 0;
}

.pkg_sub_tit {
  margin:5px 0 5px 0;
  padding: 2px 0 0 8px;
  font-size: 108%;
  display:block;
  height:20px;
  color:#3399cc;
  border-left:5px solid #99ccff;
}

#package_box dt {
  margin-top:10px;
  /* height:50px; */
  border-bottom:#efefef dashed 1px;
}

#jacket {
  width:200px;
  float:left;
  margin-right:10px;
  text-align:center;
}

#jacket p img{
  margin-top:5px;
}

#package_text {
  width:480px;
  margin-bottom:20px;
  float:left;
}

#tokuten_text {
  margin-bottom:20px;
  padding:0px 20px 0px 10px;
}

#tokuten_text .pkg_sub_tit {
  margin-top:20px;
}

.img_tokuten {
  margin-left:5px;
  float:right;
  border:1px solid #cccccc;
}

.shop_list {
  width:450px;
  padding: 5px 10px;
  font-size:84.6%;
  line-height:1.6;
  background:#efefef;
}

.package_list{
  margin-bottom:5px;
  overflow: hidden;
}

.package_list li{
  background:url(../img/icon_list.gif) 3px 4px no-repeat;
  margin:0 0 3px 0px;
  padding: 1px 0 0 20px;
}

.sub_bnrarea { margin:10px 0 0 10px; }

.commentary {
  width:90%;
  margin-bottom:20px;
  padding: 5px 10px;
  font-size:84.6%;
  line-height:1.6;
  background:#efefef;
}

.tokuten {
  width:90%;
  margin-bottom:20px;
  padding: 5px 10px;
  font-size:84.6%;
  line-height:1.6;
  background:#FFCFCF;
}

/*-------------------------------------------------------------
        13: talk
---------------------------------------------------------------*/
.talk_sub_tit {
  margin: 0 0 5px 0 ;
  padding: 2px 0 0 8px;
  font-size: 108%;
  height:20px;
  color:#3399cc;
  border-left:5px solid #99ccff;
}

.player-box {
  margin-top:30px;
}