@charset "UTF-8";

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

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

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


#ecp_promotion_b {
	position: relative;
	width: 980px;
    height: 480px;
	overflow: hidden;
	background-color: #fff;
}
#ecp_promotion_b2 {
	position: relative;
	width: 100%;
    height: 180px;
	overflow: hidden;
	background-color: #fff;
}
#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: 435px; /* config */
	margin: 0 auto;
}
#ecp_promotion_b .ecp_promotion_images .ecp_promotion_images_loading {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: url("../images/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: 50%;
	margin-top: -35px;
	width: 70px;
	visibility: hidden; /* show onload */
}
#ecp_promotion_b .ecp_promotion_images .ecp_promotion_prev {
	left: -70px;
}
#ecp_promotion_b .ecp_promotion_images .ecp_promotion_next {
	right: -70px;
}
#ecp_promotion_b .ecp_promotion_images .ecp_promotion_prev a,
#ecp_promotion_b .ecp_promotion_images .ecp_promotion_next a {
	display: block;
	width: 70px;
	height: 70px;
	text-indent: -9999px;
	outline: none;
}
#ecp_promotion_b .ecp_promotion_images .ecp_promotion_prev a {
	background: url("../images/btn_prev.gif") no-repeat right center;
}
#ecp_promotion_b .ecp_promotion_images .ecp_promotion_next a {
	background: url("../images/btn_next.gif") no-repeat left center;
}

/* Navi Button */
#ecp_promotion_b .ecp_promotion_navi {
    width: 100%;
    text-align: center;
	padding: 8px;
}
#ecp_promotion_b .ecp_promotion_navi ul {
	text-align: center;
	/*background-color: #f0f0f0;*/
	display: inline-block;
	*display: inline;
	padding: 2px;
}
#ecp_promotion_b .ecp_promotion_navi ul li {
	display: inline-block;
	width: 68px;
	height: 9px;
	margin: 2px 3px 2px 4px;
}
*:first-child+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;
    background: #c7c7c7;
	text-indent: -9999px;
}
#ecp_promotion_b .ecp_promotion_navi ul li a.selected {
    background: #ff0000;
}

/* add Shadow on image */
#ecp_promotion_b .shadow_top {
	width: 100%;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
	box-shadow: 0 5px 5px -2px rgba(0,0,0,0.2) inset;
}
#ecp_promotion_b .shadow_bottom {
	width: 100%;
	height: 10px;
	position: absolute;
	top: 471px;/*435-10px-1px*/
	left: 0;
	box-shadow: 0 5px 5px -2px rgba(0,0,0,0.2) inset;
}



.subvisual {margin: auto;width:980px; text-align:center; padding-top:0px; background-color:#fff; height:80px;border-top:1px solid #CCC; background:url(../../img/subbg.jpg); background-repeat:repeat-x; background-position:top;}