@charset "utf-8";


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	file name : recipes.css

 : :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/* ********************************************************************************
 * CLEARFIX
 * ******************************************************************************** */

body#recipesSearchResult div.searchResultBody dl dd:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
body#recipesSearchResult div.searchResultBody dl dd {
	display: inline-block;
}
* html body#recipesSearchResult div.searchResultBody dl dd {
	height: 1%;
}
body#recipesSearchResult div.searchResultBody dl dd {
	display: block;
}


/* ********************************************************************************
 * ■圧力鍋レシピ集
 * file path : /recipes/
 * body class name : body.recipes
 * ******************************************************************************** */

/* div#content
 * ******************************************************************************** */
/* h1 */
body.recipes div#content h1 {
	margin: 60px 0 35px;
}
/* p.note */
body.recipes div#content p.note {
	margin-bottom: 15px;
	line-height:1.6;
}

/* div#main
 * ================================================================================ */
body.recipes div#content div#main {
	float: left;
	width: 530px;
}

/* div#sub
 * ================================================================================ */
body.recipes div#content div#sub {
	float: right;
	width: 242px;
}

/* div#searchBox
 * -------------------------------------------------------------------------------- */
body.recipes div#sub div#searchBox {
	width: 242px;
	margin-bottom: 40px;
	background: url(images/recipes_box_s_bg.gif) 0 0 repeat-y;
}
/* div#searchBoxFoot */
body.recipes div#sub div#searchBox div#searchBoxFoot {
	width: 242px;
	height: 10px;
	background: url(images/recipes_box_s_foot.gif) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
}
/* dl */
body.recipes div#sub div#searchBox dl {
	width: 200px;
	margin: 20px auto;
	padding-bottom: 21px;
	background: url(../assets/images/dot_line_2.gif) 0 100% repeat-x;
	color: #313131;
}
body.recipes div#sub div#searchBox dt {
	margin-bottom: 12px;
	font-weight: bold;
}
body.recipes div#sub div#searchBox dd {
}
/* ul */
body.recipes div#sub div#searchBox dd ul li {
	margin-bottom: 5px;
}
/* span */
body.recipes div#sub div#searchBox dd span {
	display: block;
	float: left;
	width: 65px;
}
/* p.btnSearch */
body.recipes div#sub div#searchBox p.btnSearch {
	margin-bottom: 20px;
	text-align: center;
}

/* フォーム
------------------------------------------------------------*/
body.recipes input.keyword,
body.recipes select.select {
	border: 1px solid #7f9db9;
}
/* input.keyword */
body.recipes input.keyword {
	width: 180px;
}
/* select.select */
body.recipes select.select {
	width: 130px;
}

/* p.returnPageTop
------------------------------------------------------------*/
body.recipes div#content p.returnPageTop {
	margin: 15px 15px 40px auto;
}

/* ■圧力鍋レシピ集：トップ
 * file path : /recipes/index.tpl
 * body id name : body#recipes
 * ******************************************************************************** */

/* div#searchBox
------------------------------------------------------------*/
body#recipes div#content div#searchBox {
	width: 800px;
	margin-top: 40px;
	background: url(images/recipes_box_bg.gif) 0 0 repeat-y;
}
/* div#searchBoxFoot */
body#recipes div#content div#searchBoxFoot {
	width: 800px;
	height: 10px;
	background: url(images/recipes_box_foot.gif) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
}
/* h2 */
body#recipes div#content div#searchBox h2 {
	width: 800px;
	padding-top: 45px;
	background: url(images/recipes_box_head.gif) 0 0 no-repeat;
	text-align: center;
}
/* table */
body#recipes div#content div#searchBox table {
	width: 720px;
	margin: 0 auto 25px;
	color: #313131;
}
body#recipes div#content div#searchBox table tr td {
	width: 360px;
	padding: 22px 0 20px;
	background: url(../assets/images/dot_line_2.gif) 0 100% repeat-x;
}
/* dl */
body#recipes div#content div#searchBox table tr td dl {
	margin-left: 10px;
}
body#recipes div#content div#searchBox table tr td dl dt {
	margin-bottom: 15px;
	font-weight: bold;
}
body#recipes div#content div#searchBox table tr td dl dd {
	margin-left: 1em;
}
/* dl.category */
body#recipes div#content div#searchBox dl.category ul li {
	float: left;
	margin-bottom: 10px;
	padding-right: 25px;
	line-height: 1.1;
}
/* dl.method */
body#recipes div#content div#searchBox dl.method ul li {
	margin-bottom: 10px;
}
body#recipes div#content div#searchBox dl.method ul li span {
	display: block;
	float: left;
	width: 58px;
}
/* dl.calorie */
body#recipes div#content div#searchBox dl.calorie dd span {
	display: block;
	float: left;
	width: 70px;
}
/* p.btnSearch */
body#recipes div#content div#searchBox p.btnSearch {
	margin-bottom: 35px;
	text-align: center;
}

/* div.note
------------------------------------------------------------*/
body#recipes div#content div.note {
	margin: 40px 0 20px;
	padding: 40px 40px 20px;
	background-color: #feffdc;
}
/* dl */
body#recipes div#content div.note dl {
	color: #474747;
}
body#recipes div#content div.note dl dt {
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 1.2;
}
body#recipes div#content div.note dl dd {
	margin-bottom: 20px;
	padding-left: 1em;
	line-height: 1.6;
}
/* ul */
body#recipes div#content div.note dl dd ul li {
	margin-bottom: 3px;
	padding-left: 10px;
	background: url(images/icon_square.gif) 5px 0.5em no-repeat;
	line-height: 1.4;
}

/* ■検索結果
 * file path : /recipes/recipes.tpl
 * body id name : body#recipesSearchResult
 * ******************************************************************************** */

/* div.searchResultHead
 * -------------------------------------------------------------------------------- */
body#recipesSearchResult div.searchResultHead {
	margin-bottom: 15px;
	padding-bottom: 16px;
	background: url(../assets/images/dot_line_2.gif) 0 100% repeat-x;
}
/* h2 */
body#recipesSearchResult div.searchResultHead h2 {
	margin-bottom: 17px;
}
/* ul */
body#recipesSearchResult div.searchResultHead ul li {
	margin-bottom: 5px;
	line-height: 1.2;
}

/* div.searchResultBody
 * -------------------------------------------------------------------------------- */
body#recipesSearchResult div.searchResultBody {
}
/* ul.pageNavi
------------------------------------------------------------*/
body#recipesSearchResult ul.pageNavi {
	margin: 25px 0;
	font-family: Verdana,"Courier New",Courier,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック";
	color: #3A5E2D;
}
body#recipesSearchResult ul.pageNavi li {
	display: block;	
	float: left;
	margin-right: 5px;
	border: 1px solid #747474;
	line-height: 1.1;
	font-size: 12px;
}
body#recipesSearchResult ul.pageNavi li a {
	display: block;	
	padding: 1px 4px;
	text-decoration: none;
	color: #3A5E2D;
}
/* li.currentPage */
body#recipesSearchResult ul.pageNavi li.currentPage,
body#recipesSearchResult ul.pageNavi li a:hover {
	padding: 1px 4px;
	background-color: #3A5E2D;
	color: #ffffff;
}
/* li.pageInfo */
body#recipesSearchResult ul.pageNavi li.pageInfo {
	display: inline;
	margin-left: 1em;
	padding-top: 2px;
	border: none;
}
/* li.off */
body#recipesSearchResult ul.pageNavi li.off {
	padding: 1px 4px;
	background-color: #dddddd;
	border-color: #CCCCCC;
	color: #999999;
}

/* dl */
body#recipesSearchResult div.searchResultBody dl {
	margin-bottom: 25px;
}
body#recipesSearchResult div.searchResultBody dl dt {
	margin-bottom: 20px;
	padding: 4px 0 4px 22px;
	background: url(images/icon_square_2.gif) 10px 50% no-repeat #58764f;
	font-weight: bold;
	line-height: 1.1;
	letter-spacing: 0.07em;
	color: #FFFFFF;
}
body#recipesSearchResult div.searchResultBody dl dd {
	margin: 0 0 8px 10px;
}
/* p.recipeName */
body#recipesSearchResult div.searchResultBody dl dd p.recipeName {
	float: left;
	padding-top: 2px;
	line-height: 1.2;
}
/* ul.categories */
body#recipesSearchResult div.searchResultBody dl dd ul.categories {
	float: right;
/*	width: 200px;*/
}
body#recipesSearchResult div.searchResultBody dl dd ul.categories li {
	display: inline;
	float: left;
	margin-left: 3px;
}


/* ■レシピ詳細
 * file path : /recipes/recipes_detail.tpl
 * body id name : body#recipesDetail
 * ******************************************************************************** */

/* div.recipeHead
 * -------------------------------------------------------------------------------- */
body#recipesDetail div.recipeHead {
	margin-bottom: 15px;
}
/* h2.recipeTitle */
body#recipesDetail div.recipeHead h2.recipeTitle {
	display: block;
	margin-bottom: 10px;
	padding: 17px 0 7px 38px;
	background: url(images/icon_chef.gif) 0 100% no-repeat;
	border-bottom: 1px solid #e9eae9;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.1;
	color: #0c361b;
}
/* ul.categories */
body#recipesDetail div.recipeHead ul.categories {
	float: left;
	width: 245px;
}
body#recipesDetail div.recipeHead ul.categories li {
	float: left;
	width: 34px;
	margin-bottom: 4px;
}
/* p.btnPrint */
body#recipesDetail div.recipeHead p.btnPrint {
	display: inline;
	float: right;
	margin-left: 20px;
}
body#recipesDetail div.recipeHead p.btnPrint a {
	display: block;
	width: 83px;
	height: 20px;
	background: url(images/btn_print.jpg) 0 0 no-repeat;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
body#recipesDetail div.recipeHead p.btnPrint a:hover {
	background-position: 0 100%;
}
/* p.calorie */
body#recipesDetail div.recipeHead p.calorie {
	float: right;
	padding-top: 2px;
	font-weight: bold;
	line-height: 1.1;
}

/* div.recipeBody
 * -------------------------------------------------------------------------------- */
body#recipesDetail div.recipeBody {
}
/* p.description */
body#recipesDetail div.recipeBody p.description {
	margin-bottom: 15px;
	line-height:1.6;
}
/* ul.photos */
body#recipesDetail div.recipeBody ul.photos li {
	margin-bottom: 20px;
	font-size: 0;
	line-height: 0;
}
/* div.ingredients, div.precook, div.howTo
------------------------------------------------------------*/
body#recipesDetail div.recipeBody div.ingredients,
body#recipesDetail div.recipeBody div.precook,
body#recipesDetail div.recipeBody div.howTo {
	margin: 20px 0;
}
/* p */
body#recipesDetail div.recipeBody div.ingredients p,
body#recipesDetail div.recipeBody div.precook p,
body#recipesDetail div.recipeBody div.howTo p {
	margin: 15px 0 0 13px;
	line-height: 1.6;
}

/* dl.point
------------------------------------------------------------*/
body#recipesDetail div.recipeBody dl.point {
	display: block;
	width: 515px;
	margin-bottom: 20px;
	background: url(images/recipes_point_bg.gif) 0 0 repeat-y;
}
body#recipesDetail div.recipeBody dl.point dt {
	display: block;
	width: 515px;
	margin-bottom: 5px;
	padding-top: 15px;
	background: url(images/recipes_point_head.gif) 0 0 no-repeat;
	text-indent: 15px;
}
body#recipesDetail div.recipeBody dl.point dd {
	width: 486px;
	margin: 0 auto;
	line-height: 1.4;
}
body#recipesDetail div.recipeBody dl.point dd.pointFoot {
	display: block;
	width: 515px;
	height: 15px;
	background: url(images/recipes_point_foot.gif) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
}