@charset "utf-8";
body #main{
	/*font-size: 100%;*/
	color:#666;
	font-weight: normal;
}
div#footerNavi dl dd{
	font-size:65%;
	line-height:1.2;
}
div#footerNavi p.socialText{
	font-size:65%;
	margin-right: 15px;
}
div#footerNavi div.groupLineWrap{
	background:url(/common/images/2013/footnav_group_bg_btm.gif) no-repeat 15px bottom;
	padding-bottom:11px;
	width: 237px;
	background-size: 208px 11px;
	zoom:1;
}
div#mainContents p.pageTop a, div#pageTop p.pageTop a {
background-image: url(/common/images/marker-pagetop.gif);
background-position: 0 center;
background-repeat: no-repeat;
padding-left: 15px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 82%;
color: #369;
text-decoration: none;
}
div#footerNavi p.mobilText{
	margin-top:5px;
	margin-left:14px;
	margin-right:14px;
	font-size: 82%;
}
body#recipe #footer .footerInner{
	font-size: 100%;
}
div#footer .footerInner li a{
	font-size: 100% !important;
}
div#footer address{
	font-size: 65% !important;
}
h2{
	font-weight: normal;
}
img{
	max-width:100%;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
.clearfix:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}
.btn_back_Area{
	display:none;
}
#topContants{
	padding: 15px 0 10px;
	margin: 20px auto 25px;
	width: 100%;
	background: #ece3c5;
}
#topContants .inner{
	width: 950px;
	margin: 0 auto;
}
#topContants .left{
	float: left;
}
#topContants .right{
	float: right;
}
#topContants #search_input{
	margin-top: 3px;
	width: 450px;
}
#topContants .keyword{
	width: 437px;
	padding-top: 5px;
	float: left;
}
#topContants .keyword ul li{
	float: left;
	margin-right: 10px;
}
#topContants .keyword ul li a{
	color: #e60012;
	font-size: 77%;
}
	/*IE7▼*/
	*:first-child+html #topContants .keyword ul li a {
	font-size: 12px;
}

#search_input_form{
	margin-right: 10px;
}
#search_input_form input[type="text"]{
	padding: 0px 30px 0px 5px;
	height:30px;
}
#search_input_form input[type="image"]{
	width: 40px;
	height: 20px;
	position: absolute;
	top:7px;
	right: 7px;
}
.Cont01{
	width: 950px;
	margin: 0 auto 36px;
}
.themeArea{
	float: left;
	width: 627px;
}
.ttlWrap{
	margin-bottom:5px;
}
.weekIcon{
	float: left;
	width:70px;
}
.theme_txt{
	float: left;
	width:542px;
	padding: 17px 0;
	margin-left: 10px;
	line-height: 1.5;
}
.theme_txt .date{
	font-size:67%;
	font-weight: bold;
	color: #999;
}
.theme_txt .ttl{
	margin-bottom: 5px;
	float: left;
	display: block;
}
.theme_txt .lead{
	clear:both;
	display: none;
	font-size: 80%;
}
.red{
	color: #e60012;
	font-size: 107%;
	font-weight: bold;
}
.sliderArea{
	clear:both;
	position: relative;
	overflow: hidden;
	height: 322px;
}
.bigThumb {
  float: left;
  position: relative;
  width: 480px;
  height: 282px;
  margin-bottom: 40px;
    border-radius: 3px 0 0 3px !important;
  -ms-border-radius: 3px 0 0 3px !important;
}

.bigThumb a{
  display: block;
    width: 100%;
  border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px !important;
  zoom: 1;
  position: absolute;
  bottom: 0px;
}

.cornerArea{
	position:relative;
}
.left_corner{
	display: none;
}

*:first-child+html .left_corner
{
	position: absolute;
	left: -1px;
	top: -2px;
	z-index: 1000000000000px;
	display: block;
}
.left_corner
{
	position: absolute\9;
	left: -1px\9;
	top: -2px\9;
	z-index: 1000000000000px\9;
	display: block\9;
}

.bigThumb a img {
  width: 100%;
  border-radius: 3px 0 0 0 !important;
  -ms-border-radius: 3px 0 0 0 !important;
  zoom: 1;
  position: relative;
}


.bigThumb .title{
	position: absolute;
	bottom:-40px;
	left: 0;
	margin-bottom:-1px;
	border-radius: 0 0 0 3px;
	padding: 10px;
	opacity: 0.8;
	filter: alpha(opacity=80) !important;
}
*:first-child+html .bigThumb .title{
	bottom:-37px;
}
.blackColor{
	color: #000;
	font-size: 82%;
	font-weight: bold;
}
.bigThumb .title .arw{
	display: inline-block;
	padding-left: 20px;
	background: url('../images/top/ttl_arrow.png') no-repeat left top;
	line-height:1.2;
	*display: inline;
	*zoom:1;
}
.smallThumb{
	float: right;
	padding: 10px 10px 9px 0;
	height: 263px;
}
.smallThumb li{
	width:120px;
	margin-bottom: 8px;
	padding-left: 7px;
}
.smallThumb li.last{
	margin-bottom: 0;
}
.smallThumb .active{
	background: url('../images/top/small_thumb_bg.gif') no-repeat left center;
}
.smallThumb a{
	height: 80px;
	display: block;
	overflow: hidden;
	position: relative;
}
.smallThumb a img{
	position: absolute;
	bottom:0;
}
.smallThumb .active a{
	overflow: hidden;
	display: inline-block;
	width:114px;
	border: 3px solid #e60012;
	*display: inline;
	overflow: hidden;
	height: 74px;
	*zoom:1;
}
.keywordArea{
	width: 300px;
	float: right;
}
.keyword_txt{
	background: url('../images/top/icon_01.png') no-repeat left center;
	padding: 10px 0 10px 43px;
	margin-bottom: 10px;
	margin-top: 4px;
}
.keywordArea .dataArea{
	padding: 10px 30px 10px 10px;
}
.dataArea{
	border-bottom: 1px solid #d5cfbe;
	background: url('../images/top/arrow01.png') no-repeat 278px center;
}
.borderIE7{
	/border-bottom: 1px solid #d5cfbe;
	/background: url('../images/top/arrow01.png') no-repeat 278px center;
}
.tipsArea .dataArea .last{
	border: none;
}
.last{
	border: none;
}
dt{
	margin-bottom: 7px;
}
.f12{
	font-size: 74%;
}
.f13{
	font-size: 80%;
}
.f14{
	font-size: 88%;
}
.f15{
	font-size: 93%;
}
.f16{
	font-size: 100%;
}
.round_corner{
	border: 1px solid #d5cfbe;
	border-radius: 6px 6px 6px 6px;
	position: relative;
}
.Cont02,.Cont03,.Cont04{
	margin-bottom: 36px;
}
.brandArea{
	float: left;
	width: 300px;
}
.brand_txt{
	background:url('../images/top/icon_02.png') no-repeat left center;
	padding: 10px 0 10px 39px;
	margin-bottom: 11px;
}
.inner_txt{
	padding:17px 13px;
}
.brandCont{
	margin-bottom: 10px;
}
.brandCont a{
	display: block;
}
.brandArea .last{
	margin-bottom: 0;
}
.tipsArea{
	float: left;
	width: 625px;
	margin-right: 25px;
}
.tips_txt{
	background:url('../images/top/icon_03.png') no-repeat left center;
	padding: 10px 0 10px 47px;
	margin-bottom: 10px;
}
.tips_txt span{
	border-left: 1px solid #e60012;
	margin-left: 10px;
	padding-left: 7px;
	font-size: 70%;
}
.tips_txt span.hot_date{
	border: none;
	margin-left: 0;
	color: #999;
	font-weight: bold;
	font-size: 67%;
}
.tipsArea .dataArea{
	background-position: 278px center;
	padding:0 15px;
	line-height: 1.28;
}
.tipsCont{
	clear: both;
	padding-bottom: 10px;
}
.tipsCont a{
	display: block;
}
.tipsCont .tumb{
	float: left;
	padding: 0 19px 0 0;
	margin-bottom: 0;
	width: 110px;
}
.tipsCont .tumb img{
	width: 110px;
	height: 110px;
}
.tipsCont .innerCont{
	float: left;
	padding: 10px 0 10px 0;
	width: 625px;
	border-bottom: 1px solid #d5cfbe;
}
.tipsCont .firstCont{
	float: left;
	padding: 0 0 10px 0;
	width: 625px;
	border-bottom: 1px solid #d5cfbe;
}
.tipsCont .lastCont{
	border-bottom: none;
}
.tipsCont .innerCont .tipsTitle{
	padding: 11px 0 17px 0;
	text-decoration: underline;
}
.tipsTable{
	width: 299px;
}
.tipsTable td{
	vertical-align: middle;
	padding:16px 30px 16px 15px;
}
.rankingArea{
	float: right;
	width: 300px;
}
.ranking_txt{
	background: url('../images/top/icon_04.png') no-repeat left center;
	padding: 10px 0 10px 44px;
	margin-bottom: 10px;
}

.tabSwitch{
	width:298px;

}
.tabSwitch li{
	position: relative;
	width: 99px;
	text-align: center;
	float: left;
	display: block;
	/* border-left: 1px solid #fff; */
	margin-left: 1px;
	background-color:#ece3c5;
	padding-top:1px;
}
.tabSwitch li:first-child{
	border-left:none;
	width: 98px;
	margin-left: 0;
}
.tabSwitch .active{
	margin-top: -5px;
	padding-bottom:5px;
	background:url(../images/top/active_bg.gif) no-repeat center bottom ;
}
.tabSwitch a{
	color: #e60012;
	display: inline-block;
	width:100%;
	height:100%;
	vertical-align: bottom;
	*display: inline;
	*zoom:1;
}
.tabSwitch a img{
	vertical-align: bottom;
}
.tabSwitch a{
	opacity: 1;
}
.tabBoxes table{
	display: none;
	width:298px;
}
.tabBoxes #tab1{
	display: block;
}
.rankingArea .active{
	display: block;
}
.ranking01,
.ranking02,
.ranking03,
.ranking04,
.ranking05{
	border-bottom: 1px solid #d5cfbe;
	line-height: 1.28;
	padding:19px 15px 20px 70px;
	width: 228px;
	vertical-align: middle;
}
.ranking01{
	background: url('../images/top/ranking_no01.png') no-repeat 8px center;
}
.ranking02{
	background: url('../images/top/ranking_no02.png') no-repeat 8px center;
}
.ranking03{
	background: url('../images/top/ranking_no03.png') no-repeat 8px center;
}
.ranking04{
	background: url('../images/top/ranking_no04.png') no-repeat 8px center;
}
.ranking05{
	background: url('../images/top/ranking_no05.png') no-repeat 8px center;
}
.ranking05{
	border: none;
}
.more_txt_area{
	margin-bottom: 10px;
}
.specialArea{
	clear: both;
}
.special_txt{
	float: left;
	background: url('../images/top/icon_05.png') no-repeat left center;
	padding: 8px 0 8px 39px;
}
.moreView{
	float: right;
	background: url('../images/top/more_arrow.png') no-repeat right center;
	padding: 2px 13px 0 0;
	color: #999;
	margin: 10px 0;
	font-size: 84%;
}

/*スライダー 共通
-----------------*/
.slider{
	position: relative;
	width: 890px;
	padding:0 30px;
}
.slider .prevArr,
.slider .nextArr{
	position: absolute;
	top: 50%;
	margin-top: -16px;
}
.slider .prevArr{left:0;}
.slider .nextArr{right:0;}
.slider .list{
	font-size:82%;
	font-weight: bold;
	color: #000;
}
.slider .list a{
	display: block;
	width:100%;
	height:100%;
	overflow: hidden;
	vertical-align: middle;
	*display: inline;
	*zoom:1;
}
.slider .item{
	width: 206px !important;
}
.slider .item .bg_beige{
	background: #f5f1e2;
}
.slider .imgBox{
	width:84px;
	vertical-align: middle;
	display: inline-block;
	*display: inline; /* for IE6-7 */
	*zoom: 1; /* for IE6-7 */
}
.slider .txtBox{
	width: 100px;
	height:100%;
	padding: 0 5px;
	vertical-align: middle;
	display: inline-block;
	*display: inline; /* for IE6-7 */
	*zoom: 1; /* for IE6-7 */
}
.slider .item .txtBox img{
	margin-bottom:5px;
	display: block;
}
.Cont05{
	margin-bottom: 60px;
}
.bx-wrapper .bx-pager {
	display: none;
}
/*スライダー 調整
-----------------*/
/*特集レシピ*/
.slider.special .item img{
	margin-bottom:10px;
}
.slider.special .prevArr,
.slider.special .nextArr{
	margin-top: -25px;
}
.slider.special .bx-wrapper .bx-controls-direction a {
	margin-top: -27px;
}
/*行事・イベント向けレシピ*/
.event_txt{
	float: left;
	background: url('../images/top/icon_06.png') no-repeat left center;
	padding: 8px 0 8px 39px;
}
/*知識・スキル*/
.skill_txt{
	float: left;
	background: url('../images/top/icon_07.png') no-repeat left center;
	padding: 8px 0 8px 39px;
}


.viewArea{
	border: 1px solid #ddd8c7;
	border-radius: 2px 2px 2px 2px;
	padding:20px 30px;
}
.view_txt{
	margin-bottom: 20px;
}
.view{
	width: 100%;
}
.view dl{
	width: 162px;
	float: left;
	margin-right: 15px;
}
.view dl.last{
	margin-right: 0;
}
.Cont06{
	margin-bottom: 52px;
}
.viewPortHeight{
	height: 100% !important;
}
.special .item span{
	display: block;
}
/*IE7 Hack*/
*:first-child+html .viewPortHeightIE7{
	height: 110% !important;
	padding: 0 0 1%;
}
*:first-child+html .brandCont { margin-bottom: 25px; }
.brandCont { margin-bottom: 22px\9;}

.brandCont .tumb img{
  border-radius: 4px 4px 0px 0px;
}



/*レシピページ変更
------------------------------*/
.moreView_modified {
	background-color: #ff626e;
	color: #fff;
	border-radius: 3px;
	margin: 0 0 0 11px;
	font-size: 82%;
	line-height: 1;
	padding: 8px 10px;
}
.moreView_modified:after {
	display: inline-block;
	margin-left: 5px;
	content: "";
	height: 0;
	width: 0;
	border-left: 5px solid #fff;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	vertical-align: 5%;
}
@media screen and (min-width:641px) {

	.Cont07 {
		margin-bottom: 10px;
	}
	/*特集レシピ一覧を見る*/
	.m_flex_sp_cell {
		display: inline-block;
		float: none;
		vertical-align: middle;
	}
	/*sliderエリア*/
	.slider_modified {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	.list_modified > .item {
		float: left;
		width: 186px !important;
	}
	.list_modified > :not(:first-child) {
		margin-left: 5px;
	}
	.list_modified .txtBox {
		width: 85px;
	}
	/*バナーエリア*/
	.banner_wrap {
		max-width: 100%;
	}
	.banner_cell:not(:first-child) {
		margin-left: 20px;
	}
	.m_column_cell {
		float: left;
	}
	.m_box_center {
		display: table;
		margin-right: auto;
		margin-left: auto;
	}
	.m_column1 > :nth-child(n) {
		float: none;
	}
	.m_column2 > :nth-child(2n + 1),
	.m_column3 > :nth-child(3n + 1),
	.m_column4 > :nth-child(4n + 1) {
		clear: left;
	}
	.m_column2 .banner_cell:nth-child(n + 3),
	.m_column3 .banner_cell:nth-child(n + 4),
	.m_column4 .banner_cell:nth-child(n + 5) {
		margin-top: 10px;
	}
	.m_column2 .banner_cell:nth-child(2n + 1),
	.m_column3 .banner_cell:nth-child(3n + 1),
	.m_column4 .banner_cell:nth-child(4n + 1) {
		margin-left: 0;
	}
	.pcDisNone {
		display: none;
	}
}