#commerce_banner{
width:750px;
margin:auto;
padding:0;
border:#cccccc 1px solid
}
#commerce_banner a.sale:hover img{
opacity:1;
-moz-opacity:1;
filter:alpha(opacity = 100);
}
#commerce_banner ul.tab_frame{
width:750px;
margin:0 0 0 0;
padding:0;
text-align:center;
display: flex !important;
    flex-wrap: nowrap;
}
#commerce_banner li{
	font-size:16px;
	list-style:none;
	float: left;
	margin:0;
	width:100%;
	padding: 10px 0px 10px 0px;
	text-align:center;
}

#commerce_banner li span{
text-align:center;
display:block;
line-height:1.2;
font-family: "ヒラギノ角ゴ Pro W6","Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
*font-family:"ヒラギノ角ゴ Pro W6", "Lucida Grande", "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
margin:0;
padding:0;
}

#commerce_banner li.on{
background:#e8e9ea url(images/box-shadow.png) no-repeat right top;
overflow:hidden;
}
#commerce_banner li:hover{
cursor:pointer;
}
/* tab 7つまで */
#commerce_banner li:nth-child(n + 8){
	display:none;
}


#commerce_banner .commerce_frame{
width: 750px;
height: 375px;
border-bottom:#cccccc 1px solid;
overflow: hidden;
position: relative;
}

#commerce_banner .commerce{
  width: 750px;
  height: 320px;
    left: 0;
    top: 0;
    position: absolute;
}

#commerce_banner #commerce01{
    z-index: 3;
}
/*
#commerce_banner #commerce02{
    z-index: 2;
}
#commerce_banner #commerce03{
    z-index: 1;
}
#commerce_banner #commerce04{
    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;
	}	


/*Btn Rollover
-----------------------------------------------*/	
#commerce_banner .btn01 a:hover img.imgov,
#commerce_banner .btn02 a:hover img.imgov{
	filter:alpha(opacity=70); /*IE*/
	-moz-opacity:0.70; /*FF*/
	opacity:0.70;
	}


/*--searchShop---------------------------*/

.searchShop{
	clear:both;
	width:750px;
	background:#a1a5a9;
	height:55px;
	text-align:center;
	margin:0;
	padding:0;
	border:#a1a5a9 1px solid;
	border: none;
}

.searchShop a{
	text-align:center;
	display:block;
	font-size:20px;
	line-height:1;
	/*font-weight:bold;*/
	padding:17px 0 0 0;
	margin:0;
	color:#ffffff;
	font-family: "ヒラギノ角ゴ Pro W6","Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
 *font-family:"ヒラギノ角ゴ Pro W6", "Lucida Grande", "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}


.searchShop a span{
	background:url(images/icn_fw.gif) no-repeat right center;
	padding-right:20px;
	margin:0;
	
}



#commerce_banner .searchShop a:link,
#commerce_banner .searchShop a:visited{
	color:#ffffff;
	text-decoration:none;
}



/*--Ad Btn Position---------------------------*/

#commerce_banner li#select_tab01 span,
#commerce_banner li#select_tab03 span,
#commerce_banner li#select_tab04 span{
	padding:17px 0 0 0;
	margin:0;
	font-size:18px;
}

#commerce_banner li#select_tab02 span{
	padding:8px 0 0 0;
	margin:0;
	font-size:16px;
}


/*--iPad----------*/
#commerce_banner #commerce01 .btn01{
	    position: absolute;
					top:192px;
					left:128px;
}

#commerce_banner #commerce01 .btn02{
	    position: absolute;
					top:192px;
					left:713px;
}

/*--MacBook----------*/
#commerce_banner #commerce02 .btn01{
	    position: absolute;
					top:210px;
					left:605px;
}

#commerce_banner #commerce02 .btn02{
	    position: absolute;
					top:210px;
					left:713px;
}

/*--iMac----------*/
#commerce_banner #commerce03 .btn01{
	    position: absolute;
					top:213px;
					left:229px;
}

#commerce_banner #commerce03 .btn02{
	    position: absolute;
					top:213px;
					left:338px;
}

/*--iPhone5----------*/
#commerce_banner #commerce04 .btn01{
	    position: absolute;
					top:210px;
					left:70px;
}

#commerce_banner #commerce04 .btn02{
	    position: absolute;
					top:210px;
					left:180px;
}
