@charset "EUC-JP";

/*
 * 商品一覧ページ用スタイルシート
 *
 * 更新履歴：2007/08/01	d.ishikawa	新規作成
 *
 */



/* 商品一覧 */
div.itemInfoList
{
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
}

/* カテゴリータイトル */
div.itemInfoList div.categoryTitle
{
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0;
	border: 0;
}

/* カテゴリー説明 */
div.itemInfoList div.categoryComment
{
	width: 100%;
	margin: 0 0 10px 0;
	padding: 13px 0 0 0;
	border: 0;
	background: url(../img/common/a1.gif) no-repeat left top;
}

div.itemInfoList div.categoryComment div.categoryCommentText
{
	width: 96%;
	margin: 0 13px 0 13px;
	padding: 0;
	border: 0;
}

div.itemInfoList div.categoryComment div.categoryCommentEnd
{
	width: 100%;
	height: 13px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #fff url(../img/common/a2.gif) no-repeat left top;
}

/** ---【商品サムネイル一覧用】以下は、商品のサムネイルを表示する一覧用。---------------------------------------------------- **/
/* 商品サムネイル情報 */
div.itemInfoList div.itemThumbnail
{
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0 0 15px 0;
	border: 0;

	border-bottom: 1px dotted #B18C51;
}

div.itemInfoList div.itemThumbnail div.thumbnail
{
	float: left;
	width: 200px;
	height: 280px;
	margin: 0 13px 5px 0;
	padding: 0;
	border: 0;
}

div.itemInfoList div.itemThumbnail div.end
{
/*	clear: left;*/
/*
clear: both;
width: 600px;
height: 2px;
border:1px solid #00f;
*/
}

div.itemInfoList div.itemThumbnail a.linkItemName
{
	font-size: 1.1em;
	font-weight: normal;
}


/** ---【商品詳細情報一覧用】以下は、商品の詳細情報を表示する一覧用。-------------------------------------------------------- **/
/* 商品詳細情報 */
div.itemInfoList div.itemInfo
{
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border: 0;

	border-bottom: 1px dotted #B18C51;
}

div.itemInfoList div.itemInfo div.thumbnail
{
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
	border: 0;
}

div.itemInfoList div.itemInfo div.details
{
	width: 430px;
	margin: 0 0 0 215px;
	padding: 0;
	border: 0;
}

div.itemInfoList div.itemInfo div.end
{
/*	clear: left;*/
}

/*
div.itemInfoList div.itemInfo div.thumbnail div.image
{
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0;
	border: 0;
}

div.itemInfoList div.itemInfo div.thumbnail div.price
{
	float: left;
	width: 120px;
	height: 24px;
	margin: 0;
	padding: 0;
	border: 0;

	font-weight: bold;
	font-size: 1.3em;
	line-height: 24px;
	color: #F95919;
	font-family: Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;

	text-indent: 5px;
}

div.itemInfoList div.itemInfo div.thumbnail div.button
{
	width: 67px;
	height: 24px;
	margin: 0 0 0 133px;

	margin: 0 0 0 125px;
	margin: 0 0 0 130px;

	padding: 0;
	border: 0;
}

div.itemInfoList div.itemInfo div.thumbnail div.image a
{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

 div.itemInfoList div.itemInfo div.thumbnail div.image a:link
,div.itemInfoList div.itemInfo div.thumbnail div.image a:visited
{
	border: 1px solid #F7CC83;
}

 div.itemInfoList div.itemInfo div.thumbnail div.image a:hover
,div.itemInfoList div.itemInfo div.thumbnail div.image a:active
{
	border: 1px solid #F1AA2F;
}


div.itemInfoList div.itemInfo div.thumbnail div.button a
{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	
	
	text-indent: -999px;
	overflow: hidden;
	background-position: left top;
	background-repeat: no-repeat;
}

 div.itemInfoList div.itemInfo div.thumbnail div.button a:link
,div.itemInfoList div.itemInfo div.thumbnail div.button a:visited
{
	background-image: url("../img/item/detail1_1.jpg");
}

 div.itemInfoList div.itemInfo div.thumbnail div.button a:hover
,div.itemInfoList div.itemInfo div.thumbnail div.button a:active
{
	background-image: url("../img/item/detail1_2.jpg");
}
*/


div.itemInfoList div.itemInfo div.details table
{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid #89755C;
	border-collapse: collapse;
	empty-cells: show;
	text-align: center;
}

div.itemInfoList div.itemInfo div.details table td
{
	padding: 2px 0;
	border: 1px dotted #D9BD99;
}


div.itemInfoList div.itemInfo div.details table colgroup.colgHead {width: 15%;}
div.itemInfoList div.itemInfo div.details table colgroup.colgBody {width: 18%;}


div.itemInfoList div.itemInfo div.details table tbody.tbdyHead {}
div.itemInfoList div.itemInfo div.details table tbody.tbdySize {background-color: #fdf3d5;}
div.itemInfoList div.itemInfo div.details table tbody.tbdyBase {background-color: #fceedf;}
div.itemInfoList div.itemInfo div.details table tbody.tbdyComment {}


div.itemInfoList div.itemInfo div.details table td.tdHead
{
	background-color: #F4CC6D;
	color: #6D5235;
}

div.itemInfoList div.itemInfo div.details table td.tdHeadItemName
{
	background-color: #F9A84F;
}

/*
div.itemInfoList div.itemInfo div.details table td.tdHeadItemName a
{
	font-size: 1.2em;
	line-height: 1.5em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka;
	font-weight: bold;
}

 div.itemInfoList div.itemInfo div.details table td.tdHeadItemName a:link
,div.itemInfoList div.itemInfo div.details table td.tdHeadItemName a:visited
{
	color: #5F2404;
}

 div.itemInfoList div.itemInfo div.details table td.tdHeadItemName a:hover
,div.itemInfoList div.itemInfo div.details table td.tdHeadItemName a:active
{
	color: #8F4117;
}
*/

div.itemInfoList div.itemInfo div.details table td.tdSize
{
	color: #6D5235;
	font-weight: bold;
	font-size: 1.1em;
	font-family: Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
}

 div.itemInfoList div.itemInfo div.details table td.tdRecComment
,div.itemInfoList div.itemInfo div.details table td.tdShortComment
{
	text-align: left;
	padding: 4px 5px 4px 5px;
	line-height: 15px;
}

div.itemInfoList div.itemInfo div.details table td.tdBaseUse
{
	text-align: left;
	padding: 2px 5px;
}

/** ---【商品一覧用】以下は、共通。------------------------------------------------------------------------------------------ **/
/* サムネイル */
div.itemInfoList div.thumbnail div.image
{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

div.itemInfoList div.thumbnail div.itemName
{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;

	text-align: center;
	background: #F7AC59;
	border: 1px solid #F7AC59;
	
	line-height: 25px;
}

div.itemInfoList div.thumbnail div.itemNameMin
{
	font-size: 0.8em;
}


div.itemInfoList div.thumbnail div.price
{
	float: left;
	width: 120px;
	height: 24px;
	margin: 5px 0 0 0;
	padding: 0;
	border: 0;

	font-weight: bold;
	font-size: 1.3em;
	line-height: 24px;
	color: #F95919;
	font-family: Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;

	text-indent: 5px;
}

div.itemInfoList div.thumbnail div.button
{
	width: 67px;
	height: 24px;
	margin: 0 0 0 133px;

	margin: 0 0 0 125px;
	margin: 0 0 0 130px;
	margin: 5px 0 0 130px;
	
	padding: 0;
	border: 0;
}

div.itemInfoList div.thumbnail div.image a
{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

 div.itemInfoList div.thumbnail div.image a:link
,div.itemInfoList div.thumbnail div.image a:visited
{
	border: 1px solid #F7CC83;
}

 div.itemInfoList div.thumbnail div.image a:hover
,div.itemInfoList div.thumbnail div.image a:active
{
	border: 1px solid #F1AA2F;
}


div.itemInfoList div.thumbnail div.button a
{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	
	
	text-indent: -999px;
	overflow: hidden;
	background-position: left top;
	background-repeat: no-repeat;
}

 div.itemInfoList div.thumbnail div.button a:link
,div.itemInfoList div.thumbnail div.button a:visited
{
	background-image: url("../img/item/detail1_1.jpg");
}

 div.itemInfoList div.thumbnail div.button a:hover
,div.itemInfoList div.thumbnail div.button a:active
{
	background-image: url("../img/item/detail1_2.jpg");
}


/* 商品名リンク */
div.itemInfoList a.linkItemName
{
	font-size: 1.2em;
	line-height: 1.5em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka;
	font-weight: bold;
}

 div.itemInfoList a.linkItemName:link
,div.itemInfoList a.linkItemName:visited
{
	color: #5F2404;
}

 div.itemInfoList a.linkItemName:hover
,div.itemInfoList a.linkItemName:active
{
	color: #8F4117;
}