@charset "utf-8";

/*
============================ HOME CSS ==============================

			池波正太郎・料理一覧ページ
			1.indexページ
			2.レシピ一覧ページ
			3.クラス一覧

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

html , body {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #f2efe8 url("img/bg.gif") repeat !important;
}

/* 1.indexページ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.bg_top,.bg_bottom{
	display: block;
	width:980px;
	height: 42px;
}
.bg_top{	background:#1c1f88 url("img/bg_01.gif") repeat-x;}
.bg_bottom{	background:#1c1f88 url("img/bg_02.gif") repeat-x;}
.bg_bottom_02{
	display: block;
	width: 980px;
	height: 22px;
	background:#a90d03 url("img/bg_03.gif") repeat-x;
/* 	background:#a90d03 url("img/bg_03.png") repeat-x; */
}

/* index内の料理箇所 */
#ikenami_recipe{
	margin: -10px 0 0;
	padding: 20px 20px 0;
	border:10px #ccc solid;
	background:#fff;
}
#ikenami_recipe > div.nextweek{
	margin: 0;
}
#ikenami_recipe > h3{
	padding: 0 0 .5em;
}
/* レシピページのみ */
.ikenami_recipe{
	margin:-10px 0 0;
	padding: 0px 20px 0;
	background:#fff;
}



h3.syokai{ /* 料理レシピ紹介 */
	clear: both;
	margin-bottom:-10px;
}
.nextweek{
	margin:20px auto;
	width: 920px;
}
.nextweek h3{
	float: left;
	width: 120px;
}
.nextweek p{
	float: left;
	color: #201c8d;
	text-align: left;
	font-size:20px;
	font-weight: 900;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.nextweek a img{
	float: left;
	margin-top:2px;
}

#recipe_list{
	clear:both;
	margin:20px auto 0px;
	width: 920px;
	text-align: left;
/* 	background: #f2efe8 url("img/bg.gif") repeat !important; */
	background:#fff;
}
#recipe_list h4{margin:5px 0;}
#recipe_list ul{
	overflow: hidden;
	zoom: 1;
}
#recipe_list ul li{
	float: left;
}
#recipe_list li a{text-decoration: none;}
#recipe_list li > a.thumb{
	display: block;
}
#recipe_list li > a:hover{
	opacity:0.75;
	filter: alpha(opacity=75); /* ie lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* ie 8 */
	-moz-opacity:0.75; /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.75; /* Safari 1.x */
}
#recipe_list ul li p.more{
	position: absolute;
	bottom:5px;
	right:10px;
	color: #c90505;
	font-weight: 700;
}

/* 上段2つ(今週の料理)
----------------------------------*/
#recipe_list ul.new{
	margin: 0 -20px 10px 0 ;
}
#recipe_list ul.new li{
	margin:0 20px 10px 0;
	width: 440px;
	height: 197px;
	background:#f8efbd url("img/bg_list_01.png") no-repeat;
}
#recipe_list ul.new li a.thumb:hover{
	color:#c90505;
}
#recipe_list ul.new li a.thumb > img{
	float: left;
	width: 240px;
}
#recipe_list ul.new li div.text{
	position: relative;
	padding:10px 10px 30px;
	float: right;
	width: 180px;
}
#recipe_list ul.new li div.text p{
	padding-top:5px;
	font-size: 12px;
	line-height: 20px;
}

/* (これまでの料理一覧)
----------------------------------*/
#recipe_list .backnumber h4{
	margin-top:10px;
}
#recipe_list .backnumber ul{
	margin: 10px -20px 0 0;
}
#recipe_list .backnumber ul li{
	position: relative;
	float: left;
	margin:0 20px 10px 0;
	width: 210px;
	display: inline;
}
#recipe_list .backnumber ul li p.more{
	bottom:2px;
	font-size:12px;
}

/* 2.レシピページ
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
#recipe .number{	background-color: #fff;}
#recipe ul.main{
	padding:10px 18px;
}
#recipe ul.main li.photo{
	float: left;
	width: 535px;
	line-height: 0;
}
#recipe ul.main li.photo p{
	padding:5px 30px 0 0;
	text-align: right;
	font-size:12px;
}
#recipe ul.main li.explain{
	position: relative;
	float: right;
	padding-top: 50px;
	width: 400px;
}
#recipe ul.main li.explain img.logo{
	position: absolute;
	top:0;
	right: 0;
}
#recipe ul.main li.explain img.title{
	margin-top:15px;
}
#recipe ul li.explain p{
	margin:10px 0 10px 0;
	padding:15px 15px;
	width: 370px;
	text-align: justify;
	font-size: 16px;
	line-height: 24px;
	background-color:#F8EFBD
}
#recipe div.recipe{
	margin-top:20px;
	padding-left:27px;
}

/* 作り方
----------------------------------*/
.recipe div.recipe_l{
	float: left;
	width: 605px;
}
.recipe div.recipe_l > img{
	margin-bottom:25px;
}
.recipe div.recipe_l ul{
	float: left;
	padding:0 0 20px 5px;
	width:605px;
}

/*
.recipe div.recipe_l ul li.photo{
	float: left;
	width: 290px;
	height: auto;
}*/

.recipe div.recipe_l ul li.photo img.sub{
	padding-top:5px;
}
.recipe div.recipe_l ul li.explain{
	width: 585px;
	font-size:16px;
	line-height: 24px;
}
.recipe div.recipe_l ul li.explain span{
	display: block;
	font-weight: 700;
}
.recipe div.recipe_l .ttl{
	font-size:18px;
	font-weight:bold;
	padding-top:20px;
	clear:both;
}
.recipe div.recipe_l .pdKill{
	padding:0px 0px 0px 0px;
}

/* 材料
----------------------------------*/
.recipe div.recipe_r{
	float: right;
	margin-right:15px;
	width: 280px;
}
div.recipe_r .zairyo{
	padding:0 14px;
	border-left: 1px solid #1d2088;
	border-right: 1px solid #1d2088;
	width: 250px;
	background-color: #f3f2f2;
}
div.recipe_r .zairyo h3{
	font-size: 14px;
	font-weight: 700;
}
div.recipe_r .zairyo h3 img{
	vertical-align: bottom;
}
div.recipe_r .zairyo > img{
	padding: 10px 0;
}
div.recipe_r .zairyo span{
	font-size:15px;
}
div.recipe_r .zairyo ul{
	padding:0;
	width: 248px;
	font-size:14px;
	line-height: 24px;
}
div.recipe_r .zairyo ul.list{
	margin:0px 0px 30px 15px;
}
div.recipe_r .zairyo ul li{
	list-style-type: none;
	padding-bottom:.2em;
}
div.recipe_r .zairyo ul li > ul{
	width: 200px;
	margin-left:2em;
}
div.recipe_r .zairyo ul.mgKill{
	margin:0px 0px 0px 15px;
}


/* 3.クラス一覧
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
/* btn
--------------------------------------------------------------- */
a img.btn{
    filter:alpha(opacity=100);
    opacity: 1.0;
}
a:hover img.btn{
    filter:alpha(opacity=50);
    opacity: 0.5;
}

/* pagetop
----------------------------------*/
.pagetop{
	margin:10px auto 0;
	width: 980px;
	text-align: right;
}

/* footer
----------------------------------*/
#footer{
	margin:5px auto 0;
	width: 980px;
}
#footer .left{
	float: left;
	width: 700px;
	height: 40px;
}
#footer .right{
	float: right;
	padding-top:14px;
	width: 150px;
	height: 26px;
}

/* clear/clearfix
----------------------------------*/
.clear{clear:both;}
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
}

*:after {
	display:block;
	clear:both; /* この記述は固定です */
}
element {width:100%;} /* clearfix IE6, 7 */
element:after {content:"";} /* clearfix */
#content {width:600px;} /* clearfix IE6, 7 */
#content:after {content:"";} /* clearfix */