
/*外国語サイト banner.css*/

#commerce_banner{
	width:860px;
	margin: 118px auto 0;
}


#commerce_banner ul.tab_frame{
    width:67px;
    margin:5px auto;
    padding: 0;
    text-align:center;
}
#commerce_banner li{
    list-style:none;
    float: left;
    margin:0;
    padding:0;
    min-height:16px;
	_height:16px;
	width:16px;
	text-align:center;
	background:url(/images/icon01.png) no-repeat left top;
}

#commerce_banner li.on{
    background:url(/images/icon02.png) no-repeat left top;
	}

#commerce_banner li#select_tab04{
	width:237px;
    border-right:none;
    /*border-bottom:#cccccc 1px solid;*/
}

#commerce_banner li.on{
	background:url(/images/icon02.gif) no-repeat right top;
	overflow:hidden;
}


#commerce_banner li:hover{
	cursor:pointer;
}

#commerce_banner .commerce_frame{
	width: 860px;
	height: 371px;
	overflow: hidden;
	position: relative;
	border:1px solid #ececec;
}

#commerce_banner .commerce{
  width: 860px;
  height: 371px;
    left: 0;
    top: 0;
    position: absolute;
}

#commerce_banner #commerce01{
    z-index: 3;
}
#commerce_banner #commerce02{
    z-index: 1;
}
#commerce_banner #commerce03{
    z-index: 1;
}



/*--Public-------------*/

#commerce_banner img {
	border:0;
	line-height:0;
	margin:0;
	padding:0;
	vertical-align:bottom;
	}

#commerce_banner ul.clearfix:after {
	content:".";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
	line-height:0;
	font-size:0;
	}

#commerce_banner ul.clearfix {
	display:inline-block;
	}	

/*--Ad Btn Position---------------------------*/

#commerce_banner li#select_tab01,
#commerce_banner li#select_tab03,
#commerce_banner li#select_tab04{
	padding:0 0 0 0;
	margin:0;
}

#commerce_banner li#select_tab02{
	padding:0 0 0 0;
	margin:0;
}


/*--sidebtn 2013/4/5追加---------------------------*/
#commerce_banner #prev{
	width: 34px;
	height: 67px;
	left: 0px;
	top: 140px;
	position: absolute;
	z-index:9997;
}

#commerce_banner #prev:hover{
	cursor:pointer;
}

#commerce_banner #next{
	width: 34px;
	height: 67px;
	left: 826px;
	top: 140px;
	position: absolute;
	z-index:9997;
}

#commerce_banner #next:hover{
	cursor:pointer;
}

