@charset "utf-8";

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

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

#traycontents .itemOutline .design_name {	/* 商品名 */
	height:30px;/*タイトル高さ追加　2010/12/27TK*/
	margin:0 0 4px;
	text-align: left;
	font-weight: 600;
}

#traycontents .itemOutline .itemImg	{	/* 商品イメージ */
	margin:0 0 10px;
}

#traycontents .infoIco {	/* お知らせアイコン */
	margin:0 0 5px;
}

#traycontents .itemOutline .operation {	/* 詳細リンクをラップ */
	height:20px;
	padding:10px;
}

#traycontents .itemOutline .operation .detailsItem {	/* 詳細リンク */
	float:right;
	height:16px;
	padding:0 0 0 20px;
	background:url(../../images/ms/icn_loupe_s.gif) no-repeat left center;
}

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

#traycontents .itemOutline .captionItem .cap-price1 {	/* 通常価格表示行 */
/*	height:16px;	*/	/* 折り返し対策　20101020-YT */
	font-size: 9px;	/* お客様要望(IE)　20101029-YT */	
	font-size /**/: 11px;	/* お客様要望　20101029-YT */
}

#traycontents .itemOutline .captionItem .cap-price2 {	/* 特別価格表示行 */
/*	height:16px;	*/	/* 折り返し対策　20101020-YT */
	color:#ff3333;	/* オレンジ色 */
	font-size: 9px;	/* お客様要望(IE)　20101029-YT */	
	font-size /**/: 11px;	/* お客様要望　20101029-YT */
	font-weight: 600;
	letter-spacing: -1px;	/* 価格5桁対策　20101020-YT */
}

#traycontents .itemOutline .captionItem .cap-price1 span {	/* 通常価格の数字部分 */
	height:16px;
	color:#FF3333;	/* オレンジ色　※ただし、打ち消しラインを入れるときは加工のxlineで無効化される */
	font-size: 16px;	/* 価格拡大対策　20101028-YT */
	font-weight: 600;
	letter-spacing: -1px;	/* 価格5桁対策の対策　20101020-YT */
}

#traycontents .itemOutline .captionItem .cap-price2 span {	/* 特別価格の数字部分 */
	height:16px;
	color:#ff3333;	/* オレンジ色 */
	font-size: 16px;	/* 価格拡大対策　20101028-YT */
	font-weight: 600;
	letter-spacing: -1px;	/* 価格5桁対策の対策　20101020-YT */
}

#traycontents .itemOutline .captionItem span.xline	{ /* 価格打消し */
	color: #303030;	/* グレー */
	text-decoration: line-through;
	font-size: 12px;	/* お客様要望・無効価格は小さく 20101029-YT */
}

#traycontents .itemOutline .captionItem .cap-text {	/* 商品説明テキスト */
	margin:5px 0 0;
	color: #404040;
	font-size : 9px;	/* キャプションの長大対策　20101019-YT */
	letter-spacing: -1px;	/* 〃　20101019-YT */
	font-size /**/: 11px;	/* 〃　20101019-YT */
	line-height: 12px;	/* 〃　20101019-YT */
}

#traycontents .itemOutline .sys_selbtnWrap	{	/* 選択・トレイ追加ボタンのラップ */
	/* 名刺・封筒の場合位置調整が違う */
	margin-top: 8px;
}

#traycontents .putItem	{	/* トレイに入れるボタン外周 */
	position: relative;
/*	left: -50%; */	/* 名刺封筒の場合、位置調整しない */
	float: left;
	margin: 0 2px;
}

#traycontents .putItem input {	/* トレイに入れるボタン */
	display:block;
	width:76px;
	height:18px;
	margin:0;
	background: url("../../images/ms/btn_addTempTray.png") no-repeat scroll left center transparent;
	border:medium none;
	cursor:pointer;
	outline:medium none;
	text-decoration:none;
	text-indent:-9999px;
}

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

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

#traycontents .itemOutline .btnselect1 {	/* 片面で注文 */
/*	position: relative;	/* /* 不要 20101222-YT */
	width: 114px;
	height: 18px;
	margin: 6px auto;
}

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

#traycontents .itemOutline .btnselect1b {	/* 裏面に設定 */
/*	position: relative; */	/* 不要 20101222-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/ms/btn_select_r1.png) no-repeat center;	/* 4列：btn_select1　5列：btn_select1_5c */
	text-indent: -9999px;
}

#traycontents .itemOutline .btnselect2 {	/* 裏面を追加 */
/*	position: relative; */	/* 不要 20101222-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/ms/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: 100px;
	height: 19px;
	font-size: 12px;
}

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

#traycontents.tray_contents .design{	/* 一時トレイがあるときの商品一覧の幅 */
	float:left;
	width:710px;	/* フロート対応 740→720 20101222-YT */
}

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

/* 一時トレイ（表示） */
#traycontents.tray_contents .temporary_tray{
	display:block;
	float:right;
	width:210px;	/* フロート対応 180→210　20101222-YT */
	text-align:center;
}

.temporary_tray .tray_head  {	/* 一時ヘッダー */
	height:30px;
	margin:0 0 10px;	/* bottom 15→10　20101121-YT */
	padding:5px 0;
	background: url(../../images/ms/headerItemTray5c.png) no-repeat center top;	/* 4列：headerItemTray　5列：headerItemTray5c */}

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

.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/ms/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 5px 15px;
}

.temporary_tray .trayItemAllDelete input	{
	display:block;
	height:18px;
	width:96px;
	margin:0 5px 0 auto;
	background:url("../../images/ms/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 p.dsn_trayonFailed {	/* トレイ消去に失敗メッセージ　20101121-YT */
	margin-left: 8px;
	color: #ff0000;
	text-align: left;
}

/* トレイ内商品 */

.trayItemsWrap .itemOutline	{
	display: block;	/* フロート対策　inline-block→トレイ内ではblock　20101222-YT */
/*	height: auto !important;*/	/* トレイ内では縦サイズを固定しない→廃止　20101222-YT  */
}

.trayItemDelete input	{	/* 削除ボタン */
	display:block;
	float: left;
	height:18px;
	width:54px;
	margin: 0 auto 5px;
	background:url("../../images/ms/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 p.dsn_trayonDeleteErr {	/* トレイ削除に失敗メッセージ　20101121-YT */
	clear: both;
	margin-left: 0;
	color: #ff0000;
	text-align: left;
}

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