@charset "EUC-JP";

ifream{border:none!important;
}
.clearfix:before,.clearfix:after{content:'';display:block;overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}

#colors #wrapper{width:730px;margin:0 auto;}
#colors #nav {border-bottom:solid 1px #ccc; margin-bottom:10px;}
#colors #nav li{float:left; }
#colors #nav a{text-align:center;height:20px;width:135px;border-left:solid 1px #ccc;border-right:solid 1px #ccc;border-top:solid 1px #ccc;margin:0 1px 0 0;padding:5px;display:block; text-decoration:none;color:#555;background:#f0f0f0;display:inline-block;}
#colors #nav li.on a{background:#fff;}
#colors #nav a:hover{background:#fff;}

/* .slideShow
------------------------- */
#colors .slideShow {
	margin: 0 auto;
	font-size:75%;
	width:700px!important;
}

/* .mainView
------------------------- */
#colors .slideShow .mainView {
	width: 710px!important;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    padding-top: 20px;
    text-align: center;
    margin: 0 auto;
}
#colors .slideShow .mainView ul {
	width: 430px!important;
height:280px;
}
#colors .slideShow .mainView ul li {
	top: 0;
	position: absolute;
	
}
#colors .slideShow .mainView ul li img {
	width: 500px;
}

/* .thumbNail
------------------------- */
#colors .slideShow .thumbNail {
	padding-top:50px;
	width: 100%;
}

#colors .slideShow .thumbNail ul {
	width: 100%;
	overflow:hidden;

}

#colors .slideShow .thumbNail ul li {
	cursor: pointer;
	width: 50px!important;
	margin:1px;
	float:left;

}

#colors .slideShow .thumbNail ul li img {
	width:50px;
}

#colors .slideShow .thumbNail ul li.active {
	filter: alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/*-------------------*/
.tab{overflow:hidden;}
.tab li{background:#ccc; padding:5px 25px; float:left; margin-right:1px;}
.tab li.select{background:#eee;}
.content li{    cursor: pointer;}
.hide {display:none;}