@charset "utf-8";
@import url("base.css");
@import url("common.css");





/* ---------- flash ---------- */

#flash {
	height:320px;
	margin:0 0 25px;
}

#flash h2 {
}





/* ---------- recommend ---------- */

#recommend {
	width:639px;
	float:left;
	border-top:#CCCCCC 1px dotted;
	border-left:#CCCCCC 1px dotted;
	margin:0 0 15px;
}

#recommend li {
	width:288px;
	float:left;
	border-bottom:#CCCCCC 1px dotted;
	border-right:#CCCCCC 1px dotted;
	padding:15px 15px 5px;
}

#recommend li h4 {
	font-size:75%;
	line-height:1.5em;
	padding:0 0 5px;
}

#recommend li .image {
	float:left;
	padding:0 15px 10px 0;
}

#recommend li .price {
	padding:5px 0;
	font-weight:bold;
	color:#CC0000;
}

#recommend li .detail {
	padding:0 0 10px;
	color:#333333;
	font-size:65%;
	line-height:1.3em;
}





/* ---------- news ---------- */

#news {
	width:640px;
	float:left;
	padding:0 0 15px;
	font-size:75%;
	line-height:1.5em;
}

#news dt {
	background:url(../../images/base/bg_arr01.gif) 10px 5px no-repeat;
	font-weight:bold;
	float:left;
	padding:0 0 0 28px;
}

#news dd {
	padding:0 10px 10px 120px;
	margin:0 0 10px;
	border-bottom:#CCCCCC 1px dotted;
}


/* ---------- product ---------- */

#product {
	float:left;
	width:640px;
	font-size: 65%;
	line-height: 1.3em;
	padding:0 0 30px 0;
}

#product #main {
	width:640px;
	float:left;
	padding:0 0 0;
}

#product #main li {
	float:left;
	padding:0 0 10px 0;
}

#product #main .long {
	width:640px;
}

#product #pleft {
	width:450px;
	float:left;
}

#product #pleft li {
	float:left;
	padding:0 10px 10px 0;
}

#product #pright {
	width:190px;
	float:right;
}

#product #pright li {
	float:right;
	padding:0 0 10px 0;
}

