@charset "utf-8";

/*********************/
/* 商品一覧 基本表示 */
/*********************/

#traycontents .itemOutline {	/* １つ分の商品の外形ボックス */
	display: inline-block;
	/display: inline;
	/zoom: 1;
	/*width:170px;*/
	width:230px;/* 20120727 追加 */
	margin:10px 0 20px;
	/*padding:0 5px;*/
	padding:0;/* 20120727 追加 */
	text-align:center;
	vertical-align: top;
}

	.itemOutline .design_name {	/* 商品名 */
		margin:0 0 4px;
		font-weight: 600;
	}
	
	.itemOutline a.itemImg { /* 商品イメージ */
		margin:0 0 10px;
	}
		a.itemImg img {
			border:1px solid #ccc;
		}
		a.itemImg:hover img {
			border:1px solid #f90;
		}
		
		a.itemImg .detailsItem {	/* 詳細リンク */
			display:block;
			height:16px;
			margin:5px 0 0 20px;
			padding:0 0 0 20px;
			background:url(../../images/nenga/icn_loupe_s.gif) no-repeat scroll left center;
			text-align:left;
		}
	
	 .itemOutline .cap-text {	/* 商品概要説明表示領域 */
			padding:5px 3px;
			text-align:left;
		}
	
	 .itemOutline .infoIco {	/* お知らせアイコン */
		margin:0 0 5px;
	}
	
		.itemOutline .itemOutline .operation {	/* 詳細リンクをラップ */
			height:20px;
			padding:0 10px;
		}



#traycontents .itemOutline .captionItem {	/* 商品概要説明 */
	margin:0 0 10px;
	text-align:left;
}

#traycontents .itemOutline .captionItem .cap-price1 {	/* 通常価格表示行 */
	height:16px;
}

#traycontents .itemOutline .captionItem .cap-price2 {	/* 特別価格表示行 */
	height:16px;
	color:#ff3333;	/* オレンジ色 */
	font-weight: 600;
}

#traycontents .itemOutline .captionItem .cap-price1 span {	/* 通常価格の数字部分 */
	height:16px;
	color:#FF3333;	/* オレンジ色 */
	font-weight: 600;
}

#traycontents .itemOutline .captionItem .cap-price2 span {	/* 特別価格の数字部分 */
	height:16px;
	color:#ff3333;	/* オレンジ色 */
	font-weight: 600;
}

#traycontents .itemOutline .captionItem span.xline	{ /* 価格打消し */
	color: #303030;	/* グレー */
	text-decoration: line-through;
}

#traycontents .itemOutline .captionItem .cap-text {	/* 商品説明テキスト */
	margin:5px 0 0;
	overflow: hidden;
	color: #404040;
	font-size: 11px;	/* 4列：未設定　5列：10px */
	line-height: 14px;
}


#traycontents .itemOutline .sys_addedMsg	{	/* トレイ追加済みメッセージ	20101102-YT	*/
	clear: both;
	margin:0 0 5px;
	padding: 2px 2px;
	background-color: #0096cf;
	color: #ffffff;
	font-size: 10px;
}

#traycontents .itemOutline .sys_failedMsg	{	/* トレイ追加失敗メッセージ	20101102-YT	*/
	clear: both;
	margin:0 0 5px;
	padding: 2px 2px;
	background-color: #606060;
	background-color: #f0f0f0;
	color: #ff0000;
	font-size: 10px;
}


#traycontents .itemOutline .btnselect1 {	/* 片面で注文 */
	width: 150px;
	height: 20px;
	margin: 6px auto;
}

#traycontents .itemOutline .btnselect1 a {	/* 片面で注文ボタン */
	display: block;
	width: 150px;	/* 4列：96px　5列：78px */
	height: 20px;
	background: url(../../images/nenga/btn_select_f1_2.png) no-repeat center;	/* 4列：btn_select1　5列：btn_select1_5c */
	text-indent: -9999px;
}

#traycontents .itemOutline .btnselect1b {	/* 裏面に設定 */
/*	position: relative; */ /* フロート対応　20101224-YT */
	width: 114px;
	height: 18px;
	margin: 6px auto;
}

#traycontents .itemOutline .btnselect1b a {	/* 裏面に設定ボタン */
	display: block;
	width: 114px;	/* 4列：96px　5列：78px */
	height: 18px;
	background: url(../../images/nenga/btn_select_r1.png) no-repeat center;	/* 4列：btn_select1　5列：btn_select1_5c */
	text-indent: -9999px;
}

#traycontents .itemOutline .btnselect2 {	/* 裏面を追加 */
/*	position: relative; */ /* フロート対応　20101224-YT */
	width: 114px;
	height: 18px;
	margin: 6px auto;
}

#traycontents .itemOutline .btnselect2 a {	/* 裏面を追加ボタン */
	display: block;
	width: 114px;	/* 4列：96px　5列：78px */
	height: 18px;
	background: url(../../images/nenga/btn_select_f2.png) no-repeat center;	/* 4列：btn_select1　5列：btn_select1_5c */
	text-indent: -9999px;
}

/* 商品一覧（一時トレイあり） */

.positionWrap {	/* ie6で小見出し横のボタンの位置を正常表示させるため */
	width:100%;
	position:relative;
}

.tray_contents .titleP2 .positionWrap {
	display:none;
}

div.titleP2 input.openTray {	/* トレイを開くボタン */
	position:absolute;
	bottom:0;
	right:0;
	width: 130px;
	height: 19px;
	font-size: 12px;
}

#traycontents.tray_contents{
	/*background:url(../../images/nenga/bg_tray.png) repeat-y right top;*/	/* 4列：bg_tray　5列：bg_tray5c */
}

	.filterBlock_on .design {/*filterBlockがあり、かつ一時トレイがないときの商品一覧の幅 */
		float:left;
		width:740px;
	}
	
	.tray_contents .design{	/* 一時トレイがあるときの商品一覧の幅 */
		float:left;
		/*width:750px;*/
		width:700px;/* 20120727 追加 */
	}
	
		.tray_contents.filterBlock_on .design .infoText{/* デザイン説明ブロック */
			margin:0 0 10px;
		}
		
	.tray_contents.filterBlock_on .design{ /* 検索フィルターがあり、かつトレイコンテンツがある時の商品一覧の幅 */
		/*width:555px;*/
		width:490px;/* 20120727 追加 */
	}
	
	

/* 一時トレイ（非表示） */
.temporary_tray {
	display:none;
}

/* 一時トレイ（表示） */
#traycontents.tray_contents .temporary_tray{
	display:block;
	float:right;
	/*width:180px;*/
	width:235px;/* 20120727 追加 */
	border-bottom:1px solid #ccc;
	background:url(../../images/nenga/ItemtrayBg.png) repeat-y scroll left bottom;
	text-align:center;
}

.temporary_tray .tray_head  {	/* 一時ヘッダー */
	height:40px;
	margin:0 0 10px;	/* bottom 15→10　20101121-YT */
	padding:5px 0;
	background: url(../../images/nenga/headerItemTray.png) no-repeat left top;	
}

.temporary_tray .tray_head div  {	/* トレイ見出し */
	color:#333;
	float:left;
	font-size:14px;
	font-weight:700;
	padding:5px 0 0 10px;
}

.temporary_tray .tray_head input {	/* トレイ閉じるボタン */
	float:right;
	height: 20px;
	width: 20px;
	margin:0 5px 0 0;
	padding:0 0 0 5px;
	border:none;
	background: url(../../images/nenga/btnCloseTray.png) no-repeat center center;
	text-indent:-9999px;
	cursor:pointer;
}

.temporary_tray p.dsn_trayonEmpty {	/* トレイが空のメッセージ　20101121-YT */
	margin-left: 8px;
	color: #404040;
	text-align: left;
}

.temporary_tray .trayItemAllDelete {	/* トレイを空にするボタン */
	text-align:right;
	margin:0 0 15px;
}

.temporary_tray .trayItemAllDelete input	{
	display:block;
	height:20px;
	width:120px;
	margin:0 5px 0 auto;
	background:url("../../images/nenga/btn_clearTray.png") no-repeat scroll left center transparent;
	border:medium none;
	cursor:pointer;
	outline:medium none;
	text-decoration:none;
	text-indent:-9999px;
}
.temporary_tray .itemImg{/* デザインサムネイル */
	margin:0 0 10px;
}
.temporary_tray p.dsn_trayonFailed {	/* トレイ消去に失敗メッセージ　20101121-YT */
	margin-left: 8px;
	color: #ff0000;
	text-align: left;
}

/* トレイ内商品 */

.trayItemsWrap .itemOutline	{
	display: block;	/* フロート対策　但し通常は無効　20101225-YT */
}

.trayItemDelete input	{	/* 削除ボタン */
	display:block;
	float: left;
	height:18px;
	width:54px;
	margin: 0 auto 5px;
	background:url("../../images/nenga/btn_trayItemDel.png") no-repeat scroll left center transparent;
	border:medium none;
	cursor:pointer;
	outline:medium none;
	text-decoration:none;
	text-indent:-9999px;
}
.temporary_tray .detailsItem	{ /* 詳細リンク */
	float:right;
	height: 16px;
	padding:0 0 0 20px;
	background: url("../../images/nenga/icn_loupe_s.gif") no-repeat scroll left center transparent;
}
.temporary_tray p.dsn_trayonDeleteErr {	/* トレイ削除に失敗メッセージ　20101121-YT */
	clear: both;
	margin: 0 0 5px;
	color: #ff0000;
	text-align: left;
}

.temporary_tray input.btn_traynext {	/* トレイ内をまとめて選択ボタン */
	display:block;
	height:20px;
	width:152px;
	margin:0 auto;
	background: url("../../images/nenga/btn_traynext.png") no-repeat scroll left center transparent;
	border:medium none;
	cursor:pointer;
	outline:medium none;
	text-decoration:none;
	text-indent:-9999px;
}