@charset "Shift_JIS";



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

 キユーピー商品情報　CSS

 0.reset

 1.layout

 2.contents

 	2_0.H要素

 	2_1.div#recommend

	2_2.div#category

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





/* 

 0.reset

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



a img{

border:0;

}



/* 

 1.layout

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





div#top_contents:after{

   content:".";

   display:block;

   height:0px;

   clear:both;

   visibility:hidden;

}



/* Win版IE7とMac版IE5対策 */

div#top_contents{

   display:inline-block;

}



/* Win版IE5および6対策 */

/* Hides from IE-mac \*/

* html div#top_contents{

   height:1px;

}



div#top_contents{

   display:block;

}

/* End hide from IE-mac */



div#contents{

border-style:none;

}



div#contents div#main_pct{

margin:0 0 10px 0;

}





/* 

 2.contents

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



/* div#news------------ */



div#news{

width:587px;

float:left;

margin:10px 0 20px 0;

color:#505050;

}



div#news h2{

padding-bottom:10px;

}



div#news h2 img{

vertical-align:baseline;

}



div#news dt{

clear:left;

float:left;

width:40px;

margin:0 0 0 10px;

padding:0;

display:block;

}



/*IE6のみ*/

* html body div#news dt{

	margin:0 0 0 5px;

}



div#news dd{

margin:0 0 0 65px;

padding:0;

display:block;

}



/* div#recommend------------ */



div#recommend{

padding:0 0 20px 0;

width:587px;

float:left;

color:#848484;

}





div#recommend:after{

   content:".";

   display:block;

   height:0px;

   clear:both;

   visibility:hidden;

}



/* Win版IE7とMac版IE5対策 */

div#recommend{

   display:inline-block;

}



/* Win版IE5および6対策 */

/* Hides from IE-mac \*/

* html div#recommend{

   height:1px;

}



div#recommend{

   display:block;

}

/* End hide from IE-mac */



div#recommend ul{

  width:587px;

}



div#recommend ul li.recoTopL{

	width:290px;

	height:120px;

	float:left;

}



div#recommend ul li.recoTopR{

	width:281px;

	height:58px;

	float:right;

}



div#recommend ul li.recoTopR2{

	width:281px;

	height:58px;

	float:right;

	margin-top:4px;

}



div#recommend ul li.recoTopBlock{

	margin:17px 0 0 0;

	width:587px;

	height:115px;

	float:left;

}



div#recommend ul li.recoTopBlock2{

	margin:17px 0 0 0;

	width:587px;

	height:151px;

	float:left;

}









/* div#sidenav----------- */



div#sidenav{

	margin:10px 0 20px 0;

	width:155px;

	float:right;

}



div#sidenav ul li img{

padding:0 0 3px 0;

}



div#sidenav ul li.present img{

margin:8px 0;

}