@charset "UTF-8";

/************************************************************
■トップページ
************************************************************/
#top #side {
  padding-right: 17px;
}

#top .menu_catv {
  float: left;
  width: 290px;
  margin: 0 5px 10px 0;
}

#top .menu_net {
  float: left;
  width: 290px;
  margin: 0 0 10px 0;
}

#top .banner_both {
  text-align: center;
}

#top .banner_catv {
  float: left;
  width: 290px;
  margin: 0 5px 5px 0;
}

#top .banner_net {
  float: left;
  width: 290px;
  margin: 0 0 5px 0;
}

#top .banner_catv p {
  margin: 0 0 7px 0;
  padding: 0;
  text-align: right;
}

#top .banner_net p,
#top .banner_both p {
  margin: 0 0 7px 0;
  padding: 0;
}

/* インフォメーション */
#top #information {
  margin: 0 0 16px 0;
  padding: 0 0 9px 0;
  background: url(../images/top_round_bg.gif) no-repeat left bottom;
}

#top #information h2 {
  margin: 0 0 11px 0;
  padding: 0;
}

#top #info_body {
  height: 1%;
  background: url(../images/top_info_line.gif) no-repeat center bottom;
}

#top #news {
  float: left;
  width: 266px;
  padding: 0 13px;
}

#top #notice {
  float: right;
  width: 266px;
  padding: 0 13px;
}

#top #info_body h3 {
  margin: 0 0 10px 0;
  padding: 0;
}

#top #info_body dl {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 80%;
  line-height: 1.5;
}

#top #info_body dt {
  width: 4.5em;
  margin: 0;
  padding: 0 0 0.5em 0;
}

#top #info_body dd {
  margin: -2.0em 0 0 0;
  padding: 0 0 0.5em 5em;
  text-align: justify;
}

#top #info_body ul {
  list-style-type: none;
  margin: 0 0 3px 0;
  padding: 0;
}

#top #info_body li {
  text-align: right;
}

/* 番組表 */
#top #program {
  height: 64px;
  margin: 0 0 13px 0;
  background: url(../images/top_program_bg.gif) left top;
}

#top #program h2 {
  float: left;
  width: 204px;
  margin: 0 10px 0 0;
}

#top #program ul {
  list-style-type: none;
  margin: 0;
  padding: 8px 0 0 0;
}

#top #program ul li {
  float: left;
  margin: 0 7px 0 0;
}

/* ピックアップ */
#top #weekly_pickup {
  margin: 0 0 14px 0;
  padding: 0 0 5px 0;
  background: url(../images/top_round_bg.gif) no-repeat left bottom;
}

#top #weekly_pickup h2 {
  margin: 0 0 10px 0;
  padding: 0;
}

#top #weekly_pickup .item {
  padding: 0 15px 10px;
}

#top #weekly_pickup h3 {
  margin: 0 0 5px 0;
  padding: 0 0 0 16px;
  background: url(../images/top_weekly_subhead.gif) no-repeat 0em 0.25em;
  font-size: 95%;
  line-height: 1.25;
}

#top #weekly_pickup .thumbnail {
  float: left;
  width: 70px;
  margin: 0 15px 0 0;
  border: 1px solid #666;
}

#top #weekly_pickup p {
  float: left;
  width: 468px;
  margin: 0;
  padding: 0;
  font-size: 80%;
  line-height: 1.5;
}

#top #weekly_pickup ul {
  list-style-type: none;
  margin: 0 0 14px 0;
  padding: 0 15px 0 0;
}

#top #weekly_pickup ul li {
  text-align: right;
}

/* 今月のおすすめ */
#top #monthly_pickup {
  margin: 0 0 14px 0;
  padding: 0 0 5px 0;
  background: url(../images/top_round_bg.gif) no-repeat left bottom;
}

#top #monthly_pickup .pickup_head {
  margin: 0;
  padding: 12px 15px 0 15px;
  background: url(../images/top_monthly_bg.gif) no-repeat left top;
}

#top #monthly_pickup .pickup_body {
  clear: both;
  padding: 0 15px 15px;
}

#top #monthly_pickup h2 {
  float: left;
  margin: 0 15px 10px 0;
  padding: 0;
}

#top #monthly_pickup #pickup_title {
  float: left;
  margin: 0 0 10px 0;
  font-size: 150%;
  font-weight: bold;
}

#top #monthly_pickup #pickup_title img {
  margin: 0 10px 0 0;
}

#top #monthly_pickup h3 {
  margin: 0 0 5px 0;
  padding: 0 0 0 16px;
  background: url(../images/top_weekly_subhead.gif) no-repeat 0em 0.25em;
  font-size: 95%;
  line-height: 1.25;
}

#top #monthly_pickup p {
  margin: 0;
  padding: 0;
  font-size: 80%;
  line-height: 1.5;
}