@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#content
 * ******************************************************************************** */
/* h1 */
body#recipes div#content h1 {
	margin: 30px 0 15px;
}
/* a:link */
body#recipes div#content a:link {
	color: #4d7bbf;
}
/* a:active */
body#recipes div#content a:active {
	color: #4d7bbf;
}
/* a:visited */
body#recipes div#content a:visited {
	color: #4d7bbf;
}
/* a:hover */
body#recipes div#content a:hover {
	color: #4d7bbf;
}

/* div#bnrArea
------------------------------------------------------------*/
body#recipes div#content div#bnrArea a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: alpha( opacity=70 );
}
body#recipes div#content div#bnrArea .bnr1 {
	padding-bottom: 20px;
}

/* div#pickup
------------------------------------------------------------*/
body#recipes div#content div#pickup {
	width: 800px;
	margin-top: 30px;
	background: url(images/index/bg_pickup.jpg) 0 100% no-repeat;
	color: #683e0c;
	font-size: 92%;
}

/* div.list */
body#recipes div#content div#pickup div.list {
	float: left;
	width: 118px;
	margin-top: 10px;
	margin-left: 14px;
	display: inline;
}
/* div.list div.thumbnailTop */
body#recipes div#content div#pickup div.list div.thumbnailTop {
	width: 118px;
	height: 20px;
	background: url(images/index/bg_pickupthumb_top.png) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
}
/* div.list div.thumbnailMain */
body#recipes div#content div#pickup div.list div.thumbnailMain {
	background: url(images/index/bg_pickupthumb_main.png) 0 0 repeat-y;
	padding-left: 8px;
}
/* div.list p.thumbnail */
body#recipes div#content div#pickup div.list div.thumbnailMain p.thumbnail {
	width: 96px;
	height: 96px;
	border: #e9e7e2 1px solid;
}
body#recipes div#content div#pickup div.list div.thumbnailMain p.thumbnail a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: alpha( opacity=80 );
}
/* div.list p.title */
body#recipes div#content div#pickup div.list div.thumbnailMain p.title {
	width: 96px;
	padding-top: 5px;
	line-height: 1.1;
}
/* div.list div.thumbnailBtm */
body#recipes div#content div#pickup div.list div.thumbnailBtm {
	width: 118px;
	height: 15px;
	background: url(images/index/bg_pickupthumb_bottom.png) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
}

/* div#searchBoxTop
------------------------------------------------------------*/
body#recipes div#content div#searchBoxTop {
	margin-top: 30px;
	background: url(images/index/bg_search_top.jpg) 0 0 no-repeat;
}
/* h2 */
body#recipes div#content div#searchBoxTop h2 {
	padding: 41px 0 16px 23px;
}
/* div.column */
body#recipes div#content div#searchBoxTop div.column {
	width: 734px;
	margin: 0 auto;
	color: #683e0c;
	line-height: 1.6;
}

body#recipes div#content div#searchBoxTop div.floatLeft {
	width: 554px;
}
body#recipes div#content div#searchBoxTop p.floatRight {
	margin: 16px 0 27px;
	width: 163px;
}
/* div#searchBox
------------------------------------------------------------*/
body#recipes div#content div#searchBox {
	width: 800px;
	background: url(images/index/bg_search_main.gif) 0 0 repeat-y;
}
/* p.column */
body#recipes div#content div#searchBox p.column {
	width: 734px;
	margin: 0 auto;
	color: #683e0c;
	line-height: 1.6;
}

/* h2 */
body#recipes div#content div#searchBox h2 {
	padding: 34px 0 16px 59px;
}
/* table */
body#recipes div#content div#searchBox table {
	width: 690px;
	margin: 0 auto 25px;
	color: #313131;
	background: url(../assets/images/dot_line_brown.gif) 0 100% repeat-x;
}

body#recipes div#content div#searchBox table tr td {
	padding: 0 0 5px;
}
/* table dl */
body#recipes div#content div#searchBox table tr td dl {
}
body#recipes div#content div#searchBox table tr td dl dt {
	margin-bottom: 5px;
	font-weight: bold;
}
body#recipes div#content div#searchBox table tr td dl dd {
	margin-bottom: 5px;
	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.recommend */
body#recipes div#content div#searchBox dl.recommend ul li {
	float: left;
	margin-bottom: 10px;
	padding-right: 15px;
	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 {
	text-align: center;
}
/* p.popup */
body#recipes div#content div#searchBox p.popup {
	float: right;
	width: 270px;
	margin: -25px 45px 35px 0;
	text-align: right;
	display: inline;
}
/* div#searchBoxFoot */
body#recipes div#content div#searchBoxFoot {
	width: 800px;
	height: 37px;
	background: url(images/index/bg_search_bottom.gif) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
}

/* div#recommendInfo
------------------------------------------------------------*/
body#recipes div#recommendInfo  {
	width: 800px;
	color: #683e0c;
	font-size: 92%;
}
/* h2 */
body#recipes div#recommendInfo h2 {
	padding: 29px 0 19px;
}
/* div.list */
body#recipes div#recommendInfo div.list  {
	margin-bottom: 27px;
	width: 390px;
	background: url(images/index/bg_recommend_main.gif) 0 0 repeat-y;
}
body#recipes div#recommendInfo div.list div.listTop  {
	width: 390px;
	height: 11px;
	background: url(images/index/bg_recommend_top.gif) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
}
body#recipes div#recommendInfo div.list div.listBtm  {
	width: 390px;
	height: 11px;
	background: url(images/index/bg_recommend_bottom.gif) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
}
/* div.floatLeft */
body#recipes div#recommendInfo div.floatLeft .imgArea  {
	float: left;
	padding: 3px 0 0 15px;
}
body#recipes div#recommendInfo div.floatLeft dl.textArea  {
	float: right;
	width: 254px;
	padding: 10px 15px 0 0;
	line-height: 1.6;
}
body#recipes div#recommendInfo div.floatLeft dl.textArea dt {
	font-size: 0;
	line-height: 0;
}
body#recipes div#recommendInfo div.floatLeft dl.textArea dd {
	padding: 10px 0 0 3px;
}
/* div.floatRight */
body#recipes div#recommendInfo div.floatRight  {
}
body#recipes div#recommendInfo div.floatRight .imgArea  {
	float: left;
	padding: 10px 0 9px 15px;
}
body#recipes div#recommendInfo div.floatRight dl.textArea dt  {
	margin: 10px 0 0 17px;
	font-size: 0;
	line-height: 0;
}
body#recipes div#recommendInfo div.floatRight dl.textArea dd p  {
	float: right;
	width: 248px;
	padding: 10px 20px 0 0;
	line-height: 1.6;
}
body#recipes div#recommendInfo div.floatRight dl.textArea dd p span  {
	font-size: 85%;
	color: #ff3c00;
}
/* div#recomInfo
------------------------------------------------------------*/
body#recipes div#recomInfo  {
	width: 800px;
	color: #683e0c;
	font-size: 92%;
}
/* h2 */
body#recipes div#recomInfo h2 {
	padding: 29px 0 19px;
}
/* div.list */
body#recipes div#recomInfo div.recom  {
	width: 800px;
	background: url(images/index/bg_recom_main.gif) 0 0 repeat-y;
}
body#recipes div#recomInfo div.recomTop {
	width: 800px;
	height: 11px;
	background: url(images/index/bg_recom_top.gif) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
}
body#recipes div#recomInfo div.recomBtm  {
	width: 800px;
	height: 11px;
	background: url(images/index/bg_recom_btm.gif) 0 0 no-repeat;
	margin-bottom: 18px;
	font-size: 0;
	line-height: 0;
}
body#recipes div#recomInfo h3  {
	padding: 10px 0 0 17px;
	font-size: 0;
	line-height: 0;
}
/* div.list */
body#recipes div#recomInfo div.list  {
	margin-top: 18px;
	width: 390px;
}

/* div.floatLeft */
body#recipes div#recomInfo div.floatLeft .imgArea  {
	float: left;
	padding: 0 0 9px 20px;
}
body#recipes div#recomInfo div.floatLeft div.textArea {
	float: right;
	width: 248px;
	line-height: 1.6;
}
/* div.floatRight */
body#recipes div#recomInfo div.floatRight .imgArea  {
	float: left;
	padding: 0 0 9px 15px;
}
body#recipes div#recomInfo div.floatRight div.textArea {
	float: right;
	width: 248px;
	padding-right: 20px;
	line-height: 1.6;
}
body#recipes div#recomInfo div.floatRight div.textArea2 p span  {
	font-size: 85%;
	color: #ff3c00;
}

/* ■レシピの使い方・圧力・慣用語について
 * file path : /recipes/notice.html
 * body id name : body#notice
 * ******************************************************************************** */
body#notice {
	background-color: #feffdc;
}
body#notice div#content {
	text-align: left;
	width: 600px;
	margin: 0 auto;
}

/* div.note
------------------------------------------------------------*/
body#notice div#content div.note {
	padding: 40px 40px 20px;
}
/* dl */
body#notice div#content div.note dl {
	color: #474747;
}
body#notice div#content div.note dl dt {
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 1.2;
}
body#notice div#content div.note dl dd {
	margin-bottom: 20px;
	padding-left: 1em;
	line-height: 1.6;
}
/* ul */
body#notice 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;
}

/* p.closeBtn
------------------------------------------------------------*/
body#notice div#content p.closeBtn {
	width: 163px;
	height: 32px;
	margin: 0 auto 40px;
}

/* ■検索結果
 * 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;
}