@charset "UTF-8":

/*
Theme Name: secobar
Theme URI: http://secobar.jp/
Description: secobarのテーマ
Version: 0.1
Author: secobar
Tags:
 */

* {
  margin: 0;
  padding: 0;
}
html, body {
  background-color:#000000;
  height: 100%;
  font-size: 11px;
  color: #999;
  /* ref: http://loconet.web2.jp/blog/archives/2007/02/cssfontfamily.html */
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  line-height: 150%;
}
img {
  border: none;
}
ol, ul {
  margin-left: 22px;
}
/* 通常時 */
a:link {
  color: #fff;
  text-decoration: none;
}
/* 訪れたことのあるリンク */
a:visited {
  color: #fff;
  text-decoration: none;
}
/* マウスオーバー */
a:hover {
  color: #cccc00;
  text-decoration: none;
}

p.subtitle {
  font-size: 12px;
  margin-top: 3px;
  margin-left: 105px;
}
hr.title {
  margin-bottom: 10px;
}
div#container {
  width: 900px;
  background: #000;
  margin: 0 auto -100px auto; 
  min-height: 100%;
  height: auto !important;
  height: 100%;
}
hr {
  color: #999;
  background-color: #999;
}
/* header */
div#header {
  margin-top: 48px;
  background: #000;
}
div#header h1 {
  display: none;
}
/* main */
div#main {
  width: 530px;
  float: left;
  height: 100%;
  background: #000;
}
/* top entry */
div#entry{
  margin-left: 30px;
  margin-bottom: 26px;
  margin-top: 16px;
}
#entry h2 {
  background-image: url(img/schedule_date_dot2.gif);
  background-repeat: no-repeat;
  background-position: left 40%;
  color: #ebfa97;
  padding-left: 12px;
  font-size: 10px;
  font-weight: bold;
  margin-bottom: 6px;
}
img.entry_img {
  margin: 6px 6px 6px 0;
  border: 2px #666 solid;
  float: left;
}
#entry hr {
  color: #666;
}

/* sidebar */
div#sidebar {
/*   width: 370px; */
  width: 312px;
  float: left;
  height: 100%;
}

div.sidebar_box,
div#top_recomend{
  margin-top: 16px;
  margin-left: 20px;
  width: 320px;
}

/*
 * recommend ------------------------------------------------------------------------
 */
table.top_recomend_header {
  width: 326px;
  margin-bottom: 6px;
  background: url(img/pickup_bg.gif) top left no-repeat;
}

td.top_recomend_date {
  text-align: left;
  padding-left: 12px;
  padding-top: 3px;
}

td.top_recomend_date span.pickup_event {
  color: #fff;
  font-size: 6px;
  margin-right:22px
}

td.top_recomend_date span.datestr {
  color:#fff;
  font-size:10px;
}

td.top_recomend_more {
  text-align: right;
  padding-right: 10px;
  padding-top: 2px;
}

table.top_recomend_content {
  width: 325px;
  margin-left: 1px;
  margin-bottom: 6px;
}

td.top_recomend_img {
  vertical-align: top;
  text-align: center;
  width: 80px;
  height: 80px;
}

td.top_recomend_img div.top_recomend_img_clip {
  overflow: hidden;
  width: 80px;
  height: 80px;
}

td.top_recomend_body {
  vertical-align: top;
  padding-left: 10px;
  color: #fff;
}

td.top_recomend_body div.top_recomend_title {
  font-size: 11px;
  font-weight: bold;
}
td.top_recomend_body div.top_recomend_title a:link,
td.top_recomend_body div.top_recomend_title a:visited {
  color: #fff;
}
td.top_recomend_body div.top_recomend_title a:hover {
  color: #fff;
}
/* -------------------------------------------------------- */

h2.side_title {
  margin-bottom: 3px;
  line-height: 90%; 
  font-size: 16px;
}

div#mail_magazine {
  margin-top: 16px;
  margin-left: 22px;
  width: 320px;
  color: #fff;
  font-size: 9px;
}

h2.side_title_mail_magazine {
  margin-bottom: 10px;
  line-height: 90%;
}

form#mail_magazine_form {
  margin-top: 10px;
}

form#mail_magazine_form input.search {
  border: 0;
}

form#mail_magazine_form input.searchsubmit {
}

div#footer, div#push{
  height: 160px;
}

div#footer {
  clear: left;
  text-align: center;
  width: 900px;
  margin: 0 auto;
}

/*
 * Additional portions ----------------------------------------------
 */
.warnmsg {
  color: red;
  font-weight: bold;
}

.hl1 {
  color: cyan;
  font-weight: bold;
}

.hl2 {
  color: orange;
  font-weight: bold;
}

.hl3 {
  color: #ebfa97;
  font-weight: bold;
}

p.mini_title {
  background: url(img/mini-arrow.gif) no-repeat left center;
  text-indent: 14px;
}

/* schedule */
h3.schedule_title {
  font-size: 14px;
  color: #fff;
}

h3.schedule_title a:link,
h3.schedule_title a:visited {
  color: #cc0 !important;
}
h3.schedule_title a:hover {
  color: #fc0 !important;
}

div.schedule_info {
  margin-top: 10px;
  margin-bottom: 40px;
}

/* top special */
div#top_special {
  background: #0a0a0a;
}

div#top_special div.top_special_date {
  color: #fff;
  font-size: 10px;
  padding-left: 16px;
  padding-top: 10px;
}

div#top_special div.schedule_info {
  color: #fff;
  font-size: 9px;
  padding-left: 15px;
  margin-top: 0;
}

div#top_special h3.schedule_title {
  font-size: 15px;
  color: #ebfa97;
}
div#top_special h3.schedule_title a:link,
div#top_special h3.schedule_title a:visited {
/*   color: #cc0 !important; */
  color: #ebfa97 !important;
}
div#top_special h3.schedule_title a:hover {
/*   color: #fc0 !important; */
  color: #ebfa97 !important;
}


/*
 * home, schedule single
 * ---------------------------------------------------------
 *
 * +-------+--------------+
 * |       |              |
 * | image | title        |
 * |       | custom field |
 * |       |              |
 * +-------+--------------+
 */
div.schedule_info table.main_table {
   width: 100%;
}

div.schedule_info table.main_table td {
  vertical-align: top;
  text-align: left;
}

div.schedule_info table.main_table td.main_table_left {
  width: 250px;
}

div.schedule_info table.main_table td.main_table_right {
  padding-left: 4px;
  width: 246px;
}

div.schedule_info table.main_table td.main_table_right h3.schedule_title {
  margin-bottom: 16px;
}

div.schedule_info div.schedule_info_extended {
  margin-top: 14px;
}
/* ---------------------------------------------------------- */

div.seco_schedule_entry {
  margin-bottom: 6px;
}

div.seco_schedule_entry table.seco_schedule_entry_header {
  width: 100%;
}

div.seco_schedule_entry .even {
  background: #191919;
}

div.seco_schedule_entry .odd {
  background: transparent;
}

div.seco_schedule_entry td.seco_schedule_entry_table_date {
  padding-top: 3px;
  text-align: center;
  width: 56px;
  vertical-align: top;
}

div.seco_schedule_entry td.seco_schedule_entry_table_date div.date_wrap {
  border:2px solid #666;
  background:black;
  margin-bottom:16px;
  width:48px;
  margin-left: auto;
  margin-right: auto;
}

div.seco_schedule_entry td.seco_schedule_entry_table_date div.date_num {
  font-size:25px;
  line-height:25px;
  color:white;
  margin-top:6px;
  margin-left: auto;
  margin-right: auto;
}

div.seco_schedule_entry td.seco_schedule_entry_table_date div.week_name {
  color:#aaa;
  margin-top:1px;
  margin-bottom:4px;
  margin-left: auto;
  margin-right: auto;
}

div.seco_schedule_entry td.seco_schedule_entry_table_title {
  vertical-align: top;
  padding-top: 4px;
  padding-left: 4px;
}

div.seco_schedule_entry td.seco_schedule_entry_table_title h3.schedule_title {
  color: #fff;
  margin: 0 0 4px;
  padding: 0;
}

div.seco_schedule_entry td.seco_schedule_entry_table_title h3.schedule_title a {
  color: #fff !important;
}

div.seco_schedule_entry td.seco_schedule_entry_table_more {
  width: 46px;
  vertical-align: top;
  text-align: right;
}

/*
 * news
 */
div#entry div.seco_news_entry {
  margin-bottom: 36px;
}

div#entry div.seco_news_entry h2.news_title {
  color: #ebfa97;
  font-size: 15px;
  background: url(img/news_title_mark.gif) no-repeat left 1px;
  padding-left: 20px;
  margin-left: 0;
}

div#entry div.seco_news_entry_content {
  background: transparent;
  color: #fff;
  font-size: 9px;
}

div.sidebar_box div.sidebar_news_title_odd,
div.sidebar_box div.sidebar_news_title_even {
  line-height: 180%;
  padding-left: 6px;
  font-size: 10px;
  font-weight: bold;
}

div.sidebar_box div.sidebar_news_title_odd a,
div.sidebar_box div.sidebar_news_title_even a {
  color: #fff;
}

div.sidebar_box div.sidebar_news_title_odd {
  background: transparent;
}

div.sidebar_box div.sidebar_news_title_even {
/*   background: #191919; */
  background: transparent;
}

/*
 * news single
 */
div.seco_news_entry_single h3 {
  color: white;
  font-weight: bold;
  margin-bottom: 10px;
}

/*
 * Custom field
 */
.seco_custom_field_caption {
  font-size: 7px;
  color: #ebfa97;
}

.seco_custom_field_value {
  font-size: 10px;
  color: #fff;
}

/*
 * Navigation menu
 */
div#navigation_menu {
  width: 842px;
  height: 28px;
  background: url("img/menu_bg.gif") top left no-repeat;
  margin: 10px auto 10px;
  border: 0px solid cyan;
}

div#navigation_menu ul {
  margin-left: 0px;
  padding-left: 26px;;
}

div#navigation_menu li {
  list-style-type: none;
  margin-left: 0px;
  float: left;
  margin-right: 30px;
  margin-top: 2px;
}

/*
 * Top news
 */
div#top_news{
  margin-left: 30px;
}

div#top_news td.top_news_frame_left {
  width: 2px;
  background: url(img/news_frame_left.gif) repeat-y left top;
}

div#top_news td.top_news_frame_right {
  width: 2px;
  background: url(img/news_frame_right.gif) repeat-y right top;
}

div#top_news td.top_news_content {
  padding: 14px 14px 14px;
}

div#top_news td.top_news_content h2 {
  margin: 0 0 16px;
  padding: 0;
}

dt.top_news_date {
  font-size: 8px;
  color: #808080;
  margin: 0;
  padding: 0;
}

dd.top_news_title {
  font-size: 10px;
  color: #fff;
  margin: 0;
  padding: 0;
}