@charset "Shift_JIS";

.ShoppingTop {
	width:810px;
	background:#ffeef3;
	margin:0 0 20px 0;
}


.ShoppingTop .Scsprice {
	font-size:12px;
	margin: 5px;
}

/*-------- one or two items
--------------------------------------------------*/
.ShoppingTop .ShoppingBlockSingle {
	padding:0 15px 15px 15px;
	line-height:1.4;
	font-family:Archivo Black,MS UI Gothic,MS PGothic;
}
.ShoppingTop .ShoppingBlockSingle a {
	position:relative;
	display:block;
	padding:10px;
	color:#333;
	background:#fff url(/shopping/common/dynamic/module/onair/img/onair_ic01.gif) no-repeat 743px center;
/*-ie7hack-*/
	*height:124px;
}
.ShoppingTop .ShoppingBlockSingle a:hover {
	background:#fff url(/shopping/common/dynamic/module/onair/img/onair_ic01_on.gif) no-repeat 743px center;
}
.ShoppingTop .ShoppingBlockSingle a:hover p.productImg img {
	opacity:0.8;
}
.ShoppingTop .ShoppingBlockSingle a p.productImg {
	float:left;
	width:220px;
	height:120px;
}
.ShoppingTop .ShoppingBlockSingle a p.productImg img {
	position:absolute;
	width:210px;
	margin:auto 0 auto 10px;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
.ShoppingTop .ShoppingBlockSingle a .productExpWrap {
	float:left;
	width:570px;
	padding:0 10px 0 0;
}
.ShoppingTop .ShoppingBlockSingle.discountOn a .productExpWrap {
	width:250px;
}
.ShoppingTop .ShoppingBlockSingle a .productExpWrap p.productName {
	margin:0 0 10px 0;
	font-size:16px;
	font-weight:bold;
}
.ShoppingTop .ShoppingBlockSingle a .productExpWrap p.shippingImg img {
	width:260px;
	height:36px;
}
.ShoppingTop .ShoppingBlockSingle a .usualPrice {
	position:absolute;
	right:50px;
	bottom:80px;
	font-size:14px;
	z-index:5;
}
.ShoppingTop .ShoppingBlockSingle a .discountPrice {
	position:absolute;
	right:50px;
	bottom:60px;
	font-size:14px;
	z-index:5;
}
.ShoppingTop .ShoppingBlockSingle a .mainPriceWrap {
	position:absolute;
	right:50px;
	bottom:7px;
}
.ShoppingTop .ShoppingBlockSingle a .mainPriceWrap .subText {
	background:#fff;
}
.ShoppingTop .ShoppingBlockSingle a .mainPriceWrap .mainPrice {
	font-size:42px;
	font-style:italic;
	color:#f00;
	background:url(/shopping/common/dynamic/module/onair/img/onair_bg01.gif) no-repeat 100%;
	background-size:100% 100%;
/* for modan browser */
text-shadow:0px 2px 1px white,0px 1px 1px white,1px 1px 1px white,1px 0px 1px white,2px 0px 1px white,1px -1px 1px white,1px -2px 1px white,0px -2px 1px white,-1px -2px 1px white,-2px -2px 1px white,-2px -1px 1px white,-2px 0px 1px white,-2px 1px 1px white,-1px 1px 1px white;
/* for IE */
filter:dropshadow(color=white,offx=0,offy=2,positive=1),dropshadow(color=white,offx=1,offy=1,positive=1),dropshadow(color=white,offx=1,offy=-1,positive=1),dropshadow(color=white,offx=0,offy=-2,positive=1),dropshadow(color=white,offx=-1,offy=-2,positive=1),dropshadow(color=white,offx=-2,offy=-1,positive=1),dropshadow(color=white,offx=-2,offy=1,positive=1),dropshadow(color=white,offx=-1,offy=1,positive=1);
}
.ShoppingTop ul.shippingInfo {
	padding:0 10px 5px 20px;
	color:#333;
	font-size:13px;
}
.ShoppingTop ul.shippingInfo li {
	margin:0 0 5px 0;
}
.ShoppingTop ul.shippingInfo li span {
	margin:0 5px 0 0;
}


/*-------- three or more items
--------------------------------------------------*/
.ShoppingTop .ShoppingBlock {
	margin:3px 3px 0 3px;
	background:#fff;
}
.ShoppingTop .ShoppingBlock .RecommendProducts {
	position: relative;
	float:left;
	width:196px;
	height:280px;
	padding:2px;
	border-right:#808080 1px dotted;
	border-bottom:#808080 1px dotted;
}
.ShoppingTop .ShoppingBlock .RecommendProducts.lastDiv {
	border-right:none;
}
.ShoppingTop .ShoppingBlock .RecommendProducts .ProductImg {
	position:relative;
	height: 130px;
}
.ShoppingTop .ShoppingBlock .RecommendProducts .ProductImg img {
	position:absolute;
	width:150px;
	margin:auto;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
.ShoppingTop .ShoppingBlock p.ProductName {
	font-size: 12px;
	padding-top: 4px;
	text-align: center;
	/* config */
	line-height: 1.2;
	height: 42px;
	background-color: #fff;
	/* config end */

	position: relative;
	padding-right: 1em;
	overflow: hidden;
	/*line-height: normal;
	height: 54px;
	width: 100%;*/
	/*text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;*/
}
.ShoppingTop .ShoppingBlock p.ProductName:before {
	content: "...";
	position: absolute;
	right: 2px;
	bottom: 0;
	display: inline-block;
	width: 1em;
}
.ShoppingTop .ShoppingBlock p.ProductName:after {
	content: " ";
	position: relative;
	right: -1em;
	float: right;
	width: 1em;
	height: 100%;
	background-color:#fff;
}
.ShoppingTop .ShoppingBlock p.ProductNameIe {
	font-size: 12px;
	font-family: 'Helvetica',sans-serif;
	padding-top: 4px;
	letter-spacing: -0.5px;
	text-align: center;
	/* config */
	line-height: 1.2;
	height: 42px;
	background-color: #fff;
	/* config end */
	
	position: relative;
	padding-right: 1em;
	overflow: hidden;
}
.ShoppingTop .ShoppingBlock p.PriceInfo {
	height: 13px;
	text-align:right;
	margin:0 0 3px 0;
	font-size:10px;
}
.ShoppingTop .ShoppingBlock .Deals {
	min-height: 16px;
	margin:0 0 4px 0;
	padding: 4px 0 0 0;
	background: #f00;
	color:#fff;
	text-align:center;
	font-size:12px;
}
.ShoppingTop .ShoppingBlock .DealsEmpty {
	height: 16px;
	padding: 4px 0 0 0;
	margin:0 0 4px 0;
	background: none;
}
.ShoppingTop .ShoppingBlock .PriceArea {
	margin:0 0 5px 0;
}
.ShoppingTop .ShoppingBlock .PriceInfoAfter {
	float: left;
	padding:10px 0 0 0;
	font-size: 11px;
}
.ShoppingTop .ShoppingBlock .RecommendProducts .Price{
	float:right;
	color: #E91C1C;
	font-size: 25px;
	font-weight: bold;
}
.ShoppingTop .ShoppingBlock .RecommendProducts .Button{
	color: red;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
.ShoppingTop .ShoppingBlock .RecommendProducts .Info{
	float: right;
	font-size: 11px;
	letter-spacing: -0.1em;
	text-align: right;
	color: #333;
	line-height: 12px;
	margin-top: 2px;
}

/*-------- show more
--------------------------------------------------*/

.ShoppingTop .OtherProducts{
	position:relative;
	z-index:100;
	margin:-1px 0 0 0;
	padding:10px;
	background:#ffeef3;
/*-ie7hack-*/
	*position:inherit;
}


.ShoppingTop a.OtherImg{
	background: url(/shopping/img/top/top_150108_on.jpg) no-repeat;
	height: 33px;
	width: 427px;
	margin: 0 auto;
	display: block;
	cursor:pointer;
}

.ShoppingTop a.OtherImg.active {
	background: url(/shopping/img/top/top_150108_off.jpg) no-repeat;
}

/*-------- preview
--------------------------------------------------*/
.previewTimeArea {
	display:inline-block;
	margin:20px;
	padding:10px;
	border:#95a3b9 1px dotted;
	background:#fff;
}
.previewTimeArea ul li {
	display:inline-block;
	margin:0 10px 0 0;
}
.previewTimeArea ul li span {
	font-size:14px;
}
.previewTimeArea ul li input[type='text'] {
	width:5em;
	padding:5px 10px;
	border:#ccc 1px solid;
}
.previewTimeArea ul li input[type='button'] {
	margin:0 0 0 20px;
	padding:5px 10px;
	border:#ccc 1px solid;
	background:#efefef;
	cursor:pointer;
}

/*�@clear-fix
----------------------------*/
.ShoppingTop .ShoppingBlockSingle a:after,
.ShoppingTop .ShoppingBlock:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}