﻿@charset "UTF-8";

/* ******************************************
 * 目次
 *
 * + 
 * + 
 * + 
 * + 
 *
 * ******************************************
 */


#fish-list-box {
	margin: 10px 0 0 20px;
	padding: 110px 0 0 0;
	background: url(../img/bkg_fish_list.png) no-repeat 0 0;
	}
#fish-list-table {
	width: 520px;
	height: 389px;
	}
#fish-list-table table {
	margin: 0 0 0 20px;
	}
#fish-list-table table td {
	width: 124px;
	}
#fish-list-table table td a {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	padding-left: 9px;
	}
#fish-list-table table td a:hover {
	background: url(../img/ico_fish_arrow.gif) no-repeat left center;
	}

/* 春夏秋冬のお魚紹介ページ
-------------------- */

#content #side-a #fish-footer-box ul {
	padding: 80px 0px 5px 50px;
	}
#content #side-a #fish-footer-box ul li {
	float:left;
	list-style-type:none;
	font-weight: bold;
	}
#content #side-a #fish-footer-box ul li span {
	display:block;
	margin-right:10px;
	padding:4px 10px 1px 18px;
	line-height:140%;
	}
#content #side-a #fish-footer-box ul li#back,
#content #side-a #fish-footer-box ul li#menu {
	background:url(../../img/common/icon_arrow_red_09.gif) no-repeat left center;
	line-height:140%;
	}
#content #side-a #fish-footer-box ul li#next-home {
	background:url(../../img/common/icon_arrow_red_04.gif) no-repeat right center;
	line-height:140%;
	}

.image-left {
	float: none;
	margin: 5px 5px 2px 5px;
	width: 510px;
	_width: 514px;
	padding: 2px;
	_padding: 2px 0 2px 0;
	background-color: #67AFDA;
	text-align: center;
	vertical-align:bottom;
 }


/* 春夏秋冬のお魚紹介・サブナビ
-------------------- */
#content #side-a #main #sub-nav {
	margin:0px 0 16px 1px;
	border-bottom: 2px solid #999999;
	background-color: #f3f3f3;
	padding: 5px;
	}
#content #side-a #main #sub-nav ul {
	list-style-type : none;
	display: block;
	}
#content #side-a #main #sub-nav ul li{
	float:left;
	display : inline;
	text-align:center;
	padding: 1px 3px 0 0;
	background: #efefef;
	white-space:nowrap;
	}

#content #side-a #main #sub-nav ul li span {
	background: url(../../img/category/icon_h2.gif) no-repeat 4px 4px;
	padding: 3px 5px 3px 22px;
	display: block;
	font-size: 110%;
	color: #336699;
	font-family: "MS UI Gothic";
	}

#content #side-a #main #sub-nav ul li.present {
	display:block;
	text-decoration:none;
	text-align:center;
	font-weight: normal;
	background: #336699;
	color: #ffffff;
	}
#content #side-a #main #sub-nav ul li.present span {
	color: #ffffff;
	}
	

	
#content #side-a #main #sub-nav :after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
	}