@charset "utf-8";

/**
 *
 *  フード
 *
 */

/*--------------------------------------------------------------------------
   overwrite  - 共通CSSの上書き -
---------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------
   Food
---------------------------------------------------------------------------*/

/* topic-holder
-----------------------------------------------------------------*/
#Food .topic-holder{
	width: 864px;
	margin: 0 auto;
}
#Food .topic-holder .holder-inner{
	padding: 76px 20px;
	background: #f6f8f9;
	text-align: center;
}
#Food .topic-holder .topic-ttl{
	margin-bottom: 34px;
}
#Food .topic-holder p{
	line-height: 1.9;
}
#Food .topic-holder p + p{
	margin-top: 25px;
}
#Food .topic-holder strong{
	text-decoration: underline;
}
#Food .topic-holder .description{
	padding-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
}
#Food .topic-holder .notice{
	margin-top: 10px;
	text-align: right;
	font-size: 86%;
}


/* tab-holder
-----------------------------------------------------------------*/
#Food .tab-holder{
	margin-top: 50px;
}

#Food .food-lists{
	overflow: hidden;
}
#Food .food-lists li{
	float: left;
}
#Food .food-lists li + li{
	margin-left: 6px;
}
#Food .food-lists a{
	overflow: hidden;
	display: block;
	width: 284px;
	height: 65px;
	background-image: url(http://japan-rv.jp/hottopics/images/food/btn_tab_sheet.png);
	background-repeat: no-repeat;
	text-indent: -999px;
}

#Food .food-lists .tab01 a{
	background-position: 0 0;
}
#Food .food-lists .tab01 a:hover{
	background-position: 0 -65px;
}
#Food .food-lists .tab01 a.active{
	background-position: 0 -130px;
}
#Food .food-lists .tab02 a{
	background-position: -284px 0;
}
#Food .food-lists .tab02 a:hover{
	background-position: -284px -65px;
}
#Food .food-lists .tab02 a.active{
	background-position: -284px -130px;
}
#Food .food-lists .tab03 a{
	background-position: -568px 0;
}
#Food .food-lists .tab03 a:hover{
	background-position: -568px -65px;
}
#Food .food-lists .tab03 a.active{
	background-position: -568px -130px;
}

#Food .food-cards{
	position: relative;
	margin: 5px -14px 0;
}
#Food .food-cards .card{
	position: relative;
	z-index: 1;
	float: left;
	width: 269px;
	margin: 17px 14px;
}
#Food .food-cards .card:after{
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #f2f7f8;
}
#Food .food-cards .card-inner{
	padding: 5px;
	border: 1px solid #e1e4ec;
	background: #fff;
}
#Food .food-cards .card .company,
#Food .food-cards .card .name,
#Food .food-cards .card .desc{
	padding: 0 13px;
}
#Food .food-cards .card .company{
	margin-top: 17px;
	color: #8f90a7;
	font-size: 93%;
}
#Food .food-cards .card .name{
	color: #2e2f48;
	font-size: 114%;
	font-weight: bold;
}
#Food .food-cards .card .price{
	margin-left: 5px;
	color: #e4007f;
}
#Food .food-cards .card .desc{
	margin: 12px 0 25px;
	font-size: 86%;
}