@charset "utf-8";

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

 /information/recipe-index.html
 
 =maincolor：#ff495a

-----------------------------------------
recipe index
-----------------------------------------
1.clearfix

2.recipe-contentsbox

3.特徴

4.レシピ集

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

/* 1.clearfix
========================================== */

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;}

.clearfix {overflow:hidden;}	 /* dreamweaver上で表示が崩れない用 */


div.clearfix {
 display:inline-block;}
 
dl.clearfix {
 display:inline-block;}

div#contents div#main div#boxInformation img.img-C{
	margin:0 auto;
	display:block;}

/* 2.recipe-contentsbox
========================================== */

div#contents div#main div#boxInformation div.recipe-contentsbox{
	margin:10px 0;
	padding:0;}

div#contents div#main div#boxInformation div.recipe-contentsbox h3{
	margin-bottom:10px;}

div#contents div#main div#boxInformation div.recipe-contentsbox img.imgR{
	display:block;
	float:right;
	margin:0 20px;
	padding:0;}

div#contents div#main div#boxInformation div.recipe-contentsbox p{
	margin:0 20px;
	padding:0;}

div#contents div#main div#boxInformation div.recipe-contentsbox div.img-L20{
	margin:0 0 0 20px;}

/* 3.特徴
========================================== */

div#contents div#main div#boxInformation div.recipe-contentsbox dl#toku{
	margin:0 auto 10px;
	width:95%
}

div#contents div#main div#boxInformation div.recipe-contentsbox dl#toku dt#dt01{
	float:none;
	background-image: url(../img/goods/icon_f1.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:50px;
	color:#c60;
	font-weight:bold;
	border-bottom: 1px dotted #999;
	margin-top:6px;}

div#contents div#main div#boxInformation div.recipe-contentsbox dl#toku dt#dt02{
	float:none;
	background-image: url(../img/goods/icon_f2.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:50px;
	color:#c60;
	font-weight:bold;
	border-bottom: 1px dotted #999;
	margin-top:6px;}

div#contents div#main div#boxInformation div.recipe-contentsbox dl#toku dt#dt03{
	float:none;
	background-image: url(../img/goods/icon_f3.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:50px;
	color:#c60;
	font-weight:bold;
	border-bottom: 1px dotted #999;
	margin-top:6px;}

div#contents div#main div#boxInformation div.recipe-contentsbox dl#toku dt#dt04{
	float:none;
	background-image: url(../img/goods/icon_f4.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:50px;
	color:#c60;
	font-weight:bold;
	border-bottom: 1px dotted #999;
	margin-top:6px;}

div#contents div#main div#boxInformation div.recipe-contentsbox dl#toku dd{
	padding:0px 20px;
	margin:0px;
	border:none;
	line-height:1.8;
}

div#contents div#main div#boxInformation div.recipe-contentsbox div#toku-bi{
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
	margin:0 0 20px 0;
	padding:20px 0;}



/* 4.レシピ集
========================================== */

div#contents div#main div#boxInformation div.recipeIndex{
	padding:0 0 20px;
	margin:0 20px;
	border:1px #F63 solid;
	background-image:url(img/zakkoku.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;}

div#contents div#main div#boxInformation div.recipeIndex h3#recipeIndex_h3{
	border:none;
	background-image:none;
	margin:0;
	padding:3px 6px;
	color:#FFF;
	background-color:#F63;
	font-size:90%;}

div#contents div#main div#boxInformation div.recipeIndex p{
	margin:10px;
	padding:0;}

div#contents div#main div#boxInformation div.recipeIndex ul{
	margin:0 10px;}

div#contents div#main div#boxInformation div.recipeIndex ul li{
	display:inline;
	}

/* 5.レシピ
========================================== */

div#contents div#main div#boxInformation h3#recipe-h3{
	background-image:none;
	margin:0;
	padding:0;}

div#contents div#main div#boxInformation div#menu_top{
	background-position:bottom;
	background-repeat:no-repeat;
	margin:0;
	width:100%;}

div#contents div#main div#boxInformation #menu_top h4{
	background-image: url(../img/goods/midashi.png);
	background-repeat:no-repeat;
	background-position: center left;
	vertical-align: middle;
	padding:6px 20px 6px;
	margin:0 14px;
	font-size:1.825em;
	font-weight:bold;
	color:#FF495A;
	border-bottom:1px dashed #FF495A;}
	
div#contents div#main div#boxInformation #menu_top img{
	float:left;
	margin:8px 10px 0;}

div#contents div#main div#boxInformation #menu_top p{
	line-height:1.4}

div#contents div#main div#boxInformation div#kugiri{
	margin:0 0 0 10px;
	padding:0;}

div#contents div#main div#boxInformation #zairyoh{
	width:240px;
	float:left;
	margin:8px 0px 0 10px;}

div#contents div#main div#boxInformation #zairyoh h5{
	font-size:0.85em;
	font-weight:bold;
	background-image:url(../img/goods/zairyoh.png);
	background-repeat:no-repeat;
	height:26px;
	padding:14px 44px 0;
	margin:0;}

div#contents div#main div#boxInformation #zairyoh p{
	margin:-8px 4px 4px;
	padding:0;
	text-align:right;}

div#contents div#main div#boxInformation #zairyoh li{
	list-style-image:url(../img/goods/zairyoh_h.png);
	margin:0 4px 4px 24px;
	padding:2px;
	font-size:0.875em;
	background-color:#FFFFFF;}

div#contents div#main div#boxInformation #zairyoh .list_pink{
	list-style-image:url(../img/goods/zairyoh_h.png);
	margin:0 4px 4px 24px;
	padding:2px;
	font-size:0.875em;
	background-color:#FFccFF;}

div#contents div#main div#boxInformation #zairyoh .list_tag li{
	list-style-image:none;
	list-style-type: disc;
	margin:0 4px 4px 40px;
	border-top:1px dashed #FF495A;
	padding:4px 2px 0;
	font-size:0.875em;
	background-color:#FFFFFF;}

div#contents div#main div#boxInformation #recipe_cook{
	float:right;
	width:410px;
	margin:10px 0px 0;}

div#contents div#main div#boxInformation #recipe_cook h5{
	font-size:1em;
	font-weight:bold;
	color:#fff;
	margin:0;
	padding:10px 14px;	
	background-color:#FF495A;
	border:1px #FF495A solid;
	border-bottom:none;
	margin:0;
	}

div#contents div#main div#boxInformation #recipe_cooking{
	padding:10px 10px;
	border:1px #FF495A solid;}


div#contents div#main div#boxInformation #recipe_cooking li{
	margin:0px 10px 4px 32px;
	padding:0;
	line-height:1.6;
	border-bottom:1px dashed #FF495A;
	font-size:0.875em; }