@charset "utf-8";

/* 2010-09-03 Start */
/* カラーバリエーション */
div.color_va ul:after{
	display: block;
	height: 0;
	clear: both;
	content: "";
}

div.color_va{
	position: absolute;
	width: 212px;
	clear: both;
	background: url("/common/images/bg_colorva_btm.gif") no-repeat;
	z-index: 100;
}

div.color_va ul{
	width: 186px;
	padding-top: 10px;
	padding-bottom: 6px;
	background-color: #ffffff;
	background: no-repeat 0 0;
	list-style: none;
}

div.color_va li{
	float: left;
	margin-right: 4px;
	padding-bottom: 4px;
}

div.color_va a img{
	display: block;
	border: solid 1px #d1d1d1;
}

div.color_va a:hover img{
	border: solid 1px #a8a8a8;
}

/* 左に出る場合 */
div.color_va.left{
	top: 20px;
	left: -182px;
	background-position: -10px bottom;
}

div.color_va.left ul{
	padding-right: 16px;
	padding-left: 10px;
	background-image: url("/common/images/bg_colorva_top_left.gif");
}

/* 右に出る場合 */
div.color_va.right{
	top: 20px;
	left: 150px;
	background-position: left bottom;
}

div.color_va.right ul{
	padding-right: 6px;
	padding-left: 20px;
	background-image: url("/common/images/bg_colorva_top_right.gif");
}