@charset "utf-8";

@import url("../packages/default/css/import.css");

/* recommend area
----------------------------------------*/
#recommendarea {
	margin: 0;
	padding: 0;
	background: url(../img/bg-recommend-middle.jpg) repeat-y center top;
	clear: both;
}

#recommendarea-top {
	width: 960px;
	margin: 0;
	padding: 0;
	background: url(../img/bg-recommend-top.jpg) no-repeat center top;
	clear: both;
}

#recommendarea-bottom {
	width: 918px;
	margin: 0;
	padding: 3px 21px 6px 21px;
	background: url(../img/bg-recommend-bottom.jpg) no-repeat center bottom;
	clear: both;
	overflow: hidden;
}

#recommendarea img {
	vertical-align: bottom;
}

#recommendarea h2 {
	margin: 0;
	padding: 0;
}

#recommendarea-leftbox {
	width: 240px;
	float: left;
}

#recommendarea-rightbox {
	width: 668px;
	margin: 0;
	padding: 6px 10px 5px 0;
	float: right;
}

#recommendlist {
	margin: 0;
	padding: 0;
	background: url(../img/bg-recommendlist-middle.jpg) repeat-y center top;
	clear: both;
}

#recommendlist-top {
	width: 668px;
	margin: 0;
	padding: 0;
	background: url(../img/bg-recommendlist-top.jpg) no-repeat center top;
	clear: both;
}

#recommendlist-bottom {
	width: 654px;
	margin: 0;
	padding: 1px 6px 1px 8px;
	background: url(../img/bg-recommendlist-bottom.jpg) no-repeat center bottom;
	clear: both;
	overflow: hidden;
}
.recolist-box {
	width: 206px;
	margin: 0;
	padding: 0 12px 0 0;
	background: url(../img/bg-recommendlist-line.gif) no-repeat right center;
	float: left;
	overflow: hidden;
}

.recolist-boxend {
	width: 206px;
	margin: 0;
	padding: 0 0 0 0;
	float: left;
	overflow: hidden;
}

.recolist-box h3,
.recolist-boxend h3 {
	margin: 0;
	padding: 0;
	clear: both;
}

.recolist-photo {
	width: 70px;
	margin: 0;
	padding: 1px 0 7px 8px;
	float: left;
}

.recolist-data {
	width: 121px;
	margin: 0;
	padding: 0 3px 0 0;
	float: right;
}

.recolist-data h4 {
	margin: 0 0 3px;
	padding: 0 3px 7px;
	background: url(../img/bg-recommendlist-h4line.gif) no-repeat left bottom;
	font-size: 80%;
	font-weight: lighter;
	line-height: 1.1;
}

.recolist-data h4 a {
	text-decoration: none;
}

.recolist-data p {
	margin: 0;
	padding: 0 3px;
	font-size: 80%;
	line-height: 1.1;
}

.recolist-data p.price {
	color: #888888;
}

.recolist-data p.btn {
	padding: 3px 3px 7px;
}
#flasharea-main {
height:312px;
width:600px;
}
/* clearfix
------------------------------------------------------------ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


a:hover img{
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}