@charset "utf-8";

/* ------------------------------------- 
 *  style css (共通タグ呼び出し)
 * ------------------------------------- */
@import url(../../css/style.css);

/* ------------------------------------- 
 *
 *  リーグ詳細 css
 *
 * ------------------------------------- */

/* topics css -------------------------- * /
#topicsTitle1,
#topicsTitle2 {
  background-image: url(images/topics_title.gif);
}

#topicsTitle1 { /* トピックス・ニュース * /
  background-position: left top;
}
#topicsTitle2 { /* トピックス・ニュース詳細 * /
  background-position: left -54px;
}
*/
.topics-caption {
  padding: 0px 0px 10px 12px;
  font-size: 1.1em;
}
.topics-info {
  font-size: 0.8em;
  font-weight: normal;
  line-height: 1.2;
}
/*
.topics-sublink {
  display: block;
  height: 20px;
  width: 120px;
  margin: 5px 0px 0px 418px;
  background-position: left top;
  position: absolute;
  background-image: url(images/topics_sublink.gif);
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}
a:hover.topics-sublink { background-position: left -24px; }
*/
.topics-wrapper {
  display: block;
  width: 1000px;
  background-image: url(images/topics_bg.gif);
  background-color: #FFFFFF;
  background-repeat: repeat-y;
  overflow: hidden;
}
.topics-body-left {
  display: block;
  width: 548px;
  float: left;
  overflow: hidden;
}
.topics-body-right {
  display: block;
  width: 236px;
  float: left;
  overflow: hidden;
}

.topics-top-photo {
  display: block;
  width: 236px;
  border-top: 1px solid #12315F;
  border-bottom: 1px solid #12315F;
  overflow: hidden;
}
.topics-top-text {
  margin: 0px 0px 0px 0px;
  padding: 10px 10px 10px 10px;
  font-size: 0.9em;
  line-height: 2;
}

/* topics *//* split *//* コンテンツ分割 --------------------------- */
.topics-split {
  display: block;
  height: 9px;
  width: 800px;
  background-image: url(images/topics_split.gif);
  background-position: left top;
  overflow: hidden;
}

.topics-line1, .topics-line2 {
  display: block;
  height: 4px;
  width: 800px;
  background-image: url(images/topics_line.gif);
  overflow: hidden;
  clear: both;
}
.topics-line1 { height: 5px; background-position: left -4px; }
.topics-line2 { height: 4px; background-position: left top; }

/* topics *//* details body  *//* 詳細ページ関連 --------------------------- */
.topics-details-body {
  padding: 10px 12px 0px 12px;
  border-top: 1px solid #E5E5E5;
}
.topics-details-return {
  padding: 0px 0px 10px 12px;
}


/* content *//* list + ulist *//* リスト関連 --------------------------- */
/*
.topics-ulist {
  padding: 10px 12px 10px 12px;
}
.topics-list {
  padding: 4px 0px 1px 0px;
}
*/

.topics-list-date {
  display: block;
  width: 84px;
  float: left;
  padding: 15px 0px 13px 0px;
  font-size: 0.9em;
  overflow: hidden;
}
.topics-list-category {
  display: block;
  width: 96px;
  float: left;
  padding: 15px 0px 13px 0px;
  font-size: 0.9em;
  overflow: hidden;
}
.topics-list-text1, .topics-list-text2 {
  display: block;
  width: 312px;
  float: left;
  padding: 15px 0px 13px 0px;
  font-size: 0.9em;
  overflow: hidden;
}
.topics-list-text2 {
  width: 552px;
}
.topics-jhlnews-caption{
  display:block;
  padding: 3px 0px 3px 8px;
  font-weight:bold;
  color:darkgreen;
}
.topics-jhlnews-ulist {
  padding: 10px 12px 10px 12px;
}
.topics-jhlnews-list {
  padding: 4px 0px 1px 0px;
}
.topics-past-links{
display:block;
float:left;
margin: 3px 2px 3px 2px;
}