@charset "UTF-8";

/* -----------------------------
アレンジレシピ スタイリングcss（style.css）
----------------------------- */

#MainContents .nostyle { height: auto; padding: 0; background: none; border: none;}
#MainContents h2 {
	clear: both;
	margin: 1em 0 1.2em 0; padding: 7px 15px 10px 20px;
	background: url(../common/img/bg_midashi.gif) repeat-x left bottom;
	border: none;
	border-left: 5px solid #70b52b;
	font-size: 108%;
}
#MainContents .content-box { font-size: 75%;}
.line2 { height: 5px; margin: 10px 0; background: url(img/line.gif) repeat-x left center; line-height: 5px;}
.icon img { margin: 0 2px;}


/* 新着レシピ */
/*.recipe-box { padding: 0 0 20px 15px; font-size: 75%;}*/
.recipe-image { float: left; width: 270px; margin: -5px 0 20px 0;}
.recipe-image img { padding: 14px; background: url(img/bg_image.gif) no-repeat left top;}
.recipe-text { margin-left: 280px; padding-top: 5px;}
.recipe-box li { margin-bottom: 0.8em;}
.recipe-text .large { font-size: 123%; font-weight: bold;}



/* おすすめレシピ */
.osusume .lead { color: #70b52b; font-size: 123%; font-weight: bold; line-height: 1;}
.osusume a { font-size: 116%; font-weight: bold;}
.osusume ul { list-style-type: none; margin-left: 0; padding-left: 0; padding-bottom: 20px;}
.osusume li { margin-left: 0; margin-bottom: 1em; padding-left: 15px; background: url(../common/img/point3.gif) no-repeat left 0.3em;}
.osusume li img { margin: 0 2px; vertical-align: middle;}


#lineup { padding: 0; font-size: 77%;}
#lineup ul { list-style-type: none; margin: 0 0 0 5px; padding: 0;}
#lineup ul li { float: left; margin: 7px 10px 0 0;}
#lineup ul li img { margin-bottom: 3px;}
#lineup ul li a:hover img { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}


/* レシピ詳細 */
#MainContents table { width: 99%; border: none; border-top: 1px solid #bfbfbf; border-collapse: collapse;}
#MainContents table caption { text-align: left; padding: 0;}
#MainContents th,td { padding: 2px 5px; border: none; border-bottom: 1px solid #bfbfbf;}
#MainContents th { padding-left: 25px; background: transparent url(../common/img/arrow2.gif) no-repeat 5px 8px; text-align: left;}

.calorie { padding: 5px; background-color: #d6c1a5; color: #561e00; text-align: right;}
.attention { margin: 20px 0; padding: 10px; background-color: #d56e3e; color: #fff; font-weight: bold;}



/* レシピ一覧 */
dl.list dt {
	margin-bottom: 10px; padding-bottom: 8px;
	background: url(img/line.gif) repeat-x left bottom;
	color: #d56e3e;
	text-align: right;
}
dl.list dd { margin-left: 0; margin-bottom: 40px; font-size: 116%; font-weight: bold;}