@charset "utf-8";

/* CSS Document */

/* サイトTOPページのスタイルを記載 */


/* ------------------------------
 全般
------------------------------ */
body.topBg {
	background:url(../images/bg_top.gif) top center no-repeat;
}


/* ------------------------------
 メインエリア
------------------------------ */
div#mainArea.top {
}

/* mainBox */
div#mainArea.top div#mainBox {
	background:url(../images/bg_mainBox_top.gif) top repeat-x;
	padding:15px 20px 0 20px;
}

div#mainArea.top div#mainBox div.leftBoxTop {
	width:400px;
	float:left;
}

div#mainArea.top div#mainBox div.rightBoxTop {
	width:400px;
	float:right;
}

/* 左：おすすめレシピ */
div#mainArea.top div#mainBox div.leftBoxTop div.osusume {
	background:url(../images/bg_osusume.gif) repeat-y;
}

div#mainArea.top div#mainBox div.leftBoxTop div.osusume p.menu {
	font-size:115%;
	font-weight:bold;
	line-height:1.2;
	padding:5px 25px;
}

div#mainArea.top div#mainBox div.leftBoxTop div.osusume p.menu a {
	color:#bf1a20;
}

div#mainArea.top div#mainBox div.leftBoxTop div.osusume div.menuBox {
	width:368px;
	margin:0 auto;
	padding:10px 0;
}

div#mainArea.top div#mainBox div.leftBoxTop div.osusume div.menuBox div.photo {
	width:178px;
	float:left;
}

div#mainArea.top div#mainBox div.leftBoxTop div.osusume div.menuBox div.text {
	color:#996600;
	width:180px;
	float:right;
}

div#mainArea.top div#mainBox div.leftBoxTop div.osusume div.menuBox div.text a {
	font-size:85%;
	color:#996600;
}

div#mainArea.top div#mainBox div.leftBoxTop div.osusume div.menuFrame {
	width:372px;
	height:65px;
	margin:0 auto;
	background:url(../images/bg_osusume_frame.gif) top left no-repeat;
}

div#mainArea.top div#mainBox div.leftBoxTop div.osusume div.menuFrame div.photo {
	padding:6px 2px 0 4px;
	float:left;
}

div#mainArea.top div#mainBox div.leftBoxTop div.osusume a img.border {
	border:2px solid #FFFFFF;
}

div#mainArea.top div#mainBox div.leftBoxTop div.osusume a:hover img.border {
	border:2px solid #ffe066;
}

/* 右：お知らせ */
div#mainArea.top div#mainBox div.rightBoxTop div.info {
	margin:0 0 15px 0;
}
div#mainArea.top div#mainBox div.rightBoxTop div.info div.infoBox {
	padding:8px 7px;
	margin:0 0 5px 0;
	background:url(../images/bg_info.gif) left top no-repeat;
}
div#mainArea.top div#mainBox div.rightBoxTop div.info div.infoBox div.date {
	font-size:10px;
	line-height:1.2;
	text-align:center;
	font-family:Arial, Helvetica, "ＭＳ Ｐゴシック", Osaka , sans-serif;
	width:37px;
	height:25px;
	padding:8px 7px;
	background:url(../images/bg_info_date.gif) top left no-repeat;
	float:left;	
}
div#mainArea.top div#mainBox div.rightBoxTop div.info div.infoBox div.text {
	width:326px;
	padding:3px 0 0 0;
	float:right;
}
div#mainArea.top div#mainBox div.rightBoxTop div.info div.infoBox div.text a {
	color:#0099cc;
}

/* 右：What's new */
div#mainArea.top div#mainBox div.rightBoxTop div.whats_new div.newsBox {
}
div#mainArea.top div#mainBox div.rightBoxTop div.whats_new div.newsBox div.newsBoxInner {
	width:335px;
	padding:7px 0 7px 65px;
}
div#mainArea.top div#mainBox div.rightBoxTop div.whats_new div.newsBox a {
	color:#7ea72b;
}
div#mainArea.top div#mainBox div.rightBoxTop div.whats_new div.newsBox div.new {
	background:url(../images/bg_new.gif) left top no-repeat;
}


/* 下ボックス */
div#mainArea.top div#mainBox div.bottomBox {
	margin:24px 0 0 0;
}

/* 下左：バナー群 */
div#mainArea.top div#mainBox div.bottomBox div.bannerBox {
	width:400px;
	float:left;
	margin:6px 0 0 0;
}
/* 下右：メニューボタン */
div#mainArea.top div#mainBox div.bottomBox div.bottomMenu {
	width:400px;
	float:right;
}