@charset "UTF-8";

/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
specialディレクトリ
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*タイトル - specialトップ*/
h3.pageTitle { background: url(/special/images/title.gif) 0 0; }

/*タイトル - レシピ*/
h3.pageTitleRecipeOneplate { background-image: url(/special/recipe-oneplate/images/title.gif); }
h3.pageTitleRecipeSoup { background-image: url(/special/recipe-soup/images/title.gif); }
h3.pageTitleRecipeSalad { background-image: url(/special/recipe-salad/images/title.gif); }
h3.pageTitleRecipeDessert { background-image: url(/special/recipe-dessert/images/title.gif); }
h3.pageTitleRecipeSakana { background-image: url(/special/recipe-syusai/images/title.gif); }

/*タイトル - ブログ*/
h3.pageTitleOsanpoTsushin { background-image: url(/special/osanpo-tsushin/images/title.gif); }
h3.pageTitleChomolangma { background-image: url(/special/chomolangma/images/title.gif); }
h3.pageTitleFunatabi { background-image: url(/special/funatabi/images/title.gif); }



/*---------------------------------------------------------------
企画・特集トップコンテンツ
---------------------------------------------------------------*/
/*レシピ
.specialContentsArea { margin: 0 0 20px 0; padding: 0 0 20px 0; width: 870px; background: #FFF8E1 url(/special/images/sp-top-recipe-bg.gif) no-repeat bottom; }
.specialContentsArea h3 { margin: 0; width: 870px; height: 105px; text-indent: -9999px; background: url(/special/images/sp-top-title-recipe.gif) no-repeat; }
.specialContentsArea ul { margin: 0 auto; width: 830px; list-style: none; }
.specialContentsArea li { float: left; width: 213px; display: block; }
.specialContentsArea li.col4 { float: right; width: 190px; }

.specialContentsArea li h4 { margin: 0 0 20px 0; width: 190px; height: 190px; }
.specialContentsArea li h4 a { width: 190px; height: 190px; display: block; text-indent: -9999px; overflow: hidden; }
.specialContentsArea li.col1 h4 a { background: url(/special/images/sp-top-title-oneplate.gif) no-repeat; }
.specialContentsArea li.col2 h4 a { background: url(/special/images/sp-top-title-soup.gif) no-repeat; }
.specialContentsArea li.col3 h4 a { background: url(/special/images/sp-top-title-salad.gif) no-repeat; }
.specialContentsArea li.col4 h4 a { background: url(/special/images/sp-top-title-dessert.gif) no-repeat; }

.specialContentsArea li p { margin: 0; width: 190px; line-height: 1.5em; color: #333; }
*/

.specialContentsArea { margin: 0 0 20px 0; padding: 0 0 20px 0; width: 870px; background: #FFF8E1 url(/special/images/sp-top-recipe-bg.gif) no-repeat bottom; }
.specialContentsArea h3 { margin: 0; width: 870px; height: 105px; text-indent: -9999px; background: url(/special/images/sp-top-title-recipe.gif) no-repeat; }
.specialContentsArea ul { margin: 0 auto; width: 830px; list-style: none; }
.specialContentsArea li { float: left; width: 167px; display: block; }
.specialContentsArea li.col5 { float: right; width: 160px; }

.specialContentsArea li h4 { margin: 0 0 10px 0; width: 160px; height: 160px; }
.specialContentsArea li h4 a { width: 160px; height: 160px; display: block; text-indent: -9999px; overflow: hidden; }
.specialContentsArea li.col1 h4 a { background: url(/special/images/sp-top-title-sakana.gif) no-repeat; }
.specialContentsArea li.col2 h4 a { background: url(/special/images/sp-top-title-oneplate.gif) no-repeat; }
.specialContentsArea li.col3 h4 a { background: url(/special/images/sp-top-title-soup.gif) no-repeat; }
.specialContentsArea li.col4 h4 a { background: url(/special/images/sp-top-title-salad.gif) no-repeat; }
.specialContentsArea li.col5 h4 a { background: url(/special/images/sp-top-title-dessert.gif) no-repeat; }

.specialContentsArea li p { margin: 0; width: 160px; line-height: 1.5em; color: #333; }



/*ブログ*/
.blogContentsArea { width: 870px; }
.blogContentsArea ul { margin: 0; padding: 0; list-style: none; }
.blogContentsArea li { float: left; width: 285px; display: block; }
.blogContentsArea li.col1 { background: url(/common-img/line-dot-001.gif) repeat-y right; }
.blogContentsArea li.col3 { float: right; width: 286px; background: url(/common-img/line-dot-001.gif) repeat-y left; }

.blogContentsArea li h4 { margin: 0 0 12px 0; width: 270px; height: 140px; }
.blogContentsArea li.col2 h4 { margin: 0 0 12px 15px; }
.blogContentsArea li.col3 h4 { margin: 0 0 12px 16px; }
.blogContentsArea li h4 a { width: 270px; height: 140px; display: block; text-indent: -9999px; overflow: hidden; }
.blogContentsArea li.col1 h4 a { background: url(/special/images/sp-top-title-chomolangma.gif) no-repeat; }
.blogContentsArea li.col2 h4 a { background: url(/special/images/sp-top-title-osanpo-tsushin.gif) no-repeat; }
.blogContentsArea li.col3 h4 a { background: url(/special/images/sp-top-title-funatabi.gif) no-repeat; }

.blogContentsArea li p { margin: 0; width: 270px; line-height: 1.5em; color: #333; }
.blogContentsArea li.col2 p { margin: 0 0 0 15px; }
.blogContentsArea li.col3 p { margin: 0 0 0 16px; }


/*---------------------------------------------------------------
レシピ詳細画面
---------------------------------------------------------------*/

.unitRecipeDetailArea { margin: 0 auto; width: 830px; }

/*タイトルエリア*/
.unitRecipeHeadArea { margin: 0 0 20px 0; padding: 10px 0 0 0; }
.unitRecipeHeadArea table { width: 100%; }
.unitRecipeHeadArea td { vertical-align: middle; }

/*タイトル*/
.unitRecipeTitle { }
.unitRecipeTitle em { padding: 0 0 12px 0; display: block; color: #333; font-size: 16px; font-weight: bold; font-style: normal; line-height: 1em; font-family: Verdana; }
.unitRecipeTitle h4 { padding: 0 0 10px 0; color: #0CA984; font-size: 30px; font-weight: bold; line-height: 1.2em; }
.unitRecipeTitle p { padding: 0 0 10px 0; color: #666; font-size: 18px; font-weight: bold; line-height: 1.6em; }

/*写真*/
.unitRecipePic { }

/*詳細エリア*/
.unitRecipeBodyArea { padding: 0 0 20px 0; }
.unitRecipeBodyArea h5 { padding: 0 0 10px 0; display: block; color: #333; font-size: 18px; font-weight: bold; line-height: 1em; color: #0CA984; }
.unitRecipeBodyArea h5 span { font-size: 12px; }

/*材料*/
.unitRecipeMaterial { margin: 0 0 40px 0; }
.unitRecipeTableLeft { padding: 0 10px 0 0; }
.unitRecipeTableRight { padding: 0 0 0 10px; }

table.unitRecipeTable { width: 100%; border-top: 1px dotted #41C1A4; }
table.unitRecipeTable td { padding: 5px; border-bottom: 1px dotted #41C1A4; line-height: 1.4em; }
table.unitRecipeTable td span { font-size: 10px; color: #666; }
td.unitRecipeTableTdl { text-align: left; vertical-align: top; }
td.unitRecipeTableTdr { width: 30%; text-align: right; vertical-align: top; }

/*作り方*/
.unitRecipeMake { margin: 0 0 60px 0; }

.unitRecipePoint { margin: 0 0 10px 0; }
.unitRecipePoint em { font-weight: bold; font-size: 14px; font-style: normal; }
.unitRecipePoint p { padding: 0 0 10px 0; }

.unitRecipeFlow { margin: 0 0 30px 0; }
.unitRecipeFlow h6 { margin: 0; font-size: 14px; font-weight: bold; line-height: 1.2em; }

.unitRecipeFlow ol { margin: 0 0 20px 0; padding: 0 0 0 10px; list-style: none; }
.unitRecipeFlow ol li { margin: 0 0 10px 0; padding: 0 0 0 35px; display: block; background-position: 0 0; background-repeat: no-repeat; }
.unitRecipeFlow ol li.noTtl { margin: 0 0 15px 0; padding: 0; display: block; }

.unitRecipeFlow ol li.no1 { background-image: url(/special/images/u_no_001.gif); }
.unitRecipeFlow ol li.no2 { background-image: url(/special/images/u_no_002.gif); }
.unitRecipeFlow ol li.no3 { background-image: url(/special/images/u_no_003.gif); }
.unitRecipeFlow ol li.no4 { background-image: url(/special/images/u_no_004.gif); }
.unitRecipeFlow ol li.no5 { background-image: url(/special/images/u_no_005.gif); }
.unitRecipeFlow ol li.no6 { background-image: url(/special/images/u_no_006.gif); }
.unitRecipeFlow ol li.no7 { background-image: url(/special/images/u_no_007.gif); }
.unitRecipeFlow ol li.no8 { background-image: url(/special/images/u_no_008.gif); }
.unitRecipeFlow ol li.no9 { background-image: url(/special/images/u_no_009.gif); }
.unitRecipeFlow ol li.no10 { background-image: url(/special/images/u_no_010.gif); }
.unitRecipeFlow ol li.no11 { background-image: url(/special/images/u_no_011.gif); }
.unitRecipeFlow ol li.no12 { background-image: url(/special/images/u_no_012.gif); }

.unitRecipePoint2 { position: relative; margin: 0 0 20px 0; width: 830px; }
.unitRecipePoint2 span { position: absolute; top: 0; left: 0; width: 120px; display: block; }
.unitRecipePoint2 p { margin: 0 0 0 135px; }

.unitRecipeProfile { padding: 15px; background: #F4F4F4; border: 1px dotted #CCC; }
.unitRecipeProfile h5 { margin: 0; font-size: 12px; font-weight: bold; color: #333; }
.unitRecipeProfile p { margin: 0; }