@charset "utf-8";

/**
 *
 *  フジッコ愛情レシピトップページ
 *
 */

/*--------------------------------------------------------------------------
   overwrite
---------------------------------------------------------------------------*/

#MainInline{
}


/*--------------------------------------------------------------------------
   slideshow
---------------------------------------------------------------------------*/

#slideshow{
	float:left;
  position:relative;
}
#slideshow a{
	display:block;
  position:absolute;
  top:8px; left:0;
  z-index:8;
  opacity:0.0;
}

#slideshow a.active{
  z-index:10;
  opacity:1.0;
}

#slideshow a.last-active{
  z-index:9;
}


/*--------------------------------------------------------------------------
   pickup
---------------------------------------------------------------------------*/

#Content div.pickup-frame{
	width:100%;
	margin:0 0 25px;
	background:url(../images/index/bg_main_top_repeat.jpg) repeat-y 0 0;
	}
#Content div.pickup-frame-inline{
	width:100%;
	padding:0 0 20px;
	background:url(../images/index/bg_main_top.jpg) no-repeat 0 0;
}


/* pickup-bnr
-----------------------------------------------------------------*/
#Content div.pickup-bnr{
	width:100%;
	overflow:hidden;
}
#Content div.pickup-bnr div.list{
	float:left;
}
#Content div.pickup-bnr div.list.right{
	padding:8px 0 0;
}


/* pickup
-----------------------------------------------------------------*/
#Content div.pickup{
	width:703px;
	margin:15px 0 0 25px;
}
#Content div.pickup div.list-frame{
	width:703px;
	overflow:hidden;
}
#Content div.pickup div.list-frame div.list{
	width:335px;
	float:left;
	margin:0 13px 3px 0;
	background:url(../images/index/pickup_bg_repeat.gif) repeat-y 0 0;
}
#Content div.pickup div.list-frame div.list-outline{
	width:335px;
	background:url(../images/index/pickup_bg_top.gif) no-repeat 0 0;
}
#Content div.pickup div.list-frame div.list-inline{
	width:300px;
	overflow:hidden;
	padding:25px 20px 17px 15px;
	background:url(../images/index/pickup_bg_bottom.gif) no-repeat 0 100%;
}
#Content div.pickup div.list-frame div.list p.img{
	width:106px;
	height:89px;
	float:left;
	margin:0 13px 0 0;
}
#Content div.pickup div.list-frame div.list p.img span{
	width:92px;
	height:74px;
	display:table-cell;
	/display:inline;
	/zoom:1;
	padding:6px 7px 9px;
	background:url(../images/index/pickup_bg_img.gif) no-repeat 0 0;
	vertical-align:middle;
	text-align:center;
}
#Content div.pickup div.list-frame div.list p.img a:hover span{
	background:url(../images/index/pickup_bg_img_on.gif) no-repeat 0 0;
}
#Content div.pickup div.list-frame div.list p.img a{
	display:block;
}
#Content div.pickup div.list-frame div.list div.txt{
	overflow:hidden;
	zoom:1;
	padding:5px 0 0;
	line-height:1.5;
}
#Content div.pickup div.list-frame div.list div.txt h3{
	margin:0 0 3px;
	font-size:117%;
	font-weight:bold;
}


/*--------------------------------------------------------------------------
   search
---------------------------------------------------------------------------*/

#Content #TabArea{
	width:678px;
	margin:0 auto;
}
#Content #TabNavi{
	width:688px;
	overflow:hidden;
	position:relative;
	margin:0 -10px 20px 0;
	background:url(../images/index/search_navi_bg.gif) no-repeat 0 100%;
}
#Content #TabNavi li{
	float:left;
	margin:0 10px 0 0;
}
#Content #TabFrame{
	width:100%;
}
#Content #TabFrame .tab-content h2{
	margin:0 0 16px 0;
}
#Content #TabFrame .tab-content ul{
	width:685px;
	overflow:hidden;
	position:relative;
	margin:0 -7px 0 0;
	padding:0 0 23px;
}
#Content #TabFrame .tab-content ul li{
	float:left;
	margin:0 6px 7px 0;
}
#Content #TabFrame .tab-content ul li a{
	padding:4px;
	display:block;
	background:url(/recipe/images/index/search_bg.gif) no-repeat 0 0;
}
#Content #TabFrame .tab-content ul li a:hover{
	background:url(/recipe/images/index/search_bg_on.gif) no-repeat 0 0;
}


/*--------------------------------------------------------------------------
   news
---------------------------------------------------------------------------*/

#Content div.title-line{
	background:url(../images/index/news_bg_ttl.gif) no-repeat 0 100%;
}
#Content div.news{
	width:678px;
	margin:0 auto 25px;
}
#Content div.news ul.list{
	overflow:hidden;
}
#Content div.news ul.list li{
	width:678px;
	overflow:hidden;
	margin:0 0 -1px;
	padding:9px 0;
	background:url(../images/index/news_bg_line.gif) repeat-x 0 100%;
}
#Content div.news ul.list li span.date{
	display:block;
	float:left;
	margin:0 10px 0 0;
	font-weight:bold;
}
#Content div.news ul.list li span.txt{
	display:block;
	overflow:hidden;
	zoom:1;
}

/*--------------------------------------------------------------------------
   不要なレシピ一覧を消す
---------------------------------------------------------------------------*/

#tab01 .last-category-invisible li:nth-child(3),
#tab01 .last-category-invisible li:nth-child(4) {
	display:none;
}