@charset "utf-8";


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

#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 #contents #main_top {
		text-align: left;
		clear: both;
		width: 990px;
		overflow: hidden;
		margin: 0 auto 10px;
}

.lower #contents #main_top .noFlash{
	margin:30px auto;
	position:relative;
	width:960px;
}
.lower #contents #main_top .noFlash .noflash02{
	position:absolute;
	left:770px;
	top:36px;
}


.lower #contents #main_top #shioriArea{
	width:960px;
	margin:0 auto;
	padding-top:20px;
}
.lower #contents #main_top #shioriArea .shioriInner{
	background:url(../img/shiori_middle.jpg) left top repeat-y;
	padding-top:12px;
	padding-bottom:10px;
}
.lower #contents #main_top #shioriArea .shioriInner .shioriLeft{
	float:left;
	width:106px;
	padding-left:20px;
}
.lower #contents #main_top #shioriArea .shioriInner .shioriCenter{
	float:left;
	width:410px;
	padding-left:10px;
	padding-top:3px;
	margin-right: 10px;
}
.lower #contents #main_top #shioriArea .shioriInner .shioriCenter dd{
	padding-top:15px;
	color:#885959;
	line-height:1.7;
}
.lower #contents #main_top #shioriArea .shioriInner .shioriCenter dd a{
	font-weight:bold;
	color:#885959;
}
.lower #contents #main_top #shioriArea .shioriInner .shioriRight{
	float:left;
	width:388px;
}

.lower #contents #main {
		text-align: left;
		clear: both;
		width: 960px;
		overflow: hidden;
		margin: 0 auto 10px;
	margin-top:20px;
	}
	
.lower #contents #listMenu{
	width:960px;
	height:49px;
	background:transparent url("../img/list_menu_bg.gif") no-repeat;
	margin:0 auto;
}

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

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

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

.lower #contents #main #listContents{
	width:960px;
	background:transparent url("../img/list_main_bg.gif") top left repeat-y;
	position:relative;
}
.lower #contents #main h2{
	text-align:center;
	position:absolute;
	top:13px;
	right:33px;
}

.lower #contents #listMenu li span,
.lower #contents #listMenu li a{
	display:block;
	width:127px;
	height:31px;
	text-indent:-9999px;
}
.lower #contents #listMenu li span.normal,
.lower #contents #listMenu li span.over{
	cursor:pointer;
}
.lower #contents #listMenu li.menu01 span.normal,
.lower #contents #listMenu li.menu01 a{
	background:url(../img/list_menu_img01.gif) left top no-repeat;
}
.lower #contents #listMenu li.menu02 span.normal,
.lower #contents #listMenu li.menu02 a{
	background:url(../img/list_menu_img02.gif) left top no-repeat;
}
.lower #contents #listMenu li.menu03 span.normal,
.lower #contents #listMenu li.menu03 a{
	background:url(../img/list_menu_img03.gif) left top no-repeat;
}
.lower #contents #listMenu li.menu04 span.normal,
.lower #contents #listMenu li.menu04 a{
	background:url(../img/list_menu_img04.gif) left top no-repeat;
}
.lower #contents #listMenu li.menu05 span.normal,
.lower #contents #listMenu li.menu05 a{
	background:url(../img/list_menu_img05.gif) left top no-repeat;
}
.lower #contents #listMenu li.menu01 span.over,
.lower #contents #listMenu li.menu01 a:hover{
	background:url(../img/list_menu_img01.gif) left -31px no-repeat;
}
.lower #contents #listMenu li.menu02 span.over,
.lower #contents #listMenu li.menu02 a:hover{
	background:url(../img/list_menu_img02.gif) left -31px no-repeat;
}
.lower #contents #listMenu li.menu03 span.over,
.lower #contents #listMenu li.menu03 a:hover{
	background:url(../img/list_menu_img03.gif) left -31px no-repeat;
}
.lower #contents #listMenu li.menu04 span.over,
.lower #contents #listMenu li.menu04 a:hover{
	background:url(../img/list_menu_img04.gif) left -31px no-repeat;
}
.lower #contents #listMenu li.menu05 span.over,
.lower #contents #listMenu li.menu05 a:hover{
	background:url(../img/list_menu_img05.gif) left -31px no-repeat;
}
.lower #contents #listMenu li.menu01 span.act{
	background:url(../img/list_menu_img01.gif) left bottom no-repeat;
}
.lower #contents #listMenu li.menu02 span.act{
	background:url(../img/list_menu_img02.gif) left bottom no-repeat;
}
.lower #contents #listMenu li.menu03 span.act{
	background:url(../img/list_menu_img03.gif) left bottom no-repeat;
}
.lower #contents #listMenu li.menu04 span.act{
	background:url(../img/list_menu_img04.gif) left bottom no-repeat;
}
.lower #contents #listMenu li.menu05 span.act{
	background:url(../img/list_menu_img05.gif) left bottom no-repeat;
}

.lower #contents #main #listContentsIn{
	width:894px;
	margin:0 auto ;
	padding:10px 0 25px 0;
}

.lower #contents #main #listContentsIn h3{
	margin:20px 0 0 9px;
}

.lower #contents #main #listContentsIn #dessert,
.lower #contents #main #listContentsIn #appetizer,
.lower #contents #main #listContentsIn #pasta,
.lower #contents #main #listContentsIn #mainDish{
	width:894px;
}

.lower #contents #main #listContentsIn .dessertIn{
	width:894px;
	background:transparent url("../img/recipe_footer.gif") bottom left no-repeat;
}

.lower #contents #main #listContentsIn .recipeListL{
	width:438px;
	float:left;
	position:relative;
}
.lower #contents #main #listContentsIn .recipeListR{
	width:438px;
	float:right;
	position:relative;
}

.lower #contents #main #listContentsIn .reciprHeader{margin-top:20px;}

.lower #contents #main #listContentsIn .recipe{
	width:438px;
	padding-bottom:10px;
	cursor:pointer;
}

.lower #contents #main #listContentsIn .recipeIn{
	width:402px;
	margin:0 auto;
	position:relative;
}

.lower #contents #main #listContentsIn .recipePhoto{
	float:left;
	width:108px;
	margin:6px 0;
}

.lower #contents #main #listContentsIn .recipeTxt{
	float:right;
	width:275px;
	margin:6px 0 0 0;
}

/*IE8用*/
.lower #contents #main #listContentsIn .recipeTxt p { line-height:1.3\9; }
/*IE8用*/


.lower #contents #main #listContentsIn .recipeIn02{
	width:438px;
	background:transparent url("../img/recipe_footer02.gif") bottom left no-repeat;
	position:relative;
}

.lower #contents #main #listContentsIn .recipeTxt p{margin-top:10px;}

.lower #contents #main #listContentsIn .genre{margin-top:10px;}

.lower #contents #main #listContentsIn .genre div{
	float:left;
	vertical-align:bottom;
}

.lower #contents #main #listContentsIn .genre .shioriRecipe{
	margin-left:12px;
}

.lower #contents #main #listContentsIn .choi .moriRecipe{
	margin-left:12px;
}

.lower #contents #main #listContentsIn .choi{margin-top:3px;}


.lower #contents #main #listContentsIn .toTop{
	text-align:right;
	margin-top:15px;
}

.lower #contents #main #toKitchen{
	text-align:right;
	margin-top:20px;
}
.lower #contents #main #listContentsIn .shioriDeco{
	position:absolute;
	right:0;
	top:-6px;
}