/* 7colors用の設定だけ書こう。辛くても他人がメンテできるように書こう。 */

/*-----------------------------------------
TOPページのグローバルナビ
-------------------------------------------*/

#mainnavi{
  width:990px;
  height:auto;
  margin:30px auto;
  _margin-bottom:18px;
}

/*-----------------------------------------
TOPページの番組表エリア
-------------------------------------------*/

.live_tops_show #bottom {
  background:url(/7colors_resources/images/__back_bottom_box.gif) repeat-y;
  padding:10px;
  width:970px;
  border-top:10px solid #d0d0d0;
  border-bottom:10px solid #d0d0d0;
  margin-top:20px;
}

.live_tops_show #bottom .movie_title,
    .live_tops_show #bottom .archive_title{
      padding-bottom:2px;
      border-bottom:1px solid #CCCCCC;
    }

.live_tops_show #bottom .left_area{
  background:#FFFFFF;
  float:left;
  width:580px;
  padding:20px;
}

.live_tops_show #bottom .right_area{
  background:#F0F0F0;
  float:right;
  width:310px;
  padding:20px;
}

.live_tops_show #bottom .right_area .whatsnew{
  margin:0 0 30px;
  border-bottom:15px solid #d0d0d0;
}

.live_tops_show #bottom .right_area .whatsnew #newspost{
  padding-bottom:15px;
}

.live_tops_show #bottom .right_area .whatsnew #newspost p{
  height:25px;
  overflow:hidden;
  padding-bottom:2px;
  margin:10px 0 5px;
}

/*-----------------------------------------
番組表リスト（TOP、番組表ページ）
-------------------------------------------*/

.live_ust_events_index .ust_events_index {
  background:#FFFFFF;
  width:550px;
  padding-bottom:30px;
  padding-right:30px;
}

.live_tops_show #bottom .left_area .ust_events_index {
  background:#FFFFFF;
  width:580px;
}

.live_ust_events_index .ust_events_index  th, .live_tops_show #bottom .left_area .ust_events_index  th {
  text-align:left;
  color:#666666;
  font-size:18px;
  font-weight:normal;
  border-bottom:1px solid #D0D0D0;
  padding-bottom:5px;
}

.live_ust_events_index .ust_events_index td, .live_tops_show #bottom .left_area .ust_events_index td {
  vertical-align:top;
  padding:10px 10px 10px 0;
  border-bottom:1px dotted #D0D0D0;
  color:#333333;
}

.live_ust_events_index .ust_events_index td.row_image_ust_event, .live_tops_show #bottom .left_area .ust_events_index td.row_image_ust_event{
  width:110px;
}

.live_ust_events_index .ust_events_index td.row_image_ust_event img, .live_tops_show #bottom .left_area .ust_events_index td.row_image_ust_event img{
  width:110px;
}

.live_ust_events_index .ust_events_index td span.ust_title_ust_event, .live_tops_show #bottom .left_area .ust_events_index td span.ust_title_ust_event {
  font-weight:bold;
  font-size:1.2em;
  line-height:1.5em;
}

.live_ust_events_index .ust_events_index td span.ust_title_ust_event a, .live_tops_show #bottom .left_area .ust_events_index td span.ust_title_ust_event a {
  color:#5D96B8;
}

/* 2010-05-26 カテゴリ部分の修正 by ikeda */
/* FIXME: 背景に合わせた文字色を設定すること */
.ust_category_node               {padding: 2px 4px}
.mobile_ust_category_node        {color: #FFFFFF; background:#DD0033;}
.sports_ust_category_node        {color: #FFFFFF; background:#EE8800;}
.entertainment_ust_category_node {color: #FFFFFF; background:#CCCC00;}
.gaming_ust_category_node        {color: #FFFFFF; background:#00BB00;}
.music_ust_category_node         {color: #FFFFFF; background:#00BB66;}
.animal_ust_category_node        {color: #FFFFFF; background:#0088EE;}
.broadcast_ust_category_node     {color: #FFFFFF; background:#AA00AA;}
.economy_ust_category_node       {color: #FFFFFF; background:#AA8800;}
.politics_ust_category_node      {color: #FFFFFF; background:#5F00AA;}
.infotech_ust_category_node      {color: #FFFFFF; background:#AA0700;}
.planevent_ust_category_node     {color: #FFFFFF; background:#003CAA;}


/* 2010-05-28 アーカイブの下のチャンネル画像とタイトルと説明 */
table.archive_channel_info {
  margin-left: auto;
  margin-right: auto;
}

.archive_channel_info td {
  vertical-align: top;
  padding: 0.5em;
}
.archive_channel_info .image {
  margin: 10px;
}
.archive_channel_info .date {
  padding-bottom:10px;
}/* 2010-08-26 kokubun 番組詳細の日付部分 */
.archive_channel_info .title {
  font-size: 160%;
  font-weight: bold;
  margin: 0px;
  padding-bottom:10px;
}/* 2010-08-26 kokubun 番組詳細の日付部分 */
.archive_channel_info .text {
  width: 30em;
}
.archive_channel_info .ust_body_ust_event {
  /* background: blue; */
}

/* 番組一覧の右側のGooglaMapsの表示 */
.ust_events_map_for_index {
  float: right;
}
.ust_events_map_for_wide {
}
.ust_events_map_for_show {
  margin: 0;
}

/*################################################################################
トップの番組下の2つのバナー
################################################################################*/

#middle_banner        {width: 990px; margin: 0px auto 10px auto; padding:0px}
.banner_title         {font-weight:bold; color: #444; padding: 10px 0 5px 0}
.banner_left_section  {width: 480px; float: left}
.banner_right_section {width: 480px; float: right}
.banner_time          {color: #1d8cca; margin-left: 0.5em}

.twitter_event_comments {
  width: 100%;
  margin: 0.5em auto;
}

/*################################################################################
2010-05-19 グローバルナビの下にあるカテゴリ毎のリンク by ikeda
################################################################################*/

.ust_category_node_links  {
  width: 840px;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
  font-size: 12px;
}

.ust_category_node_links a {
  display: block;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  line-height: 16px;
}

.ust_category_node_links li {
  float: left;
  width: 72px;
  vertical-align: middle;
}

.ust_category_node_links a {
  color: #444;
}

.ust_category_node_links a:hover, .ust_category_node_links a:active, .ust_category_node_links a:focus {
  color: white;
  background: #68B1D9;
}

/*################################################################################
GoogleMaps関連
################################################################################*/

.multipoint_googlemaps span {display: none} /* コピーライトみたいなのがはみ出るので消す。すべての span に影響があるので注意 */
#ust_events_map_global {margin-top: 28px} /* 日本地図と世界地図の隙間 */

/*################################################################################
アーカイブページ
################################################################################*/
.ust_event_specify_archive_records_show embed {
  display:block;
  margin: 2em auto;
}
.ust_event_specify_archive_records_show video { /* html5 video tag */
  display:block;
  margin: 2em auto;
}

/* アーカイブの個々のタイトル */
.specify_archive_record_title {
  display:block;
  width: 50%;
  margin: 30px auto -25px auto;
  padding: 5px 0px;
  color: #aaa;
}

/*################################################################################
汎用的な小技集。やはりこれがいるのか。考え直したときのために謎のプレフィクスをつけておこう by ikeda
################################################################################*/

._X_block_center {text-align: center}
._X_float_left   {float: left}
._X_float_right  {float: right}
._X_bold         {font-weight: bold}
a._X_link_color  {color: #68B1D9}

/*################################################################################
2010-06-01 aタグ用(デフォルトでアンダーラインがつく) by ikeda
################################################################################*/

a:link.underline_alink    {text-decoration: underline}
a:visited.underline_alink {text-decoration: underline}
a:hover.underline_alink   {text-decoration: none}
a:active.underline_alink  {text-decoration: none}

/*################################################################################
2010-05-31 ご意見箱 by ikeda
################################################################################*/

#opinion_box {
  margin-top: 1.5em;
  text-align: center;
}
#opinion_box fieldset {
  padding-bottom: 0.7em;
}
#opinion_box legend {
  font-weight: bold;
  margin-left: 1em;
  padding: 0.4em 0.5em 0.6em;
}
#opinion_box textarea {
  width: 256px;
  height: 128px;
  padding: 0.25em;
  margin-top: 0.25em;
  margin-bottom: 0.6em;
}
#opinion_box fieldset, #opinion_box textarea {
  border: 5px solid #D0D0D0;
}

/*################################################################################
2010-06-01 「ただいまOn Air」のメッセージ by ikeda
################################################################################*/

.broadcast_now_message {
  color: rgb(253,65,32) ! important; /* strong */
  font-weight: bold;
  margin-left: 0.5em;
}

.start_after_1hours {
  color: rgb(250,154,163);
  font-weight: bold;
  margin-left: 0.5em;
}

/*################################################################################
2010-06-01 あちこちで使われている二重のdivとインラインstyleフレームの置き換え用 by ikeda
################################################################################*/

.gray_frame { /* 外側 */
  border: 10px solid #cccccc;
  background: white;
  padding:15px 30px;
}

.gray_frame_title { /* そのなかに綺麗に入れられるタイトル */
  font-size: 200%;
  font-weight: bold;
  padding: 0.35em;
  margin: 0.4em 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/*################################################################################
2010-07-23 トップの右のお知らせ
################################################################################*/

.top_right_whats_new_list          {margin: 0px; border-spacing: 2px 10px}
.top_right_whats_new_list td       {vertical-align: middle}
.top_right_whats_new_list .right   {text-align: left;  width: 99%; padding-left: 0px}
.top_right_whats_new_list .right a {color: #5D96B8; font-size: 12px}
.top_right_whats_new_list img      {width: 44px}
.top_right_whats_new_list img      {}

/*################################################################################
2010-06-01 トップの右のアーカイブ一覧と新着一覧 by ikeda
################################################################################*/

.top_right_elements          {margin: 4px auto; border-spacing: 2px 10px}
.top_right_elements td       {vertical-align: middle}
.top_right_elements .left    {text-align: right; width:  1%}
.top_right_elements .right   {text-align: left;  width: 99%; padding-left: 4px}
.top_right_elements .right a {color: #5D96B8; font-size: 12px}
.top_right_elements img      {width: 44px}
.top_right_elements img      {}

/*################################################################################
2010-06-01 お知らせの詳細 by ikeda
################################################################################*/

.whats_new_article_show          {margin: 4px auto; border-spacing: 10px}
.whats_new_article_show td       {vertical-align: top}
.whats_new_article_show .left    {text-align: right; width:  1%}
.whats_new_article_show .right   {text-align: left;  width: 99%; padding-left: 12px; padding-right: 1em; font-size: 12px; line-height: 1.6em}
.whats_new_article_show .right a {color: #5D96B8; font-size: 12px}
.whats_new_article_show img      {}

/*################################################################################
2010-06-08 グローバルナビ by ikeda
################################################################################*/

.seven_colors_global_navigation  {
  width: 990px;
  margin: 0 0 0 28px; /* センタリングできなかったら最悪左マージンだけで微調整すべし */
  padding: 0;
  list-style-type: none;
  font-size: 14px;
}

.seven_colors_global_navigation a {
  display: block;
  text-decoration: none;
  text-align: center;
  line-height: 30px;
  vertical-align: middle;
  width: 123px; /* メニューの一つの幅 */
}

.seven_colors_global_navigation li {
  float: left;
  padding: 0 4px; /* 隙間 */
  vertical-align: middle;
}

.seven_colors_global_navigation a { /* 飾り */
  color: #555;
  background-color: #eaeaea;
}

.seven_colors_global_navigation a:hover, .seven_colors_global_navigation a:active, .seven_colors_global_navigation a:focus {
  background-color: #ddeef6;
  color: #3985a8;
}

.seven_colors_global_navigation a:active, .seven_colors_global_navigation a:focus {
}


/*################################################################################
2010-06-08 フッターバナー by ikeda
################################################################################*/

.footer_banners  {
  width: 990px;
  margin: 14px auto 0px; /* 上との隙間 */
  padding: 0;
  list-style-type: none;
  /* background: blue; */
}
.footer_banners a {
  display: block;
  text-decoration: none;
}
.footer_banners li {
  float: left;
  margin: 30px 10px;
}
.footer_banners .first {
  margin-left: 30px; /* 本当はセンタリングしたかったけどfloatが強すぎて無理っぽかったので左のマージンで調整。できればここは消したい */
}

/*################################################################################
2010-06-08 新着一覧 by ikeda
################################################################################*/

.whats_new_articles_index          {margin: 4px auto; border-spacing: 2px 10px}
.whats_new_articles_index td       {vertical-align: top}
.whats_new_articles_index .left    {text-align: right; width:  1%}
.whats_new_articles_index .right   {text-align: left;  width: 99%; padding-left: 4px}
.whats_new_articles_index .right a {color: #5D96B8; font-size: 12px; display: block; margin: 4px 0px}
.whats_new_articles_index img      {width: 80px; margin: 0px 14px 26px}
.whats_new_articles_index img      {}
.whats_new_articles_index .body    {line-height: 1.5em; font-size: 1em}


/*################################################################################
2010-06-10 動画とTwitterのペア by ikeda
################################################################################*/

.ustream_live_area                   {margin-bottom:30px}
.ustream_live_area .embed_wraped_div {float:left;  margin-left:  5px}
.ustream_live_area iframe            {float:right; margin-right: 5px}

/* 枠 */
.ustream_live_area .embed_wraped_div, .ustream_live_area iframe {
  border: 4px solid white;
}

/*################################################################################
2010-06-11 番組表の日付のリンク
################################################################################*/

/* 塩満さんのを元に、修正したがここは根本的に ul li に置き換えないとダメ by ikeda */

.date_links a {
  display: block;
  color: white;
  text-align:center;
  float: left;
  margin: 11px 1px 20px 0px; /* 隙間はここだけで設定できる */
  padding: 5px 16px;
  text-decoration: none;
}

/* 左右のページング用リンク。色が決まらないので保留 */
a.ust_event_date_paginate_link {
  /* color: rgb(78,151,197); */
  /* background: inherit; */
}

/* カレンダー風の色分け(通常) */
.date_links a          {background: #888}              /* 牧さん指定  */
.date_links a.everyday {background: #888}              /* 牧さん指定  */
.date_links a.saturday {background: rgb(103,169,206)}  /* p.36 strong 右上  */
.date_links a.sunday   {background: rgb(238,126,114)}  /* p.30 soft 右上 */
.date_links a.holiday  {background: rgb(238,126,114)}  /* 同上 */

/* カレンダー風の色分け(マウスオーバー時) 牧さん指定の色(通常の白30%増) */
.date_links a:hover                                         {background: #ABABAB}
.date_links a.everyday:hover, .date_links .active_everyday {background: #ABABAB}
.date_links a.saturday:hover, .date_links .active_saturday {background: #94C3DD}
.date_links a.sunday:hover,   .date_links .active_sunday   {background: #F3A49C}
.date_links a.holiday:hover,  .date_links .active_holiday  {background: #F3A49C}

/*################################################################################
2010-06-14 番組一覧のそれぞれの日付の曜日 by ikeda
################################################################################*/

.saturday {color: rgb(103,169,206)}
.sunday   {color: rgb(238,126,114)}
.holiday  {color: rgb(238,126,114)}

/*################################################################################
2010-06-22 On Airの元 by maki
2010-06-24 style.css の影響でそのままで反映できないでいろいろ割愛した by ikeda
################################################################################*/

table.noair1 {
  margin: 0 auto; /* デフォルトはセンタリング */
}

table.noair_up {
  margin-left: 0px; /* だけど上側だけは左寄せ */
}

.noair1 td {
  vertical-align: top;
}

.noair1 img {
  margin: 0 auto;
  display: block;
  width: 100%; /* あえて100%を設定することでaのpaddingを引いたエリア幅に縮小できる。*/
}

/* テキストが消える場合があるので高さの指定は禁止。 */
.noair1 a {
  font-size: 12px;
  color: #333;
  text-decoration: none;
  background: #ddd;
  display: block;
}

.noair_up   a { width: 264px; margin: 6px; padding: 12px; } /* 上側の隙間調整 */ /* 画像横幅240 - padding:12px * 2 = 264width) */
.noair_down a { width: 120px; margin: 2px; padding:  8px; } /* 下側の隙間調整 */

.already_broadcasting {display: block; margin: 8px 0px 4px 0px; font-size: 1.1em; color: rgb(253,65,32);   font-weight: bold;}
.soon_broadcast_end   {display: block; margin: 4px 0px;         font-size: 0.9em; color: rgb(250,154,163); font-weight: normal;}

.noair1 a:hover               {color: #fff; background: #70B3D9; text-decoration: none;}
a:hover .already_broadcasting {color: #fff; background: #70B3D9; text-decoration: none;}
a:hover .soon_broadcast_end   {color: #fff; background: #70B3D9; text-decoration: none;}

.noair1 .category {
  margin: 0px 0px 5px 0px;
}

.noair1 .description {
  display: block;
  margin: 8px 0px 4px 0px;
}

.noair1 .counters_line {
  display: block;
  margin: 4px 0px 0px 0px;
}

/*################################################################################
2010-07-06 お問い合わせ by ikeda
################################################################################*/

#ust_inquiry             {font-size: 12px}
#ust_inquiry table       {width: 100%; margin: 8px 0 8px 0px}
#ust_inquiry th          {padding: 4px; text-align: right; vertical-align: top; width: 140px}
#ust_inquiry td          {padding: 4px; width: 680px}
#ust_inquiry .operations {text-align: center}

/*################################################################################
2010-07-07 一般・番組投稿 by ikeda
################################################################################*/

#evtweet             {font-size: 12px}
#evtweet table       {width: 100%; margin: 8px 0 8px 0px}
#evtweet th          {padding: 4px; text-align: right; vertical-align: top; width: 140px}
#evtweet td          {padding: 4px; width: 680px}
#evtweet .operations {text-align: center}

/*################################################################################
2010-07-15 タイムラインとカレンダー
################################################################################*/

#ust_events_index_switch_links {width: 100%; margin: 0 0 8px 0px; padding: 0; list-style-type: none; font-size: 12px}
#ust_events_index_switch_links a {display: block; text-decoration: none; text-align: center; vertical-align: middle; line-height: 20px}
#ust_events_index_switch_links li {float: left; width: 100px; vertical-align: middle}
#ust_events_index_switch_links a {color: #444; background: #eee}
#ust_events_index_switch_links a:hover, #ust_events_index_switch_links a:active, #ust_events_index_switch_links a:focus {color: white; background: #68B1D9}
#ust_events_index_switch_links li.active a:hover, #ust_events_index_switch_links li.active a:active, #ust_events_index_switch_links li.active a:focus {color: white; background: #68B1D9}
#ust_events_index_switch_links li.active a {color: white; background: #68B1D9}

/*################################################################################
2010-07-14 UST会員編集 by ikeda
################################################################################*/

/* #ust_user_edit             {font-size: 12px} */
/* #ust_user_edit table       {width: 100%; margin: 8px 0 8px 0px} */
/* #ust_user_edit th          {padding: 4px; text-align: right; vertical-align: top; width: 160px} */
/* #ust_user_edit td          {padding: 4px; width: 660px} */
/* #ust_user_edit .operations {text-align: center} */

/*################################################################################
2010-07-14 UST会員ホーム by ikeda
################################################################################*/

/* #ust_user_home_show             {font-size: 12px} */
/* #ust_user_home_show table       {width: 100%; margin: 8px 0 8px 0px} */
/* #ust_user_home_show th          {padding: 4px; text-align: right; vertical-align: top; width: 160px} */
/* #ust_user_home_show td          {padding: 4px; width: 660px} */
/* #ust_user_home_show .operations {text-align: center} */


/*################################################################################
2010-07-15 番組投稿 by ikeda
################################################################################*/

#ust_event_edit             {font-size: 12px}
#ust_event_edit table       {width: 100%; margin: 8px 0 8px 0px}
#ust_event_edit th          {padding: 4px; text-align: right; vertical-align: top; width: 160px}
#ust_event_edit .necessity  {color:#F00; font-weight:bold;}/* 必須項目を赤文字表記 2010-08-19 kokubun */
#ust_event_edit td          {padding: 4px}
#ust_event_edit .operations {text-align: center}

/* .ust_event_edit { */
/*   width:898px; */
/*   background:url(/7colors_resources/images/tv_funny_backgroud.gif) no-repeat bottom right; */
/*   border:1px #dfdfdf solid; */
/* } */

/*################################################################################
2010-07-15 番組投稿確認 by ikeda
################################################################################*/

#ust_event_edit_confirm             {font-size: 12px}
#ust_event_edit_confirm table       {width: 100%; margin: 8px 0 8px 0px}
#ust_event_edit_confirm th          {padding: 4px; text-align: right; vertical-align: top; width: 160px}
#ust_event_edit_confirm .necessity  {color:#F00; font-weight:bold;}/* 必須項目を赤文字表記 2010-08-19 kokubun */
#ust_event_edit_confirm td          {padding: 4px; width: 660px}
#ust_event_edit_confirm .operations {text-align: center}

/*################################################################################
2010-07-28 ランキング by kokubun
################################################################################*/

#ust_ranking{}
#ust_ranking a{color:#529FD0;text-decoration:underline;}
#ust_ranking a:hover{text-decoration:none;}
#ust_ranking table{width:100%;border-collapse:inherit;border-spacing:inherit;}

#ust_ranking .ranking_title{font-size:130%;color:#333;width:300px;padding:10px 20px 10px 200px; text-align:right; vertical-align:top; background:url(/7colors_resources/images/background_ranking_title.jpg) top left no-repeat;}/* 「○○のランキング」部分 */
#ust_ranking .ranking_title span{font-size:140%;font-weight:bold;}/* 「○○」の部分のみ文字サイズ大きめ */
#ust_ranking .ranking_title div{font-size:140%;font-weight:bold; padding-top:10px;}/* 「○○」の部分のみ文字サイズ大きめ */

#ust_ranking .ranking_search{
  text-align:right;
  vertical-align:top;
}

#ust_ranking .ranking_search span{
  font-weight:bold;
}

#ust_ranking .ranking_search #ranking_daily{margin-bottom:10px;}
#ust_ranking .ranking_search #ranking_monthly{}

#ust_ranking .ranking_search input{
  background:#666;
  border:0;
  padding:2px 5px;
  margin-left:5px;
  color:#FFF;
  font-weight:bold;
  width:50px;
  height:21px;
  cursor: pointer;
}

#ust_ranking table#ranking_table{
}/* ランキング表 */

#ust_ranking table#ranking_table th{
  padding:7px 0;
  border-bottom:#CCC 1px solid;
  width:100px;
  font-size:120%;
}

#ust_ranking table#ranking_table tr.ranking_number1 th{background:url(/7colors_resources/images/gold_medal_icon.jpg) center 11px no-repeat;padding-top:45px;}/* ランキング1位 */
#ust_ranking table#ranking_table tr.ranking_number2 th{background:url(/7colors_resources/images/silver_medal_icon.jpg) center 11px no-repeat;padding-top:45px;}/* ランキング2位 */
#ust_ranking table#ranking_table tr.ranking_number3 th{background:url(/7colors_resources/images/bronze_medal_icon.jpg) center 11px no-repeat;padding-top:45px;}/* ランキング3位 */

/* 月別ランキングの時は王冠アイコンを表示しない */
#ust_ranking table#ranking_table tr.ranking_number1 th.monthly{background:none; padding-top:7px;}/* ランキング1位 */
#ust_ranking table#ranking_table tr.ranking_number2 th.monthly{background:none; padding-top:7px;}/* ランキング2位 */
#ust_ranking table#ranking_table tr.ranking_number3 th.monthly{background:none; padding-top:7px;}/* ランキング3位 */

#ust_ranking table#ranking_table td{
  text-align:center;
  padding:7px;
  border-bottom:#CCC 1PX solid;
}

#ust_ranking table#ranking_table tr.title td{
  vertical-align:bottom;
  font-weight:bold;
  padding:10px 0;
}/* 表の最上部部分 */

#ust_ranking table#ranking_table td.thumbnail_daily{
  width:105px;
  padding:7px 0;
}/* サムネイル画像部分 */


#ust_ranking table#ranking_table td.thumbnail_daily div{
  background:url(/7colors_resources/images/border_dot.gif) repeat-y left;
}/* サムネイル画像左側に点線を表示させる */

#ust_ranking table#ranking_table td.thumbnail_monthly div{
  background:url(/7colors_resources/images/border_dot.gif) repeat-y left;
  width:105px;
}/* サムネイル画像左側に点線を表示させる（月別ランキング用） */


#ust_ranking table#ranking_table td.thumbnail_daily div img{width:40px;height:30px;}/* サムネイル画像サイズ */

#ust_ranking table#ranking_table tr.ranking_number1 td.thumbnail_daily div img,#ust_ranking table#ranking_table tr.ranking_number2 td.thumbnail_daily div img,#ust_ranking table#ranking_table tr.ranking_number3 td.thumbnail_daily div img{width:80px;height:60px;}/* ランキング上位3位はサムネイル画像サイズが大きい */

#ust_ranking table#ranking_table td.thumbnail_monthly div img{width:40px;height:30px;}/* 月別ランキングではサムネイルの画像サイズは通常で統一 */

#ust_ranking table#ranking_table td.program{
  text-align:left;
  font-size:110%;
}/* 番組名部分 */

#ust_ranking table#ranking_table td.ranking_gray{
  background:#F0F0F0;
  width:75px;
}

#ust_ranking table#ranking_table td.ranking_white{
  background:#FFF;
  width:75px;
}

#ust_ranking .pagination{
  text-align:right;
  font-size:140%;
  padding:20px 0 30px 0;
  font-weight:bold;
}/* ランキングのページング部分 */

#ust_ranking .ust_ranking_textleft{
	font-size:120%;
	padding:1em 0 0 0;
	float:left;
	}

#ust_ranking .ust_ranking_textright{
	font-size:120%;
	padding:1em 0 0 0;
	float:right;
	text-align:right;
	}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*################################################################################
2010-08-10 ランキングの見方 by kokubun
################################################################################*/

#ust_ranking_text{}
#ust_ranking_text h2{
	font-size:110%;
	color:#333;
	font-weight:bold;
	margin-bottom:5px;
	}
	
#ust_ranking_text p{
	margin-top:0;
	padding-left:1em;
	}

#ust_ranking_text ul{
	margin-left:30px;
	margin-bottom:1em;
	}

#ust_ranking_text ul li span{
	font-weight:bold;
	}




/*################################################################################
2010-08-4 会員登録 by kokubun
################################################################################*/
#ust_login{ font-size:120%; line-height:170%; padding-bottom:50px;}

#ust_login h2{margin-bottom:10px; padding-top:5px; font-size:100%;}
#ust_login table{margin-bottom:20px;}
#ust_login table td{vertical-align:top;}
#ust_login a{color:#529FD0;text-decoration:underline;}
#ust_login a:hover{text-decoration:none;}

#ust_login .operations_type_show{
  text-align:center;
  padding:15px 0 45px 0;
}

#ust_login .operations_type_show input#ust_user_submit {
  background:url(/7colors_resources/images/button_login.jpg) no-repeat;
  width:320px;
  height:100px;
  border:0;
  text-indent:-9999px;
  cursor: pointer;
}

/*################################################################################
2010-08-4 マイページ by kokubun
################################################################################*/
#ust_mypage{ padding:10px 0 50px 0}
#ust_mypage table{ width:100%; border-top:#CCC 1px solid; border-left:#CCC 1px solid;}
#ust_mypage table th,#ust_mypage table td{
  padding:5px;
  border-right:#CCC 1px solid;
  border-bottom:#CCC 1px solid;
}

#ust_mypage table th{
  text-align:left;
  background:#529FD0;
  width:9em;
  color:#FFF;
}

#ust_mypage .operations { /* 2010-08-09 add by ikeda 配置は適当 */
  text-align: center;
  margin-top: 20px;
}

/*################################################################################
2010-08-20 サイト全体のはてなブックマーク／tweetボタン by kokubun
################################################################################*/

#head #social_button{
  display:block;
  position:absolute;
  top:23px;
  left:50%;
  margin-left:510px;
  z-index:100;
  width:100px;
}

/*################################################################################
2010-09-01 視聴者数グラフページ by kokubun
################################################################################*/

.ust_statistics_date{
	font-size:140%;
	padding:0.1em 5em;
	font-weight:bold;
}/* 日付表示部分 */

.ust_statistics_button{
	text-align:center;
	padding:30px 0;
}/* 「戻る」ボタン部分 */

.ust_statistics_logo{
	display:block;
	position:relative;
	width:160px;
	height:31px;
	z-index:100;
	left:43px;
	top:27px;
}/* ロゴ部分 */

.ust_statistics_graph{
	text-align:center;
}/* グラフセンタリング部分 */

#chartdiv{
	width:800px;
	margin:0 auto;
}/* グラフ部分 */