@charset "utf-8";
/* =======================================================================
   
   LAYOUT
   
   ======================================================================= */

/* =======================================================================
   PAGE BUILDING
   ======================================================================= */
body#player {
  background: #000000 url(http://image.b-ch.com/prevfilm/durarara/player_bg_01.jpg) no-repeat;
}

div#container {
  width: 960px;
}

ul {
  margin: 0;
  padding: 0;
}

/* =======================================================================
   AREA BUILDING
   ======================================================================= */
div#durarara {
  position: relative;
  width: 960px;
  background: #000000 url(http://image.b-ch.com/prevfilm/durarara/main_bg_01.jpg) no-repeat;
  padding: 0 0 32px 0;
  color: #ffffff;
}

div#durarara th, div#durarara td {
  color: #ffffff;
  font-weight: normal;
  text-align: left;
}

/* =======================================================================
   BLOCK BUILDING
   ======================================================================= */


/* =======================================================================
   
   STYLE
   
   ======================================================================= */

/* H
   ----------------------------------------------------------------------- */

/* upd-area
   ----------------------------------------------------------------------- */
#upd-area {
  color: #ffffff;
  font-size: 12px;
  width: 950px;
  _width: 960px;
  height: 17px;
  _height: 20px;
  margin: 0;
  padding-top: 3px;
  padding-right: 10px;
  text-align: right;
  background: #5e5e5e;
}

/* gotop
   ----------------------------------------------------------------------- */
p.gotop {
  margin: 0;
  text-align: right;
}

/* -----------------------------------------------------------------------
   top
   ----------------------------------------------------------------------- */
div#dhurarara-top {
  position: relative;
}

div#dhurarara-top .col-01 {
  float: left;
  width: 439px;
}

div#dhurarara-top .col-02 {
  float: right;
  width: 501px;
}

p#txt-prevfilm {
  margin: 0 0 0 7px;
}

p#txt-copy {
  margin: 2px 0 0 7px;
}

iframe#player-frame {
  width: 501px;
  height: 423px;
}

h2#logo {
  float: left;
  margin: 43px 0 25px 0;
  padding: 0 0 0 29px;
}

p#intro {
  float: right;
  margin: 0;
  padding: 0 21px 0 0;
}

/* -----------------------------------------------------------------------
   det
   ----------------------------------------------------------------------- */
div#durarara-det {
  width: 924px;
  margin: 0 0 0 36px;
}

div#story {
  margin: 0 0 19px 0;
}

div#staff {
  float: left;
  margin: 0 0 9px 0;
}

div#cast {
  float: right;
  margin: 0 0 9px 0;
}

div#durarara-det div.col-03 {
  float: left;
  width: 445px;
}

div#durarara-det div.col-04 {
  float: right;
  width: 475px;
}

div#onair {
  margin: 13px 0 20px 0;
  padding: 0 0 0 0;
}

p#link {
  margin: 18px 0 0 0;
}

div#recommend {
  margin: 0 0 27px 0;
  padding: 0 0 0 115px;
}

p#rest {
  margin: 0px 0 0 0;
  padding: 0 0 0 0;
}

/* -----------------------------------------------------------------------
   story
   ----------------------------------------------------------------------- */
h3#story-ttl {
  margin: 0 0 4px 0;
}

p#story-txt {
}

/* -----------------------------------------------------------------------
   staff
   ----------------------------------------------------------------------- */
div#staff {
  width: 540px;
}

h3#staff-ttl {
  margin: 0 0 3px 0;
}

table#staff-list {
  font-size: 12px;
  line-height: 1.4em;
}

table#staff-list th {
  float: left;
  width: 180px;
}

talbe#staff-list td {
  float: right;
  width: 360px;
}

table#staff-list td small {
  font-size: 10px;
}

/* -----------------------------------------------------------------------
   cast
   ----------------------------------------------------------------------- */
div#cast {
  width: 369px;
}

h3#cast-ttl {
  margin: 0 0 3px 0;
}

table#cast-list {
  font-size: 12px;
  line-height: 1.4em;
}

table#cast-list th {
  float: left;
  width: 120px;
}

talbe#cast-list td {
  float: right;
  width: 249px;
}

table#cast-list td small {
  font-size: 10px;
}

div#cast p {
  margin-top: 1em;
}

/* -----------------------------------------------------------------------
   onair
   ----------------------------------------------------------------------- */
div#onair {
  width: 445px;
}

h3#onair-ttl {
  margin: 0 0 3px 0;
}

table#onair-list {
}

table#onair-list th {
  width: 43px;
}

table#onair-list td.start {
  width: 112px;
}

table#onair-list td.time {
  width: 290px;
}

table#onair-list td.note {
  font-size: 10px;
}

div#onair .notice {
  margin-top: 1em;
  font-size: 10px;
}

/* -----------------------------------------------------------------------
   recommend
   ----------------------------------------------------------------------- */
div#recommend {
  width: 321px;
  _width: 321px;
}

div#recommend dl {
  width: 297px;
  _width: 321px;
  background-color: #bba55c;
  padding: 10px 12px;
}

div#recommend dl dt {
  float: right;
  width: 190px;
  color: #000000;
}

div#recommend dl dd.thm {
  float: left;
  width: 96px;
  height: 54px;
  border: 1px solid #000000;
  background-color: #ffffff;
  padding: 1px;
  font-size: 0;
}

div#recommend dl dd.intro {
  float: right;
  width: 190px;
  height: auto !important;
  height: 21px;
  min-height: 21px;
  color: #ffffff;
}

div#recommend dl dd.link {
  float: right;
  width: 190px;
  font-size: 14px;
}

div#recommend dl dd.link a,
div#recommend dl dd.link a:hover {
  color: #0c54f4;
}

/* -----------------------------------------------------------------------
   copyright
   ----------------------------------------------------------------------- */
p#durarara-copyright {
  width: 918px;
  _width: 960px;
  padding: 15px 0 0 42px;
  font-size: 10px;
}

p#durarara-copyright span {
  font-size: 12px;
}


/* -----------------------------------------------------------------------
   player (iframe)
   ----------------------------------------------------------------------- */
p#main-ttl {
  margin: 99px 0 0 23px;
}

p#limit {
  margin: 22px 0 0 30px;
}

body#player p.player {
  margin: 73px 0 0 0;
}