@charset "UTF-8";

/* =================================================================================

 Common style of home

================================================================================= */

/* ///////////////////////////////////////////////// font-size style */

p, li, dt, dd, th, td , input, textarea, select, h1, h2, h3, h4, h5, h6 {
	font-size:93%;
}

div#main p,
div#main li,
div#main dt,
div#main dd,
div#main th,
div#main td{
	line-height:1.5;
}

label {
    margin-right:0;
}

/* ///////////////////////////////////////////////// link style */

#main a,
#side a{
	font-weight:normal;
}

/* ///////////////////////////////////////////////// layout style */
#contents{
	margin-top:28px;
}

#side{
	margin-top:-9px;
}

#head-seasonal{
  margin:0 auto;
}

/* ///////////////////////////////////////////////// slide style */

/* スライドショー */

#slide-wrap{
	position:relative;
	z-index:1;
	height:350px;
	overflow:hidden !important;
}
#slide-wrap .caroufredsel_wrapper{
	/*left:-160px !important;*/
	overflow:visible !important;
}
#slide-wrap form{
	/position: relative;
	/z-index: 10;
}

#top-slide{
	overflow: hidden;
	position: absolute;
	left:0;
	top: 0;
	width:100%;
	z-index: 1;
}

#slide-main{
	width:20000px;
	width:100%;
	position:relative;
}

	#slide-main li{
		filter: alpha(opacity=20);
		-moz-opacity:0.2;
		opacity:0.2;
		width:640px;
		position:relative !important;
	}
	#slide-main li.selected{
		position:relative;
		z-index:1;
		z-index:100;
		/*filter: alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;*/
	}

#slide-main li div {
	background-color: #fff;
	color: #999;
	text-align: center;
	/*display: block;
	width: 100%;
	height: 50px;*/
	display:inline-block;
	height:20px;
	overflow: hidden;
	padding:12px 20px 9px;
	position: absolute;
	right:10px;
	bottom: 0;
	bottom: -40px;
	z-index: 8;
}


#slide-nav{
	height: 33px;
	margin:0 auto;
	width:960px;
	position:relative;
	z-index:15;
}

#slide-nav #prev,
#slide-nav #next {
	background-image:url(/common/css/img/icon_control.png);
	background-repeat:no-repeat;
	width: 33px;
	height: 33px;
	display: block;
	position: absolute;
	top:153px;
	z-index:10000;
}
#slide-nav #prev:hover,
#slide-nav #next:hover {
	background-image:url(/common/css/img/icon_control.png);
	background-repeat:no-repeat;
}
/*#top-slide #prev.disabled,
#top-slide #next.disabled {
	opacity: 0.2;
	cursor: default;
}*/
/*#top-slide #prev.disabled:hover,
#top-slide #next.disabled:hover {
	background-color: transparent;
}*/
#slide-nav #prev {
	left: -21px;
	background-position: 0 0;
}
#slide-nav #next {
	right: 298px;
	background-position: -33px 0;
}

/*#top-slide a.prev span,
#top-slide a.next span {
	display:none;
}*/

/* スライドショーのローディング */
.loading{
	background-color:#FBEBD0;
	width: 100%;
	height:350px;
	/*z-index: 20;*/
	z-index: 100;
	position: absolute;
	top: 0;
}

.loading .wrap{
	position: relative;
	margin: 0 auto;
	width: 960px;
}
.loading .wrap img{
	position: absolute;
	left: 253px;
	top: 130px;
}

/* end */


/* ///////////////////////////////////////////////// ピックアップレシピ */

.pickup-recipe{
	position: relative;
	background-color: #FADDBF;
	border:1px #f8d4af solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/common/css/PIE.htc);
	border-color: #F7D4AE;
	padding: 17px 5px 5px 5px;
	margin: 12px 0 20px 0;
}

.pickup-recipe h2{
	position: absolute;
	top: -12px;
  font-size:130%;
	background: url(/top/css/img/bg_ttl_pickup.png) no-repeat center center;
  width:263px;
  width:640px;
  box-sizing:border-box;
  padding-left:266px;
  text-shadow:0 2px 0 #fff,2px 0 0 #fff,0 -2px 0 #fff,-2px 0 0 #fff,-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff;
}
.pickup-recipe h2 span{
  color:#df984e;
}

.pickup-recipe .recipes{
	position: relative;
	background-color: #FFFFFF;
	border:1px #f8cfa6 solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(/common/css/PIE.htc);
}

.pickup-recipe ul{
	padding: 14px 0 8px 14px;
	margin-right: -10px;
}
.pickup-recipe ul li{
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 140px;
	margin-right: 14px;
	vertical-align: top;
}
.pickup-recipe .thumb {
	width: 140px;
	height: 110px;
	overflow: hidden;
	display: block;
	position: relative;
}
.pickup-recipe .thumb img{
	margin-bottom: 6px;
	top: -20px;
	position: relative;
}
.pickup-recipe li span a{
	display: block;
	font-weight: bold !important;
	padding-top: 10px;
}
.pickup-recipe .calorie-item{
	margin-top: 5px;
	background: url(/common/css/img/icon_kcal.gif) no-repeat left center;
	background-size:
	padding-left: 17px;
	font-weight: bold;
}
.pickup-recipe .calorie-item span{
	line-height: 15px;
}

#search-box{
	margin:0 auto;
	width:960px;
	height:350px;
	position:relative;
	margin-top:-33px;
	/*margin-top:-350px;*/
}

	#box-inner{
		background:url(img/main_search.png) no-repeat left top;
		padding:7px 23px 22px;
		height:259px;
		width:228px;
		position:absolute;
		right:13px;
		top:31px;
		z-index:1000;
	}

		#box-inner h2{
			margin-bottom:21px;
			text-align:center;
		}

		#box-inner dl{
			letter-spacing:-.40em;
		}
			#box-inner dt,
			#box-inner dd{
				display:inline-block;
				/display:inline;
				/zoom:1;
				vertical-align:middle;
				letter-spacing:normal;
				margin-bottom:14px;
			}

			#box-inner dd{
				margin-left:7px;
				/*width:138px;*/
				width:136px;
			}
		.toprecipe-keyword{
			font-size:12px;
			padding:3px 2px 1px;
			/*width:128px;*/
			width:126px;
		}
		.toprecipe-select{
			border:1px solid #acadb2;
			font-size:12px;
			width:100%;
		}

.keyword{
	margin-bottom: 14px;
}
.keyword input{
	width: 217px;
}

#top-searchtype-list{
	background-color:#f9f6f1;
	margin-top:10px;
	margin-bottom:8px;
	padding:5px 0 5px 20px;
}

	#top-searchtype-list li{
		margin-right:30px;
		/margin-right:18px;
	}

	#top-searchtype-list img{ vertical-align:middle; }

.type-select{
	background-image:url(/common/css/img/radio_recipe.gif);
	background-repeat:no-repeat;
	display:inline-block;
	/display:inline;
	/zoom:1;
	text-indent:-999em;
	width:54px;
	height:12px;
	vertical-align:middle;
}

#recipe-txt{
	background-position:left top;
}

#menu-txt{
	background-position:left -12px;
}



/* ///////////////////////////////////////////////// いまどんな気分？ */

.feel-column{
	margin-right: -20px;
	margin-bottom: 40px;
	margin-top: 10px;
}

.feel-column ul{
	letter-spacing: -.40em;
}

.feel-column ul li{
	display: inline-block;
	/display: inline;
	/zoom: 1;
	letter-spacing: normal;
	width: 200px;
	margin-right: 20px;
	vertical-align: top;
}

.feel-column ul li span{
	display: block;
	text-align: center;
	margin-top: 10px;
}

.feel-column ul li .column-text{
  text-align:left;
}

.feel-column a{
	font-size: 108%;
	font-weight: bold !important;
}





/* ///////////////////////////////////////////////// 特集・栄養士コラム */

.contents-ttl{
    font-size:120%;
    border-bottom:solid #d5bda3 1px;
    padding-bottom:10px;
    font-weight:500;
}


.link-list{
	margin-top:-32px;
	margin-bottom:11px;
	text-align:right;
	position:relative;
}

.feature-date{
	color:#e44615;
	font-size:78%;
	margin-top:5px;
}

#feature-wrap{
	margin-bottom:39px;
}

	#feature-wrap a{
		font-weight:bold;
	}

/* 今月の特集レシピ */
#feature-main{
	float:left;
	background:#fdeedf url(img/feature_bg.gif) no-repeat left top;
	border:1px solid #ecdfca;
	margin-top:10px;
	padding-left:59px;
	padding-bottom:21px;
	position:relative;
	min-height:271px;
	height:auto !important;
	height:271px;
	width:259px;
}

#feature-main .feature-thumb{
	border:3px solid #FFF;
	display:block;
	width: 244px;
	height: 197px;
	display:block;
	margin-top:9px;
	margin-bottom:5px;
	overflow-x: hidden;
	overflow-y: hidden;
	overflow: hidden;
	zoom:1;
	position:relative;
}

	#feature-main .feature-thumb img{
		/*border:3px solid #FFF;*/
		margin-top:-24px;
	}

#feature-main h3{
	position:absolute;
	left:10px;
	top:6px;
}

#feature-main dl{
	margin-top:7px;
	margin-right:15px;
}

	#feature-main .recipe-name{
		font-size:108%;
		font-weight:bold;
		margin-bottom:10px;
	}

/* 野菜ソムリエ／おしえて！管理栄養士さん */

#feature-sub-wrap{
	float:right;
	margin-top:-12px;
	width:310px;
}

	#feature-sub-wrap h3{
		margin-top:12px;
	}
.feature-sub{
	display:table;
	margin-top:10px;
	width:100%;
}

	.feature-sub .feature-thumb{
		margin:0;
		/*padding-right:9px;
		display:table-cell;*/
		vertical-align:top;
		/float:left;
		display:table-cell;
		width: 135px;
		height: 110px;
		display:block;
		margin-right:9px;
		overflow-x: hidden;
		overflow-y: hidden;
		overflow: hidden;
		zoom:1;
		position:relative;
	}

	.feature-sub .feature-thumb img{
		margin-top:-12px;
	}

	.sub-text{
		display:table-cell;
		vertical-align:top;
		/zoom:1;
		/vertical-align:auto;
	}
	.feature-sub .recipe-name{
		margin-top:12px;
	}
		.feature-sub .recipe-name a{
			font-weight:bold;
		}

/* ///////////////////////////////////////////////// レシピを探す */

#search-recipe{
	background:url(/common/css/img/line_style01.gif) repeat-x left bottom;
	padding-bottom:16px;
}
#result-menu{
	letter-spacing:-.40em;
	margin-top:6px;
	margin-right:-7px;
	margin-top:-5px;
	overflow:hidden;
	width:648px;
}

	.recipe-inner{
		display:inline-block;
		/display:inline;
		/zoom:1;
		letter-spacing:normal;
		margin-right:7px;
		margin-top:15px;
		width:155px;
		vertical-align:top;
	}
  
  
.recipe-inner .recipe-type01{
	background:url(img/sttl_type01.gif) repeat-x left top;
  width:155px;
  height:27px;
  text-align:center;
  padding-top:4px;
}

.recipe-inner .recipe-type02{
	background:url(img/sttl_type02.gif) repeat-x left top;
  width:155px;
  height:27px;
  text-align:center;
  padding-top:4px;
}
 
.recipe-inner .recipe-type03{
	background:url(img/sttl_type03.gif) repeat-x left top;
  width:155px;
  height:27px;
  text-align:center;
  padding-top:4px;
}
 
.recipe-inner .recipe-type01 a,
.recipe-inner .recipe-type02 a,
.recipe-inner .recipe-type03 a{
  color:#fff;
  text-decoration:none;
}


		.recipe-inner table{
			border:1px dotted #c9c9c9;
			width:100%;
		}
		.recipe-inner td{
			zoom:1;
		}
		.recipe-thumb{
			padding-bottom:15px;
			padding-top:15px;
			/padding-bottom:7px;
			/padding-top:7px;
			text-align:center;
			width:66px;
		}
		.recipe-detail{
			padding:7px 5px 7px 0;
		}
/*#search-category{
	background-color:#f9f6f1;
	padding:4px 11px 4px 0;
	text-align:right;
	margin-top:10px;
	width:629px;
}

	#search-category li{
		display:inline-block;
		/display:inline;
		/zoom:1;
		font-size:108%;
		text-align:right;
		letter-spacing:normal;
	}*/
#search-category{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(/common/css/PIE.htc);
	background:#f9f6f1 url(/common/css/img/bg_baige.gif) no-repeat left top;
	border-left:1px solid #f0ece6;
	border-right:1px solid #f0ece6;
	position:relative;

	padding:6px 0;
	text-align:center;
	margin-top:10px;
	width:629px;
}

	#search-category li{
		display:inline-block;
		/display:inline;
		/zoom:1;
		margin-left:3px;
		margin-right:3px;
	}

/* ///////////////////////////////////////////////// キーワードで探す */

#keyword-menu{
	margin-top:20px;
}
.keyword-box{
	letter-spacing:-.40em;
	margin-top:10px;
}
.keyword-box h3,
.keyword-box .keyword-list,
.keyword-search{
		display:inline-block;
		/display:inline;
		/zoom:1;
		letter-spacing:normal;
		vertical-align:top;
	}
	.keyword-box h3{
		margin-top:10px;
		width:140px;
	}
.keyword-search{ width:500px; }
.keyword-box .keyword-list{
	background-color:#f9f6f1;
	overflow:hidden;
	padding:5px 0 10px 17px;
	width:483px;
}
	.keyword-box .keyword-list li{
		display:inline-block;
		/display:inline;
		/zoom:1;
		margin-top:5px;
		margin-right:20px;
	}

/* キーワード検索 */
.input-keyword{
	font-size:108%;
	padding:4px 8px 2px;
	width:363px;
	/width:353px;
	vertical-align:middle;
	zoom:1;
}

/* ///////////////////////////////////////////////// お知らせ */

#news-wrap{
	margin-top:30px;
}

	#news-wrap .link-list{
		margin-top:-17px;
		margin-bottom:11px;
		text-align:right;
		position:relative;
	}
	#news-wrap li{
		position:relative;
		padding-left:7.5em;
		zoom:1;
	}
	#news-wrap .news-date{
		color:#e44615;
		font-size:78%;
		position:absolute;
		left:0;
		top:1px;
	}

	#news-list{
	}
	#news-list li{
		margin-bottom:15px;
	}

/* ///////////////////////////////////////////////// side style */

/* 今日の献立 */

#todays-recipe{
	background-color:#f9f6f1;
	border:1px solid #dbdbdb;
	margin-top:21px;
	padding-bottom:9px;
	position:relative;
}
	#todays-recipe h2{
    background:url(img/bg_ttl_todays.gif) no-repeat center center;
		position:absolute;
		top:-6px;
		left:96px;
    font-size:140%;
    height:47px;
    width:189px;
    text-align:center;
    padding-top:28px;
    letter-spacing:3px;
	}
  
	#todays-recipe h2 span{
    color:#df984e;
  }
  
	#todays-recipe #weekly-menues a{
    text-decoration:none;
    color:#fff;
    background:url(img/icon_arrow_w.gif) no-repeat 23px center;
    display:block;
    width:100px;
    text-align:center;
    padding:2px 20px;
    background-color:#eba963;
		position:absolute;
		margin-top:-26px;
		right:8px;
    letter-spacing:1px;
  }
  
	#todays-recipe #weekly-menues a:hover{
		margin-top:-34px;
    padding:2px 20px 10px;
    background-position:23px 10px;
  }

	#todays-inner{
		margin:0 auto;
		width:280px;
	}

/* カレンダー */
#todays-calendar{
	background:url(img/side_todays_calendar.gif) no-repeat left top;
	width:81px;
	height:87px;
	position:relative;
	margin-left:8px;
	margin-top:-24px;
}
#todays-calendar li{
	position:absolute;
}
#todays-year{
	top:5px;
	left:18px;
}
#todays-month{
	top:19px;
	left:5px;
}
#todays-date{
	top:39px;
	left:36px;
}

/* レシピ写真 */
#todays-thumb{
	position:relative;
	width:280px;
	height:151px;
	overflow:hidden;
	margin-top:3px;
	zoom:1;
}

#thumb-large{
	/*position:absolute;
	left:0;
	top:0;*/
	float:left;
	width:187px;
	height:151px;
	overflow:hidden;
}

	#thumb-large img{
		position:relative;
		top:-20px;
	}

.thumb-small{
	float:right;
	width:92px;
	height:75px;
	overflow:hidden ;
	margin-bottom:1px;
	zoom:1;
	position:relative;
}

	.thumb-small img{
		position:relative;
		top:-8px;
	}

/* レシピ名 */

#todays-inner h3{
	margin:10px 0 5px 10px;
}
	#todays-inner h3 strong{
		font-size:116%;
		font-weight:bold;
	}

/* チャート */

#recipe-chart{
	background-color:#FFF;
	border:1px solid #f3eee7;
	margin-top:10px;
	position:relative;
	height:210px;
	width:280px;
}

	#side #recipe-chart li{
		position:absolute;
		line-height:1.0;
	}

	#chart-protein{
		left:98px;
		top:18px;
	}
	#chart-iron{
		left: 212px;
		top: 47px;
	}
	#chart-va{
		left: 210px;
		top: 117px;
	}
	#chart-vb1{
		left: 155px;
		top: 177px;
	}
	#chart-vd{
		left:46px;
		top:177px;
	}
	#chart-calcium{
		left:3px;
		top:117px;
	}
	#chart-fiber{
		left:13px;
		top:47px;
	}



/* 献立のカロリーセレクトボックス */
select#MenuCal{
	display: none;
}
/* 献立の効果効能セレクトボックス */
select#MenuEff{
	display: none;
}

/* 最近チェックしたレシピ */
#check-inner{
	font-size:100%;
}