@charset "utf-8";
/* CSS load */
@import url('../common/css/font.css');
@import url('../common/css/list.css');
@import url('../common/css/lightbox.css');

/* CSS Document */
body {
	background-color:#000000;
	font-size:12px;
	color:#FFFFFF;
}

.br {
	clear:left;
}

.main {
	margin:0 auto;
	width:775px;
}

.head {
	width:775px;
	padding-bottom:10px;
}

.left {
	float:left;
	width:165px;
}

.right {
	float:left;
	width:610px;
}

.dim{
	padding-top:10px;
	width:775px;
	margin:0 auto;
}

.d_button {
	background-image:url(../products/image/back_brand_winfo.gif);
	background-position:0 97%;
	background-repeat:repeat-x;
	text-align:right;
}

.item {
	width:auto;
	height:200px;
	margin:20px;
}

.item span {
	float:left;
	}

.item_info {
	width:160px;
	height:auto;
}

.item_logo {
	margin-bottom:8px;
}

.item_name {
	margin-bottom:8px;
}

.item_scale {
	margin-bottom:8px;
}

.item_cont {
	margin-bottom:8px;
}

.detail {
	width:auto;
	height:auto;
	margin:20px;
	text-align:left;
}

.detail_info {
	float:left;
	width:200px;
	height:300px;
}

.detail_cont {
	float:right;
	width:330px;

	line-height: 20px;
}

.color {
	margin:0 auto;
	width:auto;
	height:auto;
	padding:10px;
	text-align:left;
}

.color span {
	float:left;
}

.color_variation {
	width:140px;
	height:200px;
	clean:both;
}

.color:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.style {
	margin:0 auto;
	width:auto;
	height:auto;
	padding:10px;
	text-align:left;
}

.style span {
	margin-left:8px;
	margin-bottom:8px;
}

.style_variation {
	width:120px;
	height:120px;
}

.style:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}