/*
===============================================================
This style is part of EC-CUBE plug-in
"Promotion type-A"

Copyright(c) JAPAN ELECTRONIC INDUSTRIAL ARTS CO.LTD.
http://www.ec-plug.com/

===============================================================
*/

#ecp_promotion_b {
	position: relative;
	width: 100%;
	overflow: hidden;
	background-color: #000000;
}

#ecp_promotion_b .attention {
	padding: 20px;
	background-color: #f3f3f3;
	border: 1px solid #ccc;
}

/* images */
#ecp_promotion_b .ecp_promotion_images {
	position: relative;
	width: 100%; /* config */
	height: 480px; /* config */
	margin: 0 auto;
}
#ecp_promotion_b .ecp_promotion_images .ecp_promotion_images_loading {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: url("../../../img/block/ecp_promotion_b/ajax-loader.gif") no-repeat center center;
	text-indent: -9999px;
}
#ecp_promotion_b .ecp_promotion_images .ecp_promotion_images_wrap {
	position: relative;
	width: 100%;
	height: 100%;
}
#ecp_promotion_b .ecp_promotion_images .ecp_promotion_image {
	position: absolute;
	left: -9999px; /* default */
	top: -9999px; /* default */
	width: 100%;
	height: 100%;
	
	visibility: hidden; /* show onload */
}
#ecp_promotion_b .ecp_promotion_images .ecp_promotion_image a {
	display: block;
	width: 100%;
	height: 100%;
}
#ecp_promotion_b .ecp_promotion_images .ecp_promotion_image a img {
	display: block;
}
#ecp_promotion_b .ecp_promotion_images .ecp_promotion_prev,
#ecp_promotion_b .ecp_promotion_images .ecp_promotion_next {
	position: absolute;
	top: 0px;
	width: 59px;
	height: 100%;
	
	visibility: hidden; /* show onload */
}
#ecp_promotion_b .ecp_promotion_images .ecp_promotion_prev {
	left: -59px;
}
#ecp_promotion_b .ecp_promotion_images .ecp_promotion_next {
	right: -59px;
}
#ecp_promotion_b .ecp_promotion_images .ecp_promotion_prev a,
#ecp_promotion_b .ecp_promotion_images .ecp_promotion_next a {
	position: relative;
	left: 0;
	top: 50%;
	display: block;
	width: 59px;
	height: 100px;
	margin-top: -50px;
	overflow: hidden;
	outline: none;
	text-indent: -9999px;
}
#ecp_promotion_b .ecp_promotion_images .ecp_promotion_prev a {
	background: url("../../img/block/ecp_promotion_b/btn_prev.gif") no-repeat right center;
}
#ecp_promotion_b .ecp_promotion_images .ecp_promotion_next a {
	background: url("../../img/block/ecp_promotion_b/btn_next.gif") no-repeat left center;
}

/* thumbnail images */
#ecp_promotion_b .ecp_promotion_navi {
	position: relative;
	padding: 20px;
}
#ecp_promotion_b .ecp_promotion_navi ul,
#ecp_promotion_b .ecp_promotion_navi ul li,
#ecp_promotion_b .ecp_promotion_navi ul li a {
	display: block;
}
#ecp_promotion_b .ecp_promotion_navi ul {
	display: block;
	text-align: center;
}
#ecp_promotion_b .ecp_promotion_navi ul li {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 5px;
}
*+html #ecp_promotion_b .ecp_promotion_navi ul li {
	display: inline;
}
#ecp_promotion_b .ecp_promotion_navi ul li a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0;
	text-indent: -9999px;
	background: url("../../img/block/ecp_promotion_b/btn_navi.png") no-repeat;
}
#ecp_promotion_b .ecp_promotion_navi ul li a.selected {
	background: url("../../img/block/ecp_promotion_b/btn_navi_selected.png") no-repeat;
}