@charset "utf-8";
/*========================================*
*　■トップページ用スタイル
*========================================*/
@import "common.css";




/*-------------------------------
 * 
-------------------------------*/

#contents{}
#main{
	margin-left: 20px;
	margin-right: 20px;
}
#main h1{
	margin-bottom: 20px;
}



/*-------------------------------
 * 
-------------------------------*/
#product{}
#product-main{}
#product-sub{}

.section{}
.article{
	border: 1px solid #ccc;
}
.article h2{
	margin-bottom: 20px;
}
.clearfix{}
.float-left{}
.float-right{}
.figure{}
.figure a:hover img{
	/* css3 */
	opacity: 0.6;
	-o-opacity: 0.6;
	-ms-opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

/*---------------[Main]---------------*/

/**/
#product-main .article{
	width: 443px;
	margin-bottom: 0;
}
* html #product-main .article{height: 470px;}
#product-main .article h2{
	text-align:center;
	padding-top: 5px;
}
#product-main .clearfix{
	padding: 0 15px;
	margin-bottom: 4px;
}


/**/
#dairy .float-left{width: 320px;}
#dairy .float-right{width: 85px;}
#dairy{
	padding-bottom: 120px;
	background: url(../img/product/img_dairy.jpg) no-repeat center bottom;
}

/**/
#liqueur .float-left{width: 255px;}
#liqueur .float-right{width: 151px;}
#liqueur{
	padding-bottom: 120px;
	background: url(../img/product/img_liqureur.jpg) no-repeat center bottom;
}




/*---------------[Sub]---------------*/

/**/
#product-sub{}
#product-sub .clearfix{}
* html #product-sub .clearfix{margin-bottom: 15px;}
*+html #product-sub .clearfix{margin-bottom: 15px;}


/**/
#product-sub .article{
	/*width: 290px;*/
	width: 270px;
	float: left;
	padding: 5px 10px;
	margin-left: 21px;
	margin-bottom: 15px;
}
* html #product-sub .article{
	width: 290px;
	height: 350px;
	margin-bottom: 0;
	behavior: expression(this.className += (this.previousSibling == null) ? " first-child" : "",this.style.behavior = "none");
}
#product-sub .article:first-child,
#product-sub .article.first-child{
	margin-left: 0;
}
#product-sub .article h2{
	text-align:center;
	margin-left: -10px;
	margin-right: -10px;
}
#product-sub .article .clearfix{margin: 0;}
#product-sub .float-left{
	width: 150px;
}
#product-sub .float-right{
	width: 115px;
}