@charset "UTF-8";


/* /////////////////////////////////////////////////////////////////////////// wrapper */

#wrapper{
	width:100%;
}

/* /////////////////////////////////////////////////////////////////////////// header */

#header{
	margin:0 auto;
	padding-top:13px;
	padding-bottom:14px;
	width:960px;
}

#logo{
	float:left;
	margin-top:13px;
}
#head-bnr{
	float:right;
}

/* /////////////////////////////////////////////////////////////////////////// navigation */
 
#nav-wrap{
	background:url(img/nav_btm.gif) repeat-x left bottom;
	/*padding-bottom:3px;*/
}

#nav-inner{
	margin:0 auto;
	width:960px;
}

#nav{
	float:left;
	padding-right:1px;
  background-color:#f5f4f2;
  border-bottom:solid 5px #d9d9d9;
}

	#nav li{
		background:url(img/nav_line.gif) no-repeat left top;
		padding-left:1px;
		position:relative;
    font-size:96%;
    font-weight:500;
	}

  #nav li:first-child {
    background: none;
  }


#nav li a{
  padding:12px 17px;
  text-decoration:none;
  display:inline-block;
}
	
#nav li a:hover{
  background-color:#e5e2db;
  color:#4e4d4a;
}

#nav .active a{
  color:#f25829;
}

#nav .active a:before{
  background-color:#f25829;
  border-radius:3px;
  content:'';
  display:inline-block;
  height:6px;
  margin-right:5px;
  position:relative;
  top:-1px;
  width:6px;
  vertical-align:middle;
}

#nav .active a:hover{
  color:#f25829;
  background-color:#f5f4f2;
}  
	
  
	#nav span{
		position:absolute;
		top:-17px;
		left:2px;
	}	
	#nav span img{
		position:absolute;
	}		
	
	

#snav{
	float:right;
}

#snav li#rental{
		margin-right:-7px;
		margin-top:-10px;
    font-size:93%;
	}  
  
#rental a{
  width:307px;
  height:39px;
	background:url(img/bg_snav_rental.jpg) no-repeat center center;
  display:block;
  color:#fff;
  text-decoration:none;
  /*font-size:90%;*/
  box-sizing:border-box;
  padding-top:18px;
  padding-left:50px;
}

#rental a:hover{
	background:url(img/bg_snav_rental_on.jpg) no-repeat center center;
}
	
#side .column,
#side .lesson{
	background: #FFFFFF url(img/bg_column_sidemenu.gif) repeat-y 0 0;
	margin-bottom: 18px;
}

#side .column ul,
#side .lesson ul{
	background: url(img/bg_column_sidemenu_btm.gif) no-repeat 0 bottom;
	padding-bottom: 15px;
}
#side .column li{
	margin: 10px 0 0px 14px;
}
#side .lesson li{
	margin: 10px 15px 0px 15px;
}


/* /////////////////////////////////////////////////////////////////////////// contents */

#contents{
	margin:0 auto;
	width:960px;
}
#main{
	float:left;
	width:640px;
}
#main.onecolumn{
	float:none;
	width:960px;
}
#side{
	float:right;
	width:300px;
}

/* for IE6,7 */
#main,
#side{
	/float:none;
	/display:inline;
	/zoom:1;
	/vertical-align:top;
}
#side{
	/padding-left:18px;
}
/* end */

/* レシピ検索結果のみ */
#main.recipes-search {
	float:right;
}
#side.recipes-search {
	float:left;
	padding-left:0;
}
/* end */

#contents-under{
	margin:0 auto;
	padding-bottom:30px;
	position:relative;
	width:960px;
	zoom:1;
}

/* /////////////////////////////////////////////////////////////////////////// side */

.side-bnr{
	margin-top:20px;
	margin-bottom:20px;
}

	.side-bnr li{
		margin-top:10px;
	}

.side-prbnr{
	/*margin-top:20px;*/
}

/* /////////////////////////////////////////////////////////////////////////// 最近チェックしたレシピ */

#check-recipe{
	margin:30px auto 0;
	width:960px;
	position:relative;
}

#check-inner{
	background-color:#f5f4f1;
	margin:21px auto 0;
	overflow:hidden ;
	padding:20px 25px 15px;
	width:870px;
}
#check-list{
	width:20000px;
}
	#check-list li{
		font-size:93%;
		margin-right:30px;
		line-height:1.5;
		width:150px;
	}
	
		#check-list li .recipe-name{
			display:block;
			font-weight:bold;
			margin-top:8px;
			margin-bottom:5px;
		}
		
/* pager */

#check-recipe a.prev, 
#check-recipe a.next {
	/*background-image: transparent url(img/icon_control.png);*/
	background-image:url(img/icon_control.png);
	background-repeat:no-repeat;
	width: 33px;
	height: 33px;
	display: block;
	position: absolute;
	top:148px;
}
#check-recipe a.prev {
	left: 5px;
	background-position: 0 0;
}
#check-recipe a.next {
	right: 5px;
	background-position: -33px 0;
}
#check-recipe a.prev span,
#check-recipe a.next span {
	display:none;
}

/* /////////////////////////////////////////////////////////////////////////// 定番食材と人気のレシピ */

#popular-wrap{
	background:url(img/line_style01.gif) repeat-x left top;
	margin:20px auto 0;
	padding-top:13px;
	width:960px;
}

#popular-inner{
	background:url(img/line_style01.gif) repeat-x left bottom;
	padding-bottom:16px;
}

.popular-box{
	letter-spacing:-.40em;
	margin-top:10px;
}
.popular-box h3,
.popular-box .popular-list{
	display:inline-block;
	/display:inline;
	/zoom:1;
	letter-spacing:normal;
	vertical-align:top;
}
	.popular-box h3{
		width:155px;
	}
.popular-box .popular-list{
	overflow:hidden;
	/*padding:5px 0 10px 17px;*/
	width:805px;
}
	.popular-box .popular-list li{
		display:inline-block;
		/display:inline;
		/zoom:1;
		font-size:93%;
		margin-bottom:5px;
		margin-right:20px;
	}

/* /////////////////////////////////////////////////////////////////////////// 検索 */

#search-wrap{
	background:url(img/search_top.gif) no-repeat left top;
	margin:5px auto 0;
	padding-top:4px;
	width:960px;
}

	#search-inner{
		background:url(img/search_btm.gif) no-repeat left bottom;
		padding:0 12px 4px;
		position:relative;
	}
#search-wrap .input-keyword{
	margin-right:10px;
	/*padding-bottom:4px;
	padding-top:4px;*/
	padding:4px;
	/*width:395px;*/
	width:300px;
	font-size: 93%;
}

#search-wrap .select-kcal,
#search-wrap .select-efficacy{
	display:inline-block;
	/display:inline;
	/zoom:1;
	font-size: 93%;
}

#search-wrap .select-kcal{
	background:url(img/icon_kcal.gif) no-repeat left center;
	padding-left:20px;
	margin-right: 12px;
}
#search-wrap .select-kcal select{
	width:160px;
}
#search-wrap .select-efficacy{
	background:url(img/icon_efficacy.gif) no-repeat left center;
	padding-left:20px;
	
	position:relative;	
	margin-right: 12px;
}
#search-wrap .select-efficacy select{
	width:170px;
}
#search-wrap select{
	font-size: 100%;
}

#search-wrap .head-select{
	border:1px solid #e3e4e9;
	background-color:#FFF;

}

#search-wrap #searchtype-list{
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin-left:6px;
	padding:5px 0 5px 0;
	vertical-align:middle;
	width:85px;
}
#search-wrap #searchtype-list li{ 
	/display:inline;
	/zoom:1;
}
#search-wrap .type-select{
	background-image:url(/top/css/img/radio_recipe.gif);
	background-repeat:no-repeat;
	display:inline-block;
	text-indent:-999em;
	width:54px;
	height:12px;
	vertical-align:middle;
	/display:inline;
	/line-height:0;
	/zoom:1;
}

#search-wrap #recipe-txt{ background-position:left top; }
#search-wrap #menu-txt{ background-position:left -12px; }
#search-wrap #search-other{
	/*display:inline-block;
	/display:inline;
	/zoom:1;
	padding-left:35px;*/
	font-size:93%;
	position:absolute;
	right:20px;
	top:14px;
	width:125px;
	text-align:right;
}

	#search-wrap #search-other a{
		background:url(img/icon_arrow.gif) no-repeat left 0.35em;
		padding-left:8px;
	}

#head-seasonal{
	border-bottom:1px solid #f3ede5;
	padding-bottom:6px;
	padding-top:4px;
	text-align:right;
	width:960px;
}

	#head-seasonal dt,
	#head-seasonal dd{
		display:inline-block;
		/display:inline;
		/zoom:1;
		vertical-align:middle;
	}
	#head-seasonal dt{
		padding-right:15px;
	}
	#head-seasonal dd{
		font-size:93%;
		padding-right:7px;
	}

/* /////////////////////////////////////////////////////////////////////////// 献立検索 */

#menus-search{
	background:url(img/menus_search_mdl.gif) repeat-y left top;
	margin-bottom:10px;
}

#menus-search p,
#menus-search ul li,
#menus-search dt,
#menus-search dd{
	font-size:93%;
}
#menus-search input{ font-size:116.7%; display:inline; }
#menus-search label{ padding-left:4px; }

	#menus-search dl{
		letter-spacing:-.40em;
		margin-top:5px;
	}
		#menus-search dt,
		#menus-search dd{
			display:inline;
			/display:inline;
			/zoom:1;
			letter-spacing:normal;
			vertical-align:middle;
		}
		#menus-search dt{ margin-right:5px; }

	#menus-search h2{
		background:url(img/menus_search_top.gif) no-repeat left top;
		padding-top:21px;
		padding-bottom:10px;
		text-align:center;
	}
	#menus-search img{ vertical-align:middle; }
	.menus-item{
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		behavior: url(/common/css/PIE.htc);
		background-color:#FFF;
		margin:0 auto 3px;
		padding:11px;
		position:relative;
		width:258px;
	}
		#menus-search input{
			/*padding:5px;*/
		}
	
	.cb-left{
		padding-right:25px;
	}
#menus-search #select-season,
#menus-search #select-event{
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:middle;
	white-space:nowrap;
}
#menus-search select{
	border:1px solid #acadb2;

}
/*#select-season select{ width:70%; }
#select-event select{ width:70%; }*/
#select-category select{ width:58%; }
.menus-keyword{ width:60%; padding:5px; }
.menus-calorie{ width:40%; padding:5px; }
.menus-noinc{ width:57%; padding:5px;}

#menus-search .menus-notes{
	color:#555;
	margin-left: 1em;
	margin-top:5px;
	text-indent: -1em;
	font-size:78%;
}

.menus-btn{
	background:url(img/menus_search_btm.gif) no-repeat  left bottom;
	padding-bottom:22px;
	padding-top:10px;
	text-align:center;
}

/* /////////////////////////////////////////////////////////////////////////// パンくず */

#topicpath{
	margin:0 auto 10px;
	padding-bottom:6px;
	width:960px;
}

	#topicpath li{
		background:url(img/topicpath_arrow.gif) no-repeat left center;
		font-size:93%;
		margin-right:10px;
		padding-left:15px;
		margin-top: 6px;
	}
	#topicpath #home{
		background:url(img/topicpath_home.gif) no-repeat left center;
		padding-left:20px;
	}
	

/* /////////////////////////////////////////////////////////////////////////// footer */

#fnav-wrap{
	background:url(img/line_style01.gif) repeat-x left top;
	overflow:hidden;
	padding-top:2px;
	position:relative;
	/zoom:1;
	margin-top:20px;

}
#content-info{
	background:url(img/line_style01.gif) repeat-x left bottom;
	margin-left:-20px;
	padding:13px 0 12px 2px;
}

	#content-info li{
		border-left:1px solid #eae7d1;
		display:inline-block;
		/display:inline;
		font-size:93%;
		padding-left:10px;
		margin-left:7px;
		/zoom:1;
	}
	
#foot-bnr{
	margin-top:30px;
}
#foot-adsense{
	font-size:93%;
	text-align:center;
	margin-top:34px;
	margin-bottom:10px;
}

	#foot-adsense ins{
		vertical-align:top;
	}
	
#pagetop{
	font-size:93%;
	/*position:relative;
	position:absolute;
	right:0;
	top:-2.25em;
	top:13px;*/
	text-align:right;
	margin-top:20px;
}

	#pagetop a{
		background:url(img/arrow_top.gif) no-repeat left center;
		padding-left:12px;
	}

#foot-attention{
	margin-top:20px;
	text-align:center;
}

	#attention-notes{
		font-size:78%;
		line-height:1.5;
		margin-bottom:10px;
	}

#footer{
	margin:38px auto 0;
	min-height:34px;
	height:auto !important;
	height:34px;
	position:relative;
	width:960px;
}

	#foot-info{
		color:#666;
		font-size:78%;
	}
	
	#footer-logo{
		position:absolute;
		right:0;
		top:0;
	}
	
	address{
		margin-top:5px;
	}
	
#footer-logo02{
	min-height:26px;
	height:auto !important;
	height:26px;
	position:absolute;
	width:160px;
}

#footer-copyright{
	min-height:26px;
	height:auto !important;
	height:26px;
	position:absolute;
	left: 170px;	
}