@charset "utf-8";

/*
======== CONTENTS =========
	Site Name: ポッカコーポレーション
	Last-updated:2009/10/31
	Description: products category common style
===========================
*/


/*---------------------------------------------------- common　*/


/*　見出し　*/

#MAIN h3{
	clear: both;
	padding:10px 8px 10px 8px;
	margin:0 0 6px 0;
	background:url("/default/img/product_nutrition_title.gif") no-repeat 0 0;
	text-indent: 8px;
	font-weight:bold;
	letter-spacing: 1px;
}


#MAIN div.indexArea div.lineup{
	clear: both;
/*	height:auto;*/
	/*padding-bottom:35px;*/
	margin-bottom:15px;
	padding-bottom:0px;
display:block;
}

/*---------------------------------------------------- item　*/
div.lineup_03 {
	float: left;
	width:180px;
	margin-right:15px;
	/*margin:0 5px;*/
/*display:block;
padding-bottom:0px;
overflow:hidden;
margin-bottom:0px;*/
}
 
div.lineup_03 .ph {
width:178px;
border:1px solid #dfdfdf;
/*margin:0 auto 10px auto;*/
text-align:center;
}

div.lineup_03 .ph img {
margin:0 auto;
text-align:center;
}

div.lineup_03 h4,
div.lineup_04 h4 {
background:url(/default/img/billet_arrow.gif) no-repeat 0 0.3em;
padding:0 0 2px 14px;
font-size:80%;
}
div.lineup_03 h4 {
	margin: 5px 0 2px 0;
}

div.lineup_04 h4 {
margin-top:8px;
}

div.lineup_03 h4 img{
	margin-left:3px;
}
div.lineup_03 p {
margin-left:14px;
}

div.lineup_04 {
	float: left;
	width:130px;
	margin-left:10px;
display:block;
}


/*---------------------------------------------------- item - NEW BLOCK for CMSoD Loop App */

div.lineup_wrapper {
	width: 585px;
}
	* html div.lineup_wrapper { /* IE6 */
		position: relative;
		width: 570px;
	}
div.lineup_block {
	width: 180px;
	margin-right: 10px;
	
	vertical-align: top;
	margin-bottom: 10px;
	display: inline-block;
	/display: inline; /*ie5-7*/
	/zoom: 1; /*ie5-7*/
}
	div.lineup_block .ph {
		width: 178px;
		border: 1px solid #dfdfdf;
		text-align :center;
	}
		div.lineup_block .ph img {
			margin: 0 auto;
			text-align: center;
		}
	div.lineup_block h4 {
		background: url(/default/img/billet_arrow.gif) no-repeat 0 0.3em;
		padding: 0 0 2px 14px;
		font-size: 80%;
		margin: 5px 0 2px 0;
	}
		div.lineup_block h4 img{
			margin-left: 3px;
		}
	
	div.lineup_block p {
		margin-left: 14px;
	}


/*---------------------------------------------------- 調整用*/

div.end {
margin-right:0px !important;
}
.last {
margin-bottom:35px;
}

/*---------------------------------------------------- cate_menu　*/

/*
.catemenubox{
padding-bottom:30px;
}
*/


ul.catemenu{
	list-style: none;
	margin:0;
	/*padding:8px 12px 35px 12px;*/
	padding:8px 12px 20px 12px;
	background-color:#FFFFFF;
}


ul.catemenu li{
	list-style: none;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/default/img/billet_arrow.gif) no-repeat scroll 0 0.3em;
padding:0px 0px 2px 14px;
font-size:100%;
	margin-right:20px;/*60px;*/
	/*margin-bottom:30px;*/
	line-height:1;
	float:left;
	width:220px;
}

ul.catemenu li.exp{
	background: url(transparent url(/default/img/billet_arrow.gif) no-repeat scroll 0 0.2em;
}

ul.catemenu li.short{
	display: block;
	float:left;
	width:63px;
}



/*
===== clearfix ===========================
*/


ul.catemenu:after {
	content: url(/default/img/clear.gif);
	display: block;
	height: 0; 
	clear: both;
	visibility: hidden;
}

ul.catemenu {
	display: inline-block;
}

/* Holly Hack Targets IE Win only \*/
 * html ul.catemenu {height: 1%;}
ul.catemenu {display: block;}
/* End Holly Hack */





/*---------------------------------------------------- clearfix*/

/*
div.lineup:after,
#MAIN div.indexArea div.lineup div.lineup_03:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

div.lineup,
#MAIN div.indexArea div.lineup div.lineup_03:after { display:inline-block; }*/

/*\*//*
* html div.lineup,
#MAIN div.indexArea div.lineup div.lineup_03:after { height:1%; }

div.lineup, 
#MAIN div.indexArea div.lineup div.lineup_03:after { display:block; }
/**/