@charset "utf-8";


/*
	トップページ説明箇所
-------------------------------------------------- */

/* 枠 */
#content .explain{
	width: 740px;
	margin: 40px 0px 0px 0px;
}


/* テキスト */
#content .explain p{
	width: 700px;
	margin: 20px;
	line-height: 1.7em;
}


/* 説明枠(リード＆画像） */
#content .explain .desc{
	margin: 0;
}


/* 画像 */
#content .explain .desc img{
	float: right;
	margin: 15px 0px 0px 0px;
	display: inline;
}


/* テキスト */
#content .explain .desc p{
	width: 420px;
	float: left;
	padding: 0px;
	margin: 20px 0px 20px 70px;
	line-height: 1.7em;
	letter-spacing: 1px;
	display: inline;
}


/* 各メニュー枠 */
#content .explain .menu {
	width: 720px;
	padding: 0px 0px 0px 20px;
}


/* メニューリスト枠 */
#content .explain .menu dl{
	margin: 15px 0px 0px 0px;
}


/* リスト画像 */
#content .explain .menu dl dt{
	width: 105px;
	height: 105px;
	float: left;
}


/* テキスト */
#content .explain .menu dl dd{
	width: 210px;
	height: 105px;
	float: left;
	margin: 0px 0px 10px 0px;
	padding: 10px 20px 0px 10px;
}

/* 画像アルファ */
#content .explain .menu dl dt img{
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/* 画像アルファ */
#content .explain .menu dl dt a img{
	opacity: 1.0;
	filter: alpha(opacity=100);
}


/* 画像アルファ（マウスオーバー時） */
#content .explain .menu dl dt a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	background: #ffffff;
	color: #ffffff;
}





/*
	トップページ今月のレシピ
-------------------------------------------------- */

/* 枠 */
#content .m-recipe {
	width: 740px;
	margin: 40px 0px 0px 0px;
}


/* メニュー */
#content .m-recipe .menu{
	margin: 20px 0px 0px 0px;
}


/* レシピイメージ図 */
#content .m-recipe .menu img.photo{
	float: right;
}


/* リスト枠 */
#content .m-recipe .menu ul{
	width: 350px;
}


/* 各リスト設定 */
#content .m-recipe .menu ul li{
	width: 350px;
	display: block;
	margin: 4px 0px 11px 0px;
}


/* 画像アルファ */
#content .m-recipe .menu ul li a img{
	opacity: 1.0;
	filter: alpha(opacity=100);
}


/* 画像アルファ（マウスオーバー時） */
#content .m-recipe .menu ul li a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}