@charset "utf-8";

/* --------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- 商品一覧 --- */
.bg_itiran{ background-color: #fff; }
.itiran_head{  height:83px; padding-left:20px; padding-top:30px; margin-bottom:-30px; margin-top:0px; }
.itiran	{ width:100%; }
.itiran .catename		{font-size:21px; color:#333; margin:0px; padding-top:3px;}
.itiran .eng	{font: italic 1em georgia,"Trebuchet MS",Arial,Helvetica,Verdana,sans-serif; font-size:11px; color:#5D5D5D; padding-left:3px; }
.itiran .itiran-cap{font-size:11px; line-height:150%; color:#8A8A8A; width:300px; vertical-align:top;}
.itiran .itiran-cap h1{font-size:11px; margin-bottom:0; line-height:150%; color:#8A8A8A; }
#itiran-page {										/* 右側大枠 */
	float			:right;
	width			:725px;
	margin-top			:30px;
	margin-right: 7px;
	text-align		:left;
}
#itiran-paper {										/* バイヤーお薦め 枠絵 */
	clear			:both;
	margin			:0px 1px;
	width			:668px;
	height			:246px;
	padding-top		:50px;
	padding-left	:55px;
	background		:url("../img/back_itiran_recomend.jpg") no-repeat;
}
#itiran-recommend {									/* バイヤーお薦め 白背景 */
	width			:597px;
	height			:184px;
	margin			:0px;
	padding-top		:33px;
	padding-left	:10px;
	padding-bottom	:15px;
}

/* 商品写真　マウスオーバー */
#itiran-recommend a img {
	opacity			:1;								/* IE以外透過設定 */
	filter			:Alpha(opacity=100);			/* IE用透過設定 */
	 border-left: 1px solid #D1D1D1;
	 border-bottom: 1px solid #BFBFBF;
}
#itiran-recommend a:link img {
	opacity			:1;								/* IE以外透過設定 */
	filter			:Alpha(opacity=100);			/* IE用透過設定 */
}

#itiran-recommend a:visited img {
	opacity			:1;								/* IE以外透過設定 */
	filter			:Alpha(opacity=100);			/* IE用透過設定 */
}

#itiran-recommend a:hover img {
	opacity			:0.5;							/* IE以外透過設定 */
	filter			:Alpha(opacity=50);				/* IE用透過設定 */
}
#itiran-recommend a:action img {
	opacity			:0.5;							/* IE以外透過設定 */
	filter			:Alpha(opacity=50);				/* IE用透過設定 */
}

.pager {
	float			:right;
	padding			:0px 0px 0px 15px;
	background		:url("../img/ic4.gif") no-repeat 3px;
	vertical-align	:middle;
}

#defaultPhoto {
	position: relative;
	top		: 0px;
	left	: 0px;
	z-index	: 1;
}

.item_soldOut {
	position: relative;
	top		: -146px;
	left	: 0px;
	z-index	: 2;
	
}

.item_soldOut_big {
	position: relative;
	top		: -189px;
	left	: 0px;
	z-index	: 2;
	
}

/* ---------------------------------------------- 検索結果一覧用　検索窓---- */
#itiran-sreach_paper {
	clear			:both;
	margin			:0px 1px;
	width			:723px;
	height			:296px;
	padding-top		:0px;
	padding-left	:5px;
	background		:url("../img/back_itiran_srech.jpg") no-repeat;
}

#itiran-sreach-bg {
	width			:585px;
	height			:154px;
	margin			:0px;
	padding-top		:105px;
	padding-left	:90px;
	padding-bottom	:0px;
}

#itiran-sreach-bg select, #itiran-sreach-bg input[type="text"] {
	border			:1px solid #CAA777;
	background-color:#E6D3BB;
}

#itiran-sreach-bg select, textarea {
	margin-bottom	:1px;
	vertical-align	:middle;
	height			:25px;
	line-height:25px;
	position:relative;
}

/* ------------------------------------------------- 検索エリア -------------*/
#Itiran_searchArea {
	padding-top		:98px;
	padding-left	:140px;
	padding-right	:98px;
	width			:525px;
}

/* ------------------------------------------------- 枠の中味 ---------------*/
#itiran-recommend img 	{border:none; margin-right:3px; margin-bottom:3px; }
#itiran-recommend td,th	{padding:0px;vertical-align:top;}
#itiran-recommend span	{color:#AC135E;}

#reco-item {										/* 商品名 */
	width			:100%;
	height			:129px;
	line-height:120%;
	margin-bottom:10px;
}
#reco-item h3 {										/* 商品名 */
	font-size:14px;
	margin-bottom:25px;
}
#reco-caption {										/* 商品説明 */
	height			:60px;
	color			:#6C6C6C;
	font-size		:12px;
	font-weight		:normal;
	overflow		:auto; /* just in case */
}
#reco-buttons {										/* ステータスアイコン　おすすめ商品 */
	width			:100%;
	height			:auto;
	margin			:0;
	text-align		:left;
	vertical-align:bottom;
	position: relative;
  bottom: 3px;
	}
#reco-buttons img {										/* ステータスアイコン画像　おすすめ商品 */
	margin-bottom: 2px;
  margin-right: 2px;
}
#reco-message {										/* BUYER'S COMMENT */
	vertical-align	:top;
	width			:128px;
	padding			:54px 20px 0px 25px;
	line-height		:20px;
	font-size:12px;
	color:#956A48;
}

/* ------------------------------------------------- 一覧部分 ---------------*/

#itiran-shreach {									/* 釣り紐 */
	width			:630px;
	height			:37px;
	padding			:45px 53px 0px 40px;
	margin			:0px 0px 0px 0px;
	background		:url("../img/back_itiran_siborikomi.jpg") no-repeat top right;
	color:#FFFFFF;
}
#itiran-shreach em {
	font-size		:14px;
	font-style		:normal;
	font-weight		:bold;
}

.iti-left {											/* 一覧タイトル */
	float			:left;
	width			:65%;
	text-align		:left;
}
.iti-right {										/* 並び順 */
	float			:right;
	width			:35%;
}
.iti-right a {										/* 並び順リンク */
	text-decoration:underline;
}
.itiran-itemnum {										/* 全○件中○件 */
	width			:220px;
	padding			:0px 0px 5px 40px;
	color:#C8A673;
	float:left;

}
.itiran-next {										/* ページ送り */
	width			:400px;
	height:20px;
	padding			:0px 35px 0px 0px;
	text-align:right;
	vertical-align:top;
	float:right;
}
.itiran-next a {										/* ページ送りリンク */
	color:#009999;
	text-decoration:underline;
	padding:0 4px;
}
.itiran-next a:hover {
	color:#fff;
	background-color:#009999;										
}
.itiran-next a:action {	
	color:#fff;
	background-color:#009999;										
}

.charWhite a		{color:#FFFFFF; background:url(../img/icon_arrow_sreach.gif) no-repeat; padding-left:10px; vertical-align:middle;}				/* 並び順リンクカラー */
.charWhite a:link	{color:#FFFFFF;}
.charWhite a:visited{color:#FFFFFF;}
.charWhite a:hover	{color:#FF6633;}
.charWhite a:action	{color:#FFFFFF;}

/* ------------------------------------------------- 商品配置 ---------------*/

.itiran-retu {										/* 横並びのブロック大外 */
	width			:723px;
	height			:302px;
	background		:url("../img/back_itiran_itiretu.jpg") no-repeat;
	margin			:0px 0px 0px 1px;
	clear:both;
	background-image:url("../img/back_itiran_itiretu.jpg");
}

.itiran-itiretu {									/* ページャーまたはスペース */
	width			:670px;
	height			:18px;
	margin			:0px 18px 0px 17px;
	padding			:0px 10px 0px 0px;
	text-align		:right;
}

.itiran-itiretubox {								/* 商品横一列用の見えない箱 */
	width			:680px;
	height			:269px;
	margin			:0px 18px 0px 17px;
	padding			:0px;
	text-align:left;
	clear:both;
}
.itiran-retubox1 {									/* 左２商品用のボックス */
	float			:left;
	width			:197px;
	height			:272px;
	margin			:0px;
	padding			:0px 24px 0px 12px;
	display:block;
	cursor:pointer;
}
.itiran-retubox2 {									/* 右緑のボックス */
	float			:left;
	width			:197px;
	height			:272px;
	padding-left	:9px;
	margin			:0px;
	display:block;
	cursor:pointer;
}

.itiran-photo {
	margin			:0px 0px 21px 0px;
	width			:195px;
	height			:146px;
	background		:#FFF;
}
a.itiran-photo {
	display: block;
}
.itiran-photo img{ border-right: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1; } 

/* 商品写真　マウスオーバー */
a .itiran-photo img	{
	cursor:pointer;
	opacity: 1; /* IE以外透過設定 */
	filter: Alpha(opacity=100); /* IE用透過設定 */
}
a .itiran-photo:link img		{
	opacity: 1; /* IE以外透過設定 */
	filter: Alpha(opacity=100); /* IE用透過設定 */
}

a .itiran-photo:visited img	{
	opacity: 1; /* IE以外透過設定 */
	filter: Alpha(opacity=100); /* IE用透過設定 */
}

a .itiran-photo:hover img		{
	
		opacity: 0.5; /* IE以外透過設定 */
	filter: Alpha(opacity=50); /* IE用透過設定 */
}
a .itiran-photo:action img	{
	opacity: 0.5; /* IE以外透過設定 */
	filter: Alpha(opacity=50); /* IE用透過設定 */
}

/* ------------------------------------------------- 商品検索結果無し ----------*/

.itiran-notfound {									
	width			:270px;
	height			:41px;
	background		:url("../img/Item_not_foun.gif") no-repeat;
	margin			:0 auto 0 auto;
	padding:70px 65px;
	vertical-align:middle;
	color:#FF3366;
	font-size:15px;
	font-weight:bold;
}


/* ------------------------------------------------- ラベルレイアウト ----------*/

.itiran-label {										/* ラベル */
	margin			:0px;
	padding			:15px 10px 5px 10px;
	width			:177px;
	height			:73px;
	background		:url("../img/back_itiran_fuda.jpg") no-repeat;
}

.itiran-label-upp {
	margin			:0px;
	width			:177px;
	height			:auto;
	line-height		:16px;
	font-size		:12px;
	font-weight		:bold;
	line-height:120%;
}
a .itiran-label-upp  {
	color:#666;
}
.itiran-label-mid {
	margin-top	:2px;
	width			:177px;
	height			:auto;
	line-height		:16px;
	font-size		:10px;
	color:#828282;
	font-weight		:normal;
	line-height:110%;
}
.itiran-label-btm {
	margin-top			:3px;
	width			:177px;
	height			:20px;
	line-height		:16px;
	font-size		:12px;
	font-weight		:bold;
	color:#81623F;
	vertical-align:middle;
}
.itiran-label-btm img {
	float:right;
	margin-right:	2px;
	vertical-align: text-top;
}
.itiran-label-btm s {
	font-size		:12px;
}
.itiran-label-btm span {
	font-size		:12px;
	color: #FF3366;
}



/* 札　マウスオーバー */
a .itiran-label 	{ display:block;  }
a:link .itiran-label 		  { background		:url("../img/back_itiran_fuda.jpg") no-repeat; cursor:pointer;}
a:visited .itiran-label 	{ background		:url("../img/back_itiran_fuda.jpg") no-repeat;}
a:hover .itiran-label 		{ background		:url("../img/back_itiran_fuda02.jpg") no-repeat;}
a:action .itiran-label 	  { background		:url("../img/back_itiran_fuda02.jpg") no-repeat;}
/* ----------------------------------------------------------------------------*/

#itiran-farmer {									/* 育てた人は */
	clear:both;
	width			:674px;
	height			:220px;
	margin			:20px 1px 20px 0px;
	padding			:10px 20px 30px;
	background		:#F0E1B5;
}
#itiran-farmer img	{float:left;margin-right:5px;}
#itiran-farmer-text {
	float:left;
	width			:250px;
	height			:134px;
	padding-left	:10px;
}
.itiran-farmer-title { font-weight: bold;	font-size:12px;}
#farmer-link {
	clear			:both;
	width			:auto;
	text-align		:left;
	margin-bottom:5px;

}
#icon_exp {
	clear:both;
	font-size:11px;
	width:663px;
	height:auto;
	border-top		:#C6C6C6 2px dotted;
	padding:10px 0 15px 0;
	margin-left:30px;
	margin-bottom:20px;
}
#icon_exp p { color:#808080; font-weight:bold; margin-bottom:7px;font-size:13px;}
.icon_exp_box { width:140px; margin:0 0 5px 20px; float:left;  text-align:left; color:#9D9D9D;font-size:13px; }
.icon_exp_box img {vertical-align:middle; margin-right:2px; }


#itiran-links {										/* 灰色リンクボックス */
	clear:both;
	width			:623px;
	background: none repeat scroll 0 0 #E3E3E3;
	color: #999999;
	font-size: 10px;
	line-height: 180%;
	margin: 20px 0 10px 30px;
	margin-bottom: 10px;
	padding: 20px;
}
#itiran-links h2 {
	color: #999999;
	font-size: 10px;
	margin:0;
}
#itiran-links a {										
	color:#7F7F7F; font-weight:normal;font-size: 10px;
}
#itiran-links p		{width:45%;}


#itiran-comment {										/* 商品カテゴリ用コメントボックス */
	clear:both;
	width			:603px;
	color: #7F7F7F;
	font-size: 12px;
	line-height: 150%;
	margin: 20px 0 20px 30px;
	padding:30px;
	background: none repeat scroll 0 0 #F4ECE1;
}
#itiran-comment h2 {
	color: #926B34;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0px;
}
#itiran-comment span {
	color: #926B34;
	font-size: 12px;
}


.charGray a			{color:#666666;}				/* 並び順リンクカラー */
.charGray a:link	{color:#666666;}
.charGray a:visited	{color:#666666;}
.charGray a:hover	{color:#FF6633;}
.charGray a:action	{color:#FFFFFF;}



/* ------------------------------------------------- 左側メニュー ----------*/

#selectMenu {										/* カテゴリメニュー（緑）*/
	width			:210px;
	height			:265px;
	background-color:#A1B997;
	margin-bottom	:15px;
}
#selectMenu ul {									/* 少し薄い緑内側 */
	width			:189px;
	margin			:0px 8px 0px 12px;
	padding			:0px 0px;
	list-style		:none;
	background-color:#CBD8C5;
}
#selectMenu li {									/* メニューの各行 */
	margin			:0px;
	width			:189px;
	height			:30px;
	color			:#525252;
	font-size:12px;
	background:url(../img/itiran_menu_arrow.gif) no-repeat;
}
#selectMenu a {
	display			:block;
	margin			:0px;
	padding			:0px 0px 0px 23px;
	width			:166px;
	height			:30px;
	line-height		:30px;
	color			:#525252;
	font-size:12px;
}
#selectMenu a:link		{color:#525252;background-color:#CBD8C5;	background:url(../img/itiran_menu_arrow.gif) no-repeat;}
#selectMenu a:visited	{color:#525252;background-color:#CBD8C5;	background:url(../img/itiran_menu_arrow.gif) no-repeat;}
#selectMenu a:hover		{color:#FFFFFF;background-color:#8EAA7F;	background:url(../img/itiran_menu_arrow2.gif) no-repeat;}
#selectMenu a:action	{color:#FFFFFF;background-color:#8EAA7F;	background:url(../img/itiran_menu_arrow2.gif) no-repeat;}

#searchMenu {										/* 条件で検索する */
	display:block;
	clear:both;
	width			:170px;
	height			:219px;
	text-align		:center;
	margin-bottom	:25px;
	padding			:63px 18px 0px 22px;
	background		:url("../img/menu_sreach_bg.jpg") top left no-repeat;
}

#searchMenu select {
	display			:block;
	width			:134px;
	height			:25px;
	margin-left		:33px;
	margin-bottom	:8px;
	line-height		:25px;
	border			:#8E794D;
	color			:#675938;
	background		:#CEBB9D;
}
#searchMenu input {
	display			:block;
	margin			:0px auto;
	width			:150px;
	height			:20px;
	border-top		:#8E794D 1px solid;
	border-left		:#8E794D 1px solid;
	color			:#A38958;
	background		:#D7CAB6;	
}

#searchMenu img {
	display			:block;
	margin			:5px auto;
}
/*- 共通　左ランキング用 ------------------------------------------------*/
#ranking { margin-bottom: 15px;	border: 1px solid #CAA777;}
.rankbox { padding-left:7px; padding-right:5px; padding-top:10px; padding-bottom:15px; width:193px; height:80px; font-size:11px;}
.rankbox img { vertical-align:text-top; float:left; }
.rankbox p{ width:110px; float:right; font-size:10px;}
.rankbox p span{ font-size:10px;}
a:link .rankbox		{background-color:#fff;}
a:visited .rankbox	{background-color:#fff;}
a:hover .rankbox		{background-color:#F1DFC0;}
a:action .rankbox	{background-color:#F1DFC0;}

#ranking .catename { color:#855F3D; font-size:10px; padding-left:5px; }
#ranking .rank_itemname { color:#855F3D; font-weight:bold;  line-height:100%; padding-bottom:10px; display:block; }
#ranking .rank_itemname a { font-size:10px; line-height:100%;}