@charset "utf-8";

body{
	background:none;
}

#navi {
height:84px;
background-image:url(/ouchicafe/images/cmn/navi_bg.jpg);
background-repeat:repeat-x;
}

#navi .navi-inner{
margin:0 auto;
width:960px;
}

#navi .logo{
float:left;
}

#navi ul{
float:right;
line-height:0;
}
#navi ul li{
float:left;
}


.lower.recipe #wrapper{
	background: url(../img/cmn_bg01.jpg) left top repeat-x #ffd200;
}
.lower.recipe #contents {
	text-align:center;
}

.lower #contents #main {
		text-align: left;
		clear: both;
		width: 960px;
		overflow: hidden;
		margin: 20px auto 10px;
	}
	
.lower #contents #main p{color:#86512f;}

.lower #contents #main #recipeHeader{
	width:960px;
	height:55px;
	position:relative;
}

.lower #contents #main #recipeHeader h2{
	width:324px;
	height:44px;
	position:absolute;
	top:10px;
	left:69px;
}

.lower #contents #main #recipeHeader #allRecipe{
	width:165px;
	height:28px;
	position:absolute;
	bottom:0;
	right:67px;
}

.lower #contents #main #footerMenu{
	width:960px;
	height:49px;
	background:transparent url("../../img/footer_menu_bg.gif") no-repeat;
}

.lower #contents #main #footerMenu ul{
	margin-left:32px;
}

.lower #contents #main #footerMenu li{
	float:left;
	margin-top:9px;
	margin-right:15px;
}

.lower #contents #main #footerMenu li.recipeSearch{margin-right:32px;}
.lower #contents #main #footerMenu li.allRecipe{margin-left:15px;}

.lower #contents #main #recipeContents{
	width:960px;
	margin:0 auto;
	background:transparent url("../img/recipe_contents_bg.gif") top left repeat-y;
	border-bottom: #fff 5px solid;
}

.lower #contents #main #recipeContentsIn{
	width:824px;
	margin:0 auto;
	padding:10px 0 40px 0;
}

.lower #contents #main #recipeMain{
	width:824px;
	background:#fff;
}
.lower #contents #main #recipeMainIn{
	width:793px;
	margin:0 auto;
	padding:12px 0 8px 0;
}

.lower #contents #main #recipeMainHeader{
	width:663px;
	padding-right:135px;
	position:relative;
}

.lower #contents #main #recipeMainHeader h3{
	float:left;
	margin-top:3px;
}

.lower #contents #main #recipeMainHeader #genre{
	float:right;
}

.lower #contents #main #recipeMainHeader #genre div{
	float:left;
	margin-left:10px;
}
.lower #contents #main #recipeMainHeader .authorBtn{
	position:absolute;
	right:3px;
	top:-2px;
}

.lower #contents #main #recipeMainHeader .authorBtnM{
	position:absolute;
	right:3px;
	top:6px;
}

.lower #contents #main #recipeRead{margin:13px 0;}

.lower #contents #main #recipeMainBox{
	width:793px;
}

.lower #contents #main #recipeMainBoxL{
	width:535px;
	float:left;
}

.lower #contents #main #recipeMainBoxR{
	width:243px;
	float:right;
}

.lower #contents #main #shioriMessageIn{
	background:transparent url("../img/shiori_message_bg.gif") top left repeat-y;
}

.lower #contents #main #shioriMessageIn p{
	width:195px;
	margin:0 auto;
	min-height:126px;
	height: auto !important;
	height: 126px; 
}

.lower #contents #main #btnBox{
	width:243px;
}
.lower #contents #main #btnBoxL{float:left;}
.lower #contents #main #btnBoxR{float:right;}

.lower #contents #main #btnFriend{
	margin-top:11px;
	width:243px;
	height:28px;
	background:transparent url("../img/btn_friend_bg.gif") top left no-repeat;
}
.lower #contents #main #btnFriend ul{padding:4px 0 0 8px;}
.lower #contents #main #btnFriend li{float:left; margin-right:8px; font-size:0;}

.lower #contents #main #recipeMaterialNutrition{
	width:824px;
	margin-top:30px;
}

.lower #contents #main #recipeMaterial{
	width:572px;
	float:left;
}

.lower #contents #main #recipeMaterialTitle{
	width:572px;
	height:47px;
	background:transparent url("../img/material_title.gif") no-repeat;
	padding-bottom:4px;
}

.lower #contents #main #recipeMaterialTitle h4{float:left; padding-top:18px;}
.lower #contents #main #recipeMaterialTitle h4 img{margin-left:62px;}

.lower #contents #main #recipeMaterialTitle p{
	float:left;
	line-height:25px;
	padding-top:18px;
	margin-left:10px;
	display:inline;
	font-weight:bold;
}
.lower #contents #main #recipeMaterialL{
	width:248px;
	float:left;
	margin-left:16px;
	display:inline;
}

.lower #contents #main #recipeMaterialR{
	width:248px;
	float:right;
	margin-right:16px;
	display:inline;
}

.lower #contents #main #recipeMaterialL dl,
.lower #contents #main #recipeMaterialR dl{
	background:transparent url("../img/material_line.gif") bottom left repeat-x;
	padding-bottom:4px;
	margin-top:8px;
	color:#86512f;
}

.lower #contents #main #recipeMaterialL dt,
.lower #contents #main #recipeMaterialR dt{float:left;}

.lower #contents #main #recipeMaterialL dd,
.lower #contents #main #recipeMaterialR dd{float:right;}

.lower #contents #main .ingredientSpace{padding-left:1em;}
.lower #contents #main .ingredientSpace02{padding-left:1.5em;}

.lower #contents #main #recipeNutrition{
	width:237px;
	float:right;
	margin-top:11px;
}

.lower #contents #main #recipeNutritiontitle{
	width:237px;
	background:transparent url("../img/nutrition_title_bg.gif") repeat-y;
}

.lower #contents #main #recipeNutritiontitle h4{float:left;}
.lower #contents #main #recipeNutritiontitle h4 img{margin-left:14px;}
.lower #contents #main #recipeNutritiontitle p{
	float:left;
	line-height:1.0;
	padding-top:5px;
	_padding-top:6px;
	margin-left:10px;
	font-weight:bold;
}
.lower #contents #main #recipeNutritiontitle h4.nutriPattern02{float:none;}
.lower #contents #main #recipeNutritiontitle p.nutriPattern02{float:none; padding-left:14px;}

*+html .lower #contents #main #recipeNutritiontitle p{
	padding-top:6px;
}

.lower #contents #main #recipeNutrition .nutritionAttention{
	width:237px;
	margin-top:5px;
	text-align:center;
}

.lower #contents #main #recipeNutrition dl{
	width:170px;
	margin:15px auto 0;
	color:#86512f;
}
.lower #contents #main #recipeNutrition dt{
	float:left;
}
.lower #contents #main #recipeNutrition dd{
	float:right;
}

.lower #contents #main #recipeMake{margin:30px 0;}

.lower #contents #main #recipeMake dl{
	width:817px;
	padding-bottom:8px;
	margin-top:18px;
	color:#86512f;
	background:transparent url("../img/material_line.gif") bottom left repeat-x;
}

.lower #contents #main #recipeMake dt{float:left;}
.lower #contents #main #recipeMake dt img{margin-left:10px; vertical-align:bottom;}
.lower #contents #main #recipeMake dd{width:774px; float:right;}


.lower #contents #main #recipeAdvice{
	width:824px;
	padding-bottom:8px;
	background:transparent url("../img/advice_bg.gif") repeat-y;
}

.lower #contents #main #recipeAdvice p{padding:12px 25px 0 25px;}

.lower #contents #main #toKitchen{text-align:right; margin-top:20px;}

.txtIn{
	text-indent:-1em;
	padding-left:1em;
	color:#c41b00 !important;
	padding-top:4px;
}