@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2009-10-20
 * Editor:    yamamoto
 * Modified:  2009-10-20 by:yamamoto
 *
 * ***********************************************************
 */
 
 /* =====================================================

  レシピ紹介　recipe

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

/* -------- common ---------- */

#main h3 {
	background: url(../common/tit_bg.gif) no-repeat center bottom;
	border-style: none;
	padding-bottom: 10px;
}

/* osusume recipe */

#side .sidePick{
	margin-top: 10px;
	background: url(../common/side_bg.jpg) repeat-y;
}

	#side .sidePick p{
		text-align:center;
	}
	
	#side .sidePick .tit{
		margin: 10px 0px 0px;
	}
	
	#side .sidePick dl.inner{
		padding: 10px;
	}
	
	#side .sidePick dl.inner dt{
		line-height: 120%;
		margin-bottom: 10px;
	}
	
	#side .sidePick dl.inner dd{
		text-align: center;
	}

/* search */

#side .sideSearch{
	margin-top: 10px;
	background: url(../common/side_bg.jpg) repeat-y;
}

	#side .sideSearch .inner{
	background: #F6F6F6 url(../recipe/img/side_arw.gif) no-repeat center bottom;
	margin: 5px 5px 0px;
	padding: 10px 2px 25px 7px;
	}

	#side .sideSearch .inner p{
	margin: 2px 0px 5px;
	}

	#side .sideSearch .inner p.word{
	padding-left: 2px;
	margin-bottom: 10px;
	}

	#side .sideSearch .inner p.tit{
	margin: 0px 0px 2px;
	}

	#side .sideSearch .inner p input{
	width: 131px;
	padding: 2px;
	height: 21px;
	background: url(../recipe/img/search_bg.gif) no-repeat left top;
	border-style: none;
	}

	#side .sideSearch .inner p select {
	width: 133px;
	padding: 1px 2px;
	height: 18px;
	background: #ffffff url(../recipe/img/search_bg02.gif) no-repeat left top;
	border-style: none;
	_border-style: solid;
	_border: 1px solid #eeeeee;
	}

	#side .sideSearch .btn {
		text-align:center;
	}

	#side .sideSearch .more {
	text-align:right;
	font-size: 83%;
	margin-top: 10px;
	padding-right: 8px;
	}

	#side .sideSearch .more a {
	background: url(../common/arw02.gif) no-repeat left center;
	padding-left: 13px;
	}


/* pagenav */

#main ul.pagenav02{
	padding: 8px 7px;
	margin: 5px 0px 0px;
	border-bottom: 1px solid #E3E3E3;
}

	#main ul.pagenav02 li{
	float: left;
	line-height: 100%;
	}
	
	#main ul.pagenav02 li.sort span{
		font-weight: bold;
		color: #FF3300;
	}
	
	
	#main ul.pagenav02 li.next{
		float: right;
		background: url(../common/arw01.gif) no-repeat right center;
		line-height: 100%;
		padding: 0px 12px 0px 10px;
	}
	
	#main ul.pagenav02 li.bac{
		float: right;
		background: url(../common/arw04.gif) no-repeat left center;
		line-height: 100%;
		padding: 0px 10px 0px 12px;
	}
	
	
	#main ul.pagenav02 li.num{
		float: right;
		border-right: 1px solid #999999;
	}
	
	#main ul.pagenav02 li.num a,
	#main ul.pagenav02 li.num span{
		border-left: 1px solid #999999;
		line-height: 100%;
		padding: 0px 5px;
	}
	
	#main ul.pagenav02 li.num span{
		font-weight: bold;
	}

/* icon */

#main ul.icon {
	width: 156px;
	}

	#main ul.icon li {
	float: left;
	padding-right: 3px;
	width: 47px;
	height:19px;
	font-size: 0;
	}

	
 /* レシピ紹介TOP
------------------------------------------------- */

#recipeTop #main .keyBlock {
	padding:10px 15px 0px;
	background: url(../recipe/img/key_bg.jpg) no-repeat left center;
	height: 85px;
}

#recipeTop #main .keyBlock .tit {
	float: left;
	padding: 10px 20px 0px 5px;
}

#recipeTop #main .keyBlock .word {
	float: left;
	width: 236px;
	padding-top: 5px;
}

#recipeTop #main .keyBlock form {
	float: left;
}

#recipeTop #main .keyBlock input.bg {
	padding: 2px 2px 2px 4px;
	height: 21px;
	width: 230px;
	background: url(../recipe/img/input_bg.gif) no-repeat left top;
	border-style: none;
}

#recipeTop #main .keyBlock .txt01 {
	padding-top: 10px;
	padding-bottom: 0px;
}

#recipeTop #main .keyBlock .txt02 {
	padding-left: 90px;
	clear: both;
	font-size: 93%;
}


#recipeTop #main .waku {
	padding:15px;
}

#recipeTop #main table.search {
	border-collapse:collapse;
	border-spacing:0px;
	width: 100%;
}

#recipeTop #main table.search th {
	background: #FFEFE1 url(../common/ten01.gif) repeat-x left bottom;
	font-weight: bold;
	color: #CC3A33;
	padding: 15px 10px;
	width: 90px;
	vertical-align: top;
}

#recipeTop #main table.search td {
	background: url(../common/ten01.gif) repeat-x left bottom;
}

#recipeTop #main table.search .noline {
	background-image: url(../common/ten01.gif) repeat-x left bottom;
}

#recipeTop #main table.search td li input {
	margin-right: 5px;
	_margin-right: 2px;
}

#recipeTop #main table.search td ul.inner01 {
	padding: 12px 0px 12px 15px;
	_padding: 12px 0px 12px 10px;
}

#recipeTop #main table.search td ul.inner01 li {
	width: 137px;
	float: left;
	padding: 3px 0px;
	line-height: 100%;
	_padding: 0px 0px;
}

#recipeTop #main table.search td ul.inner02 {
	padding: 12px 0px 12px 15px;
	_padding: 12px 0px 12px 10px;
}

#recipeTop #main table.search td ul.inner02 li {
	width: 110px;
	float: left;
	padding: 3px 0px;
	line-height: 100%;
	_padding: 0px 0px;
}

#recipeTop #main ul.categoryList {
	margin-bottom: 30px;
}

#recipeTop #main ul.categoryList li {
	float: left;
	padding: 0px 10px 5px 0px;
}

#recipeTop #main ul.categoryList li.sRight {
	padding-right: 0px;
}


 /* レシピ一覧
------------------------------------------------- */

#recipeSum #main .sumBlock {
	padding: 15px 0px;
	border-bottom: 1px solid #DCDCDC;
}

#recipeSum #main .sumBlock .box {
	padding: 10px 0px 10px 10px;
	width: 168px;
	background: url(../common/ten02.gif) repeat-y right top;
	float: left;
}


#recipeSum #main .sumBlock .box img.photo {
	padding: 5px;
	text-decoration: none;
	border: 1px solid #E3E3E3;
	margin: 0px 0px 5px;
}

#recipeSum #main .sumBlock .box span {
	background: url(../common/arw01.gif) no-repeat 0px 3px;
	text-decoration: underline;
	display: block;
	line-height: 120%;
	padding: 0px 5px 0px 12px;
}

	#recipeSum #main .sumBlock .box a {
	color: #865B35;
	text-decoration: none;
	font-weight: bold;
	}

	#recipeSum #main .sumBlock .box a:link {
		color: #865B35;
		text-decoration: none;
}
	#recipeSum #main .sumBlock .box a:hover {
		color: #FF6600;
		text-decoration: none;
}

#recipeSum #main .sumBlock .end {
	width: 165px;
	background: url(none);
}

#recipeSum #main .sumBlock .box .inr {
	width: 156px;
}

 /* 今月のレシピ
------------------------------------------------- */

#recipeSum #main .picBlock {
	background: #F7F1E8 url(../recipe/img/paper_bg.gif) no-repeat right bottom;
	padding: 15px 20px 30px;
	margin-bottom: 10px;
}

#recipeSum #main .picBlock .sumBlock {
	padding: 10px 0px;
	background: #FFFFFF;
	border-bottom: 1px solid #EDE6DC;
}

#recipeSum #main .picBlock .inner {
	background: url(../common/ten05.jpg) repeat-x left bottom;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#recipeSum #main .picBlock .inner .photo {
	float: left;
	width: 235px;
}

#recipeSum #main .picBlock .inner .comment {
	float: right;
	width: 370px;
	padding: 25px;
	background: #FFFFFF;
	margin-top: 10px;
}

#recipeSum #main .picBlock .inner .comment p {
	font-size: 108%;
	font-weight: bold;
	color: #333333;
}

#recipeSum #main .picBlock .sumBlock .box {
	padding: 10px 0px 10px 25px;
	width: 195px;
}

#recipeSum #main .picBlock .sumBlock .box .inr {
	width: 172px;
}

#recipeSum #main h4 {
	margin: 20px 0px 5px;
	background: url(../recipe/img/monthly_line.gif) repeat-x left bottom;
	text-align: right;
	width: 710px;
	height: 48px;
}

#recipeSum #main h4 img {
	float: left;
	vertical-align: middle;
}

#recipeSum #main h4 span {
	display:block;
	padding-top: 15px;
}

#recipeSum #main h4 a {
	background: url(../common/arw01.gif) no-repeat right center;
	padding-right: 12px;
}

#recipeSum #main h5 {
	clear:both;
	font-size: 108%;
	font-weight: bold;
	color: #593D22;
	margin-bottom: 5px;
	padding: 0px 2px 3px 28px;
	background: url(../recipe/img/tit_ico.gif) no-repeat left center;
}

#recipeSum #main h5.month02 {
	margin-bottom: 5px;
	margin-top: 15px;
	border-bottom: 2px solid #593D22;
	padding-bottom: 7px;
	padding-top: 7px;
}

#recipeSum #main h3.month {
	background: url(none);
	padding: 0px;
}

#recipeSum #main h3.month02 {
	background: url(none);
	display: none;
}


#recipeSum #main .picBlock02 .sumBlock {
	padding: 7px 0px;
	border: 1px solid #eeeeee;
}


#recipeSum #main .picBlock02 .sumBlock .box {
	padding: 10px 0px 10px 30px;
	width: 205px;
}

#recipeSum #main .picBlock02 .sumBlock .box ul.icon {
	width: 172px;
	}

#recipeSum #main .picBlock02 .sumBlock .box .inr {
	width: 172px;
}


 /* レシピ一詳細
------------------------------------------------- */

#recipeDetail #main .itemTtile {
	border-top: 2px solid #FF0000;
	padding: 10px 5px 12px 40px;
	background: url(../recipe/img/recipe_bg.gif) no-repeat left center;
}

#recipeDetail #main .itemTtile span {
	color: #84BC5F;
	font-weight: bold;
	padding-left: 2px;
}

#recipeDetail #main .itemTtile h3 {
	font-weight: bold;
	color: #865B35;
	font-size: 123.1%;
	line-height: 120%;
	padding: 3px;
	background: url(none);
	margin: 2px 0px 0px;
	clear: none;
}

#recipeDetail #main .itemTtile .backb {
	float: right;
	margin-top: 20px;
	background: url(../common/arw02.gif) no-repeat right center;
	padding-right: 12px;
}

#recipeDetail #main .printb {
	text-align: right;
	background: url(../common/ten01.gif) repeat-x top;
	padding-top: 10px;
}

#recipeDetail #main  h4 {
border-bottom: 2px solid #FF0000;
padding-bottom: 5px;
margin: 10px 0px 7px;
clear: both;
}

#recipeDetail #main  h4 span {
	font-size: 93%;
	padding-left: 10px;
}

#recipeDetail #main h4 img {
	vertical-align:middle;
}

#recipeDetail #main .block01 {
}

	#recipeDetail #main .block01 .boxLeft {
	width: 295px;
	float: left;
	padding-bottom: 10px;
	}
	
	#recipeDetail #main .block01 .boxLeft p.photo {
		padding:12px;
		text-align: center;
		border: 1px solid #DDDDDD;
		margin-top: 5px;
	}
	
	#recipeDetail #main .block01 .boxRight {
		float: right;
		width: 390px;
		padding-top: 15px;
	}
	
	#recipeDetail #main .block01 .boxRight .text {
		padding: 10px 5px;
		line-height: 145%;
	}
	
	#recipeDetail #main .block01 .boxRight .zairyo {
		background: #F9F7F2;
		padding: 10px 20px 20px;
		margin-top: 5px;
	}
	
	#recipeDetail #main .block01 .boxRight .zairyo .tit {
		color: #FF6600;
	}
	
	#recipeDetail #main .block01 .boxRight .zairyo .tit img {
		vertical-align: middle;
	}
	
	#recipeDetail #main .block01 .boxRight .zairyo ul {
	}
	
	#recipeDetail #main .block01 .boxRight .zairyo ul li {
		background: url(../common/red_s.gif) no-repeat left center;
		border-bottom: 1px dotted #B9B9B9;
		padding: 6px 2px 6px 12px;
	}

#recipeDetail #main ul.howto {
	margin-bottom: 25px;
}

	#recipeDetail #main ul.howto li {
		background: url(../common/ten03.gif) repeat-x left bottom;
		padding: 10px 2px;
	}
	
	#recipeDetail #main ul.howto li span {
		font-weight: bold;
		color: #FF6600;
		padding-right: 5px;
	}

#recipeDetail #main .memo {
	padding: 15px;
	background: #F9F7F2;
	margin-bottom: 25px;
}

#recipeDetail #main .block02 {
	background: #F6F6F6;
	padding: 10px 0px 10px 15px;
}

	#recipeDetail #main .block02 .box {
	padding: 10px 15px;
	width: 132px;
	background: #FFFFFF;
	float: left;
	border: 1px solid #CCCCCC;
	margin-right: 8px;
	text-align: center;
	}
	
	#recipeDetail #main .block02 .box img {
		text-decoration: none;
		border-style: none;
		margin-bottom: 5px;
	}
	
	#recipeDetail #main .block02 .box span {
	background: url(../common/arw01.gif) no-repeat 0px 3px;
	text-decoration: underline;
	display: block;
	line-height: 120%;
	padding: 0px 5px 0px 12px;
	text-align: left;
	}
	
		#recipeDetail #main .block02 .box a {
	color: #865B35;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
		}
	
		#recipeDetail #main .block02 .box a:link {
			color: #865B35;
			text-decoration: none
	}
		#recipeDetail #main .block02 .box a:hover {
			color: #FF6600;
			text-decoration: none
	}