@charset "UTF-8";

@import url("../../css/structure.css");

/* ======================================

 dish

======================================= */

#contents .head
{
	margin: 30px 0;
}
#contents .head h3
{
	margin: 0 0 10px;
}
#contents .buttons
{
	overflow: hidden;
	width: 960px;
}
#contents .buttons .container
{
	float: left;
	width: 290px;
	margin-right: 44px;	
}
#contents .buttons .last
{
	margin-right: 0;
}
#contents .buttons .container .title
{
	padding: 20px 0 15px;
	text-align: center;
}

#contents .bottom .navi
{
	overflow: hidden;
	width: 960px;
}
#contents .bottom .navi li
{
	float: left;
	margin-right: 10px;
}
#contents .bottom .navi li a
{
	padding-left: 10px;
	background: url(../../img/com/arrow_r_green.gif) no-repeat left center;
	color: #005534;
}

/* ----- gallery ----- */
.f10{
	font-size: 10px;
}
#contents .producer
{
	position: relative;
	overflow: hidden;
	width: 940px;
	margin: 0 0 30px;
	padding: 14px;
	border: 1px solid #ccc;
}
#contents .producer dt
{
	position: absolute;
	left: 15px;
	top: 50%;
	width: 107px;
	height: 34px;
	margin-top: -17px;
}
#contents .producer dd
{
	float: right;
	width: 810px;
}
#contents .viewer
{
	overflow: hidden;
	width: 960px;
	margin: 0 0 30px;
}
#contents .image
{
	float: left;
	width: 620px;
}
#contents .image td
{
	vertical-align: top;
	/*background: #ebebeb;*/
}
#contents .thumbs
{
	float: right;
	width: 322px;
}
#contents .thumbs li
{
	float: left;
	width: 160px;
	padding-left: 1px;
	padding-bottom: 1px;
}
#contents .navi li
{
	margin: 0 0 5px;
}
#contents .navi li a
{
	padding-left: 10px;
	background: url(../../img/com/arrow_r_green.gif) no-repeat left center;
	color: #005534;
}