/*#main #cast*/

#main #cast-wrap{
  margin-bottom: 50px;
  background: url(../images/cast_title_bg2.png) left top repeat-y;
}
#main #cast{
  padding-left: 4px;
  background: url(../images/cast_title_bg.gif) left top no-repeat;
}
#main #cast h2{
  float: left;
  width: 94px;
  height: 0;
  padding-top: 246px;
  font-size: 0.1em;
  overflow: hidden;
  background: url(../images/cast_title.png) center center no-repeat;
}
#main #cast .body{
  float: right;
  width: 780px;
  border-left: 1px dotted #000;
}
#main #cast .body .cast{
  padding-left: 45px;
  margin-top: 50px;
}
#main #cast .body .cast:first-child{
  margin-top: 0;
}
#main #cast .body .cast .genre{
  margin-bottom: 25px;
  background: #eb701b;
}
#main #cast .body .cast .genre h3{
  padding-right: 2px;
  width: 251px;
  height: 0;
  padding-top: 19px;
  font-size: 0.1em;
  overflow: hidden;
}
#main #cast .body .cast .genre.creator h3{
  background: #fee9cb url(../images/cast_genre_creator.png) left top no-repeat;
}
#main #cast .body .cast .genre.narrator h3{
  background: #fee9cb url(../images/cast_genre_narrator.png) left top no-repeat;
}
#main #cast .body .cast .genre.themesong h3{
  background: #fee9cb url(../images/cast_genre_themesong.png) left top no-repeat;
}
#main #cast .body .cast .genre.navigator h3{
  background: #fee9cb url(../images/cast_genre_navigator.jpg) left top no-repeat;
}
#main #cast .body .cast .meta{
  float: left;
  width: 251px;
}
#main #cast .body .cast .meta h4{
  margin-bottom: 10px;
}
#main #cast .body .cast .meta h4.en{
  margin-bottom: 5px !important;
}
#main #cast .body .cast .meta .job{
  margin-bottom: 18px;
}
#main #cast .body .cast .text{
  float: right;
  width: 481px;
}
#main #cast .body .cast .text .intro{
  font-size: 1.4em;
  line-height: 1.7em;
}
#main #cast .body .cast .text .career{
  font-size: 1.4em;
  line-height: 1.7em;
  margin-top: 1.5em;
}
#main #cast .body .cast .text .career p{
  margin: 1em 0;
}
#main #cast .body .cast .text .career p a{
  text-decoration: underline;
}
#main #cast .body .cast .text .career p a:hover{
  text-decoration: none;
}
#main #cast .body .cast .text .career dl dt{
  float: left;
  width: 4.5em;
}
#main #cast .body .cast .text .career dl dd{
  padding-left: 4.5em;
}

#main #cast .archive-list{
  padding-top: 50px;
}
#main #cast .archive-list > dt{
  display: block;
  margin-left: 45px;
  /*margin-bottom: 63px;*/
  background: url(../images/transparent.png) repeat;
  box-shadow:rgba(0, 0, 0, 0.13) 0px 0px 13px 0px;
    -webkit-box-shadow:rgba(0, 0, 0, 0.13) 0px 0px 13px 0px;
    -moz-box-shadow:rgba(0, 0, 0, 0.13) 0px 0px 13px 0px;
}
#main #cast .archive-list > dt a{
  display: block;
  padding: 18px 33px;
  min-height: 35px;
  height: auto !important;
  height: 35px;
  color: #000;
  text-decoration: none;
  background: url(../images/archive_list_icon.png) 33px 50% no-repeat;
}
#main #cast .archive-list > dt.active a{
  background: url(../images/archive_list_icon_on.png) 33px 50% no-repeat;
}
#main #cast .archive-list > dt a span.archive-title,
#main #cast .archive-list > dt a span.term{
  display: block;
  padding-left: 60px;
}
#main #cast .archive-list > dt a span.archive-title{
  margin-bottom: .4em;
  font-size: 1.9em;
  font-weight: bold;
  line-height: 1.2em;
}
#main #cast .archive-list > dt a span.archive-title em{
  color: #eb701b;
  font-weight: bold;
}
#main #cast .archive-list > dt a span.term{
  font-size: 1.6em;
}
#main #cast .archive-list > dd{
  display: none;
}
#main #cast .archive-list > dd .cast{
  margin-top: 50px !important;
}