/* style.css */



#contents {
}



#contents h2 {
  position:relative;
  width:635px;
  height:130px;
  font-size:15px;
  background:url(img/title.gif) no-repeat left top;
}
#contents h2 a {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  text-indent:-999em;
}
/*\*/
#contents h2 a {
  overflow:hidden;
}
/**/



/* data field */
#derby-data {
  position:relative;
  float:left;
  width:440px;
  margin:5px 0 0 0;
}

#derby-data h3 {
  margin:10px 0 15px 0;
  text-align:center;
  line-height:1.2;
  font-size:15px;
  color:#039;
}
#derby-data h3 a {
/*  color:#039;*/
}



#derby-data .sea {   /* sea layer */
  position:relative;
  z-index:1;
  width:100%;
  height:120px;
  text-align:right;
  background:url(img/sea.gif) no-repeat left top;
}
#derby-data .sea {
  height:auto;
  min-height:120px;
}
#derby-data .sea h3 {
  margin:0 0 5px 0;
  text-align:right;
  font-family:Osaka,'MS UI Gothic','MS Gothic',monospace;
  font-size:20px;
  color:#06f;
}
#derby-data .sea h3 a {
  color:#06f;
}
#derby-data .sea p.period {
  text-align:right;
}
#derby-data .sea h4 {
  margin:60px 20px 0 0;
  padding:0;
  font-size:15px;
  color:#333;
  border:0;
}
#derby-data .sea p.soon {
  margin:10px 0 0 0;
  text-align:center;
  color:#06c;
}



#derby-data div.info {   /* info */
  padding:10px 0;
  background:#fff url(img/sea-frame.gif) no-repeat left bottom;
}
#derby-data div.info p {
  margin:0 20px 10px 20px;
}
#derby-data div.info p.catch {
  font-weight:bold;
  font-size:15px;
}
#derby-data div.info p.soon {
  text-align:center;
  color:#06c;
}
#derby-data div.info p.about {
  text-align:center;
}
#derby-data div.info p.about a {
  padding:0 0 0 10px;
  background:url(img/icon-arrow.gif) no-repeat 0 3px;
}


#derby-data dl.about {   /* about-page */
  display:inline-block;
}
#derby-data dl.about {
  position:relative;
  display:block;
  padding:10px 20px;
  background:url(img/sea-frame.gif) no-repeat left bottom;
}
#derby-data dl.about:after {
  content:'.';
  clear:both;
  visibility:hidden;
  display:block;
  width:100%;
  height:0;
}
* html>body #derby-data dl.about {
  display:inline-block;
}
#derby-data dl.about dt {
  font-weight:bold;
}
#derby-data dl.about dd {
  margin:0 0 10px 20px;
}



#derby-data p.copy {   /* copyright */
  margin:20px 0 0 0;
  padding:10px 0 0 0;
  text-align:center;
  color:#666;
  border-top:solid 1px #ccc;
}

#derby-data p.info {   /* info */
  margin:0;
  padding:5px;
  text-align:left;
  background:#fff;
  border:solid 1px #ccc;
}

#derby-data p.old {   /* old */
  margin:0 0 20px 0;
  padding:10px 0 20px 0;
  text-align:center;
  font-size:15px;
  font-weight:bold;
  background:#fff url(img/sea-frame.gif) no-repeat left bottom;
}

#derby-data p.nodata {   /* no data */
  position:relative;
  margin:0 0 20px 0;
  padding:50px 0;
  text-align:center;
  background:#eee;
  border:solid 1px #ccc;
}

#derby-data p.error {   /* error */
  padding:20px 0;
  text-align:center;
  color:#e33;
}



#derby-data ul#fish-list {   /* fish list */
  display:inline-block;
}
#derby-data ul#fish-list {
  display:block;
  width:440px;
  margin:-40px 0 25px 0;
  list-style-type:none;
  background:#fff url(img/sea-frame.gif) no-repeat left bottom;
}
#derby-data ul#fish-list:after {
  content:'.';
  clear:both;
  visibility:hidden;
  display:block;
  width:100%;
  height:0;
}
* html>body #derby-data ul#fish-list {
  display:inline-block;
}
#derby-data ul#fish-list li {
  position:relative;
  z-index:2;
  float:left;
  padding:0 0 10px 3px;
}
#derby-data ul#fish-list li a {
  position:relative;
  top:0;
  display:block;
  width:70px;
  height:50px;
}
/*\*/
#derby-data ul#fish-list li a {
  overflow:hidden;
}
/**/
html>body #derby-data ul#fish-list li a {
  width:70px;
  height:50px;
}
#derby-data ul#fish-list li a img {
  width:70px;
  height:50px;
  border:0;
}



#derby-data .shadow {
  margin:0 0 15px 0;
}
#derby-data div.table {
  margin:60px 0 15px 0;
}
#derby-data table {
  position:relative;
  width:100%;
  margin:0;
  background:#999;
  border:0;
  border-spacing:1px;
  border-collapse:separate;
  empty-cells:show;
}
#derby-data table th,
#derby-data table td {
  padding:3px;
  line-height:1.2em;
  font-size:12px;
  background:#fff;
  border:0;
}
#derby-data table th {
  text-align:center;
  color:#06c;
  background:#d0f0ff;
}
#derby-data table td {
  text-align:left;
}
#derby-data table td.nodata {
  padding:10px;
  text-align:center;
}

#derby-data table th.cate {
  position:relative;
  width:100%;
  height:25px;
  padding:0;
  line-height:25px;
  font-size:15px;
  color:#fff;
  background:#06c;
}
#derby-data table th.cate strong {
  position:relative;
  display:block;
  width:100%;
  height:75px;
  margin:-50px 0 0 0;
  padding:50px 0 0 0;
  overflow:hidden;
}
html>body #derby-data table th.cate strong {
  height:25px;
}
#derby-data table th.cate strong img.fish {
  position:absolute;
  left:-10px;
  top:0;
}
#derby-data table th.cate a,
#derby-data table th.cate a:link,
#derby-data table th.cate a:visited,
#derby-data table th.cate a:active,
#derby-data table th.cate a:hover {
  color:#fff;
}

#derby-data table table {
  width:100%;
  margin:0;
  background:#fff;
  border:0;
  border-spacing:0;
}

#derby-data table strong.img {
  padding:2px 0 2px 20px;
  color:#333;
  background:url(/img/format/icon-img.gif) no-repeat left top;
  cursor:pointer;
}

#derby-data table.new {
}
#derby-data table.new th {
}
#derby-data table.new th.cate {
  font-size:15px;
}
#derby-data table.new th.cate strong img {
  cursor:pointer;
}
#derby-data table.new th.cate a {
}
#derby-data table.new td {
}

#derby-data h3.fish {
  position:relative;
  display:block;
  width:440px;
  height:80px;
  margin:0 0 10px 0;
  padding:0 0 0 50px;
  line-height:80px;
  font-size:17px;
}
html>body #derby-data h3.fish {
  width:390px;
}
#derby-data h3.fish img {
  position:absolute;
  left:0;
  top:0;
  cursor:pointer;
}
#derby-data h3.fish small {
  position:absolute;
  right:0;
  bottom:0;
  display:block;
  line-height:1;
  font-weight:normal;
  font-size:13px;
  vertical-align:middle;
  color:#333;
}

#derby-data table.fish td.img {
  width:200px;
}
#derby-data table.fish td.img img {
  cursor:pointer;
}
#derby-data table.fish th {
  width:60px;
  font-weight:normal;
}
#derby-data table.fish td {
}
#derby-data table.fish td strong {
  font-family:'MS Gothic',monospace;
  font-size:16px;
}

#derby-data table.old {
}
#derby-data table.old th {
}
#derby-data table.old th.cate a {
}
#derby-data table.old td {
}
#derby-data table.old td.num {
  text-align:center;
}
#derby-data table.old table {
}
#derby-data table.old table td {
  padding:0;
}
#derby-data table.old table td.num {
  width:65px;
  padding:20px 0 0 0;
  letter-spacing:5px;
  background:url(img/medal.jpg) no-repeat 5px 5px;
}
#derby-data table.old table td.text {
  width:175px;
}
#derby-data table.old table td.text strong {
  font-size:15px;
}
#derby-data table.old table td.img {
  width:200px;
}
#derby-data table.old table td.key {
  width:50px;
}
#derby-data table.old table td.value {
  width:125px;
}



/* derby side menu */
#derby-menu {
  position:relative;
  float:right;
  width:180px;
  margin:15px 0 0 0;
}

#derby-menu ul {
  margin:0;
  padding:0;
  list-style-type:none;
}
#derby-menu ul li {
  margin:0 0 15px 0;
  padding:0;
}
#derby-menu ul li em {
  position:relative;
  display:block;
  width:180px;
  height:35px;
  margin:0 0 10px 0;
  text-indent:-999em;
  background:url(img/menu.gif) no-repeat left top;
}
#derby-menu ul li.about em {
  background-image:url(img/menu-about.gif);
}
#derby-menu ul li.recent em {
  background-image:url(img/menu-recent.gif);
}
#derby-menu ul li.archive em {
  background-image:url(img/menu-archive.gif);
}
#derby-menu ul li em a {
  display:block;
  width:100%;
  height:100%;
}
/*\*/
#derby-menu ul li em a {
  overflow:hidden;
}
/**/

#derby-menu ul li ul {
  width:175px;
  margin:0 0 0 5px;
  padding:0;
  line-height:1.2em;
}
#derby-menu ul li ul li {
  width:175px;
  margin:0 0 0 0;
  padding:0 0 0 10px;
  background:url(/img/format/icon-arrow.gif) no-repeat 0 5px;
}
html>body #derby-menu ul li ul li {
  width:165px;
}
#derby-menu ul li ul li strong {
  display:block;
  letter-spacing:-1px;
}
#derby-menu ul li ul li a {
  display:block;
  width:165px;
  padding:2px 0;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  white-space:pre-wrap;
  word-wrap:break-word;
}
#derby-menu ul li ul li a.focus {
  color:#666;
  background:#eee;
}

#derby-menu .time {
  text-align:right;
  color:#ccc;
}