@charset "Shift_JIS";

/*ボディカラー
==================================================================*/

#container.bodycolorPage .viewArea{
	width:705px;
	min-height:365px;
	height:auto !important;
	height:365px;
	margin-top:20px;
	position:relative;
}

#container.bodycolorPage .viewArea .colorName{
	margin-top:25px;
	font-size:110%;
	line-height:1.5;
	font-weight:bold;
}

#container.bodycolorPage .viewArea .option{
	color:#c80000;
}

#container.bodycolorPage .viewArea .grade{
	color:#c80000;
}

#container.bodycolorPage .viewArea .grade .border{
	margin:0 4px;
	padding:1px;
	border:solid 1px #c80000;
	line-height:2;
}

#btnSlideL{
	width:30px;
	height:30px;
	background:url(../../image/cmn_btn_slide-left.gif) left top no-repeat;
	position:absolute;
	left:0;
	top:125px;
	display:block;
}

#btnSlideR{
	width:30px;
	height:30px;
	background:url(../../image/cmn_btn_slide-right.gif) left top no-repeat;
	position:absolute;
	right:0;
	top:125px;
	display:block;
}

#btnSlideL.off,
#btnSlideR.off{
	background-position:right top;
	cursor:default;
}

#btnSlideL span,
#btnSlideR span{
	display:none;
}

#container.bodycolorPage .selectArea{
	margin-top:10px;
	padding-top:15px;
}

#container.bodycolorPage .selectArea .colorList li{
	margin-top:10px;
	width:81px;
	margin-right:8px;
	float:left;
	cursor:pointer;
	position:relative;
}

#container.bodycolorPage .selectArea .colorList li .frame{
	position:absolute;
	left:0;
	top:0;
}

#container.bodycolorPage .selectArea .colorList li.act .frame{
	width:81px;
	height:35px;
	background:url(../../image/cmn_img_activecolor.png) left bottom repeat-x;
}

*html #container.bodycolorPage .selectArea .colorList li.act .frame{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/webcatalog/201108/image/cmn_img_activecolor.png", sizingMethod="crop");
}

#container.bodycolorPage .selectArea .colorList li.last_child{
	margin-right:0;
}

#container.bodycolorPage .notes{
	margin-top:10px;
	font-size:10px;
	line-height:1.5;
}