@charset "utf-8";
@import url("beer.css");
/* ////////////////////
PRODUCTS
//////////////////// */
/* #content
-------------------- */
/* #main */
#content #main {
	position:relative;
}
#content #main h1 {
	position:absolute;
	top:50px;
	left:210px;
	width:270px;
	height:79px;
}

/* Section01 */
#content #main .Section01 h2 {background-image:url(../img/ttl01.jpg)}
#content #main .Section01 h3 {height:46px}
#content #main #products04 .ImgBox {
	width:92px;
}
#content #main #products04 .Inner {
	width:235px;
	float:left;
	padding-left:10px;
}
#content #main #products01 h3 {background-image:url(../img/ttl01a.gif)}
#content #main #products02 h3 {background-image:url(../img/ttl01b.gif);height:63px;}
#content #main #products03 h3 {background-image:url(../img/ttl01c.gif)}
#content #main #products04 h3 {background-image:url(../img/ttl01d.gif)}
#content #main .Section01 .Inner .Clearfix ul {
	float:left;
}
#content #main .Section01 .Inner .Clearfix p {
	float:left;
	margin-left:15px;
	display:inline;
}
#content #main .Section01 .Inner .Clearfix li {
	font-weight:bold;
}

/* Section02 */
#content #main .Section02 h2 {background-image:url(../img/ttl02.jpg)}
#content #main .Section02 ul {
	margin:0 10px;
}
#content #main .Section02 li {
	float:left;
	width:150px;
	margin-right:30px;
	display:inline; /* for IE(side margin) */
}
#content #main .Section02 li.EndSide {
	margin-right:0;
}
#content #main .Section02 li p {
	margin-bottom:40px;
}


.marR5{
	margin-right:5px;
}
.marR10{
	margin-right:10px;
}
.marR20{
	margin-right:20px;
}


.beer_ct{
	margin-top:49px;
}

.ClearTool_hr{
	border-bottom:1px solid #CCCCCC;
	margin:10px 0px 10px 0px;
}

.pro_right{
	float:right;
	width:220px;
}

.pro_left{
	float:left;
}