body {
	color:#000;
	font:12px Verdana, Geneva, sans-serif;
	line-height:2;
}

a {
	text-decoration:none;
	color:#000;
}
a:hover {text-decoration:underline;}
img {
	border-style:none;
	vertical-align:top;
}
form,
fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
input,
textarea,
select {
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
}

h1, .title {
	font-size:16px;
	line-height:19px;
	color:#800;
}


h2, .sub-title{color:#800; font-size:14px; line-height:16px;}
h3{color:#800; font-size:13px; line-height:15px;}
h4{font-size:12px; line-height:14px;}
h5{font-size:11px; line-height:13px;}
h6{font-size:10px; line-height:12px;}


.content-area {
	width:572px;
	overflow:hidden;
}
.content-area {line-height:175%;}
.content-area .list {
	margin:0 -65px 0 0;
	padding:20px 0 56px 5px;
	list-style:none;
	overflow:hidden;
}
.product-area .list {
	margin:0 -25px 0 0;
	padding:0 0 27px 5px;
}
.content-area .list li {
	float:left;
	text-align:center;
	width:137px;
	padding:0 69px 10px 0;
	position:relative;
}
.content-area .list li a {cursor:pointer;}
.content-area .list li img {margin:0 0 8px;}

.content-area .list li strong {
	display:block;
	width:137px;
	font-size:11px;
	line-height:1;
}

.content-area .list .mask {
	position:absolute;
	top:0;
	left:0;
	width:137px;
	height:138px;
	background:url(images/bg-mask-01.png) no-repeat;
}

.product-area {
	width:100%;
	overflow:hidden;
}
.product-area .list li {
	width:71px;
	padding:0 25px 10px 0;
	overflow: hidden;
}
.product-area .list li img {
	width:71px;
	height:72px;
	margin:0 0 4px;
}

.product-area .list li strong {
	width:75px;
	height:22px;
}
.product-area .list .mask {
	width:71px;
	height:72px;
	background:url(images/bg-mask-02.png) no-repeat;
	overflow: hidden;
}

.product-area .list li.double {
	width:142px;
	padding:0 25px 10px 0;
	overflow: hidden;
}
.product-area .list li.double img {
	width:142px;
	height:72px;
	margin:0 0 4px;
}

.product-area .list li.double strong {
	width:142px;
}