@charset "utf-8";
/* CSS Document */


/*--------------------------------
today-recipi01  今日のつぶつぶレシピ
----------------------------------*/

#today-recipi01 {
	border-bottom:1px solid #FF8C46;
	margin-bottom:30px;
	padding-bottom:15px;
}

#today-recipi01 h3 {
	border-bottom:1px solid #ff8c46;
	padding-bottom:8px;
}

#today-recipi01 .today-re-box {
	padding-top:15px;
	width:690px;
	position:relative;
}

#today-recipi01 .bor-T {	
	margin-top:15px;
	border-top:1px dashed #b4b4b4;
}

#today-recipi01 .today-re-box-last {
	width:690px;
	border:none;
	position:relative;
}





#today-recipi01 .today-re-box img.list-img {
	float:left;
	width:140px;
}

.new-icon {
	position:absolute;
	top:25px;
}

#today-recipi01 .today-re-box .today-re-area {
	float:left;
	width:530px;
	padding-left:20px;
}

#today-recipi01 .today-re-box .today-re-area dl {
	padding-top:35px;
	padding-bottom:10px;
}

#today-recipi01 .today-re-box .today-re-area dt {
	font-size:117%;
	float:left;
}

#today-recipi01 .today-re-box .today-re-area dt a {
	background:url(../../common/img/icon-05.gif) no-repeat left center;
	padding-left:20px;
}

#today-recipi01 .today-re-box .today-re-area dd {
	padding-left:240px;
}

#today-recipi01 .today-re-box .today-re-area p.new img {
	vertical-align:middle;
	padding-left:5px;
	padding-bottom:1px;
}

#today-recipi01 .today-re-box .today-re-area p.date {
	font-size:85%;
}


/*--------------------------------
week
----------------------------------*/

#week-recipi01{
	border-bottom:1px solid #e84a99;
	padding-bottom:15px;
}

#week-recipi01 h3 {
	border-bottom:1px solid #e84a99;
	padding-bottom:8px;
}

#week-recipi01 .today-re-box {
	width:690px;
	padding-top:15px;
	position:relative;
}

#week-recipi01 .today-re-box-last {
	width:690px;
	padding-bottom:15px;
	margin-bottom:15px;
	border:none;
	position:relative;
}

#week-recipi01 .last-box {
	margin-top:15px;
	border-top:1px dashed #b4b4b4;
}


#week-recipi01 .today-re-box img.list-img {
	float:left;
	width:140px;
}

.new-icon {
	position:absolute;
	top:25px;
}

#week-recipi01 .today-re-box .today-re-area {
	float:left;
	width:530px;
	padding-left:20px;
}

#week-recipi01 .today-re-box .today-re-area dl {
	padding-top:35px;
	padding-bottom:10px;
}

#week-recipi01 .today-re-box .today-re-area dt {
	font-size:117%;
	float:left;
}

#today-recipi-sweets .today-re-box .today-re-area dt a {
	background:url(../../common/img/icon-05.gif) no-repeat left center;
	padding-left:20px;
}

#week-recipi01 .today-re-box .today-re-area dd {
	padding-left:240px;
}

#week-recipi01 .today-re-box .today-re-area p.new img {
	vertical-align:middle;
	padding-left:5px;
	padding-bottom:1px;
}

#week-recipi01 .today-re-box .today-re-area p.date {
	font-size:85%;
}



/*--------------------------------
today-recipi02　今日のつぶつぶレシピ
----------------------------------*/

/*---recipi-ttl---*/
#today-recipi02 {
	padding-bottom:15px;
}

#today-recipi02 #recipi-ttl {
	border-bottom:2px solid #ff8c46;
	padding-bottom:5px;
	margin-bottom:30px;
}

/*---recipi-ttl-area---*/
#today-recipi02 #recipi-ttl .recipi-ttl-area {
	float:left;
}

#today-recipi02 #recipi-ttl .recipi-ttl-area p {
	color:#bda576;	
}

#today-recipi02 #recipi-ttl .recipi-ttl-area h3 {
	font-size:134%;
	font-weight:bold;
	color:#ff955c;	
}

#today-recipi02 #recipi-ttl .recipi-ttl-area h3 span.date {
	font-size:70%;
	font-weight:normal;
	padding-left:20px;
	color:#666666;
	
}

#today-recipi02 #recipi-ttl .recipi-ttl-area h3 img {
	vertical-align:middle;
	padding-top:2px;
}


/*---display-area---*/

#today-recipi02 #recipi-ttl .display-area {
	float:right;
	padding-top:25px;
}

#today-recipi02 #recipi-ttl .display-area p {
	font-size:84%;
	line-height:2;
	vertical-align:middle;
}

#today-recipi02 #recipi-ttl .display-area p span {
	color:#ff955c;	
}

#today-recipi02 #recipi-ttl .display-area p img {
	vertical-align:middle;
	padding-bottom:2px;
}



/*---recipi---*/
#recipi {
	width:690px;
}

/*recipi-zairyou*/
#recipi #recipi-zairyou {
	padding-bottom:15px;
	clear:both;
}

#recipi #recipi-zairyou img {
	width:278px;
	float:left;
}

#recipi #recipi-zairyou .zairou-area {
	float:left;
	padding-left:30px;
}

#recipi #recipi-zairyou .zairou-area h4 {
	background:url(../img/recipi/h4-today-recipi01.gif) no-repeat left top;
	width:368px;
	height:26px;
	padding-top:2px;
	padding-left:10px;
	color:#FFFFFF;
	font-size:117%;
	font-weight:bold;
	margin-bottom:10px;
}

#recipi #recipi-zairyou .zairou-area h4 span {
	font-size:75%;
	font-weight:normal;
	padding-left:3px;
}

#recipi #recipi-zairyou .zairou-area dl {
	width:358px;
	padding-left:10px;
	margin-bottom:10px;
}

#recipi #recipi-zairyou .zairou-area dt {
	float:left;
	padding-top:3px;
	padding-bottom:3px;
}

#recipi #recipi-zairyou .zairou-area dd {
	text-align:right;
	border-bottom:1px solid #e1e1e1;
	padding-top:3px;
	padding-bottom:3px;
}

/*publish-link*/
#recipi #recipi-zairyou .zairou-area p.publish-link {
	text-align:right;
}

#recipi #recipi-zairyou .zairou-area p.publish-link a {
	background:url(../../common/img/icon-01.gif) no-repeat left center;
	padding-left:15px;
	font-size:84%;
}

/*#recipi-how*/
#recipi #recipi-how {
	width:690px;
	clear:both;
}

#recipi #recipi-how h4 {
	background:url(../img/recipi/h4-today-recipi02.gif) no-repeat left top;
	width:677px;
	height:26px;
	padding-top:2px;
	padding-left:10px;
	color:#FFFFFF;
	font-size:117%;
	font-weight:bold;
	margin-bottom:10px;
}

#recipi #recipi-how span {
	color:#d0783d;
}


/*--------------------------------
today-recipi02　今日のミラクルスイーツレシピ 
----------------------------------*/

/*---recipi-ttl---*/
#today-recipi02 {
	padding-bottom:15px;
}

#today-recipi02 #MSrecipi-ttl {
	border-bottom:2px solid #e84a99;
	padding-bottom:5px;
	margin-bottom:30px;
}

/*---recipi-ttl-area---*/
#today-recipi02 #MSrecipi-ttl .recipi-ttl-area {
	float:left;
}

#today-recipi02 #MSrecipi-ttl .recipi-ttl-area p {
	color:#00cbbb;	
}

#today-recipi02 #MSrecipi-ttl .recipi-ttl-area h3 {
	font-size:134%;
	font-weight:bold;
	color:#e84a99;	
}

#today-recipi02 #MSrecipi-ttl .recipi-ttl-area h3 span.date {
	font-size:70%;
	font-weight:normal;
	padding-left:20px;
	color:#666666;
	
}

#today-recipi02 #MSrecipi-ttl .recipi-ttl-area h3 img {
	vertical-align:middle;
	padding-top:2px;
}



/*---display-area---*/

#today-recipi02 #MSrecipi-ttl .display-area {
	float:right;
	padding-top:25px;
}

#today-recipi02 #MSrecipi-ttl .display-area p {
	font-size:84%;
	line-height:2;
}

#today-recipi02 #MSrecipi-ttl .display-area p span {
	color:#ff955c;	
}

#today-recipi02 #MSrecipi-ttl .display-area p img {
	vertical-align:middle;
}



/*---recipi---*/
#recipi {
	width:690px;
}

/*recipi-zairyou*/
#recipi #recipi-zairyou {
	padding-bottom:15px;
}

#recipi #recipi-zairyou img {
	width:278px;
	float:left;
}

#recipi #recipi-zairyou .MSzairou-area {
	float:left;
	padding-left:30px;
}

#recipi #recipi-zairyou .MSzairou-area h4 {
	background:url(../img/recipi/h4-MS-recipi01.gif) no-repeat left top;
	width:368px;
	height:26px;
	padding-top:2px;
	padding-left:10px;
	color:#FFFFFF;
	font-size:117%;
	font-weight:bold;
	margin-bottom:10px;
}

#recipi #recipi-zairyou .MSzairou-area h4 span {
	font-size:75%;
	font-weight:normal;
	padding-left:3px;
}

#recipi #recipi-zairyou .MSzairou-area dl {
	width:358px;
	padding-left:10px;
	margin-bottom:10px;
}

#recipi #recipi-zairyou .MSzairou-area dt {
	float:left;
	padding-top:3px;
	padding-bottom:3px;
}

#recipi #recipi-zairyou .MSzairou-area dd {
	text-align:right;
	border-bottom:1px solid #e1e1e1;
	padding-top:3px;
	padding-bottom:3px;
}

/*publish-link*/
#recipi #recipi-zairyou .MSzairou-area p.publish-link {
	text-align:right;
}

#recipi #recipi-zairyou .MSzairou-area p.publish-link a {
	background:url(../../common/img/icon-01.gif) no-repeat left center;
	padding-left:15px;
	font-size:84%;
}

/*#recipi-how*/
#recipi #MSrecipi-how {
	width:690px;
}

#recipi #MSrecipi-how h4 {
	background:url(../img/recipi/h4-MS-recipi02.gif) no-repeat left top;
	width:677px;
	height:26px;
	padding-top:2px;
	padding-left:10px;
	color:#FFFFFF;
	font-size:117%;
	font-weight:bold;
	margin-bottom:10px;
}

#recipi #MSrecipi-how span {
	color:#00cbbb;
}




/*--------------------------------
Adifficulty
----------------------------------*/
#recipi #Adifficulty {
	border-top:1px dotted #b4b4b4;
	border-bottom:1px dotted #b4b4b4;
	padding-top:15px;
	padding-bottom:10px;
	margin-top:30px;
}

#recipi #Adifficulty table th {
	padding-right:10px;
	vertical-align:top;
	padding-top:2px;
}

#recipi #Adifficulty table td {
	vertical-align:middle;
	padding-bottom:3px;
	font-size:84%;
	line-height:2;
}

#recipi #Adifficulty table td img {
	vertical-align:middle;
}



/*--------------------------------
cat-link
----------------------------------*/

#cat-link {
	width:690px;
	padding-top:20px;
}

#cat-link li {
	float:left;
	width:344px;
	padding-bottom:30px;
}

#cat-link li .cat-img {
	float:left;
	width:112px;
	border:1px solid #b4b4b4;
}

/*#cat-link li .cat-link-box*/
#cat-link li .cat-link-box01,
#cat-link li .cat-link-box02,
#cat-link li .cat-link-box03,
#cat-link li .cat-link-box-sweets {
	width:200px;
	float:left;
	padding-left:20px;
}

#cat-link li .cat-link-box01 p.cat-link-enter,
#cat-link li .cat-link-box02 p.cat-link-enter,
#cat-link li .cat-link-box03 p.cat-link-enter, 
#cat-link li .cat-link-box-sweets p.cat-link-enter {
	padding-bottom:0;
}


/*cat-link-box01*/
#cat-link li .cat-link-box01 h4 {
	font-size:117%;
	color:#a94da9;
	line-height:1.1;
	font-weight:bold;
	padding-bottom:10px;
}

#cat-link li .cat-link-box01 p {
	color:#a94da9;	
	padding-bottom:10px;
	font-size:84%;
}

#cat-link li .cat-link-box01 p.cat-link-enter {
	padding-bottom:0;
}

#cat-link li .cat-link-box01 p.cat-link-enter a {
	background:url(../../common/img/icon-09.gif) no-repeat left center;
	padding-left:20px;
}


/*cat-link-box02*/
#cat-link li .cat-link-box02 h4 {
	font-size:117%;
	color:#ff823f;
	line-height:1.1;
	font-weight:bold;
	padding-bottom:10px;
}

#cat-link li .cat-link-box02 p {
	color:#ff823f;	
	padding-bottom:10px;
	font-size:84%;
}

#cat-link li .cat-link-box02 p.cat-link-enter {
	padding-bottom:0;
}

#cat-link li .cat-link-box02 p.cat-link-enter a {
	background:url(../../common/img/icon-06.gif) no-repeat left center;
	padding-left:20px;
}


/*cat-link-box03*/
#cat-link li .cat-link-box03 h4 {
	font-size:117%;
	color:#d0783d;
	line-height:1.1;
	font-weight:bold;
	padding-bottom:10px;
}

#cat-link li .cat-link-box03 p {
	color:#d0783d;	
	padding-bottom:10px;
	font-size:84%;
}

#cat-link li .cat-link-box03 p.cat-link-enter {
	padding-bottom:0;
}

#cat-link li .cat-link-box03 p.cat-link-enter a {
	background:url(../../common/img/icon-07.gif) no-repeat left center;
	padding-left:20px;
}

/*cat-link-box-sweets*/

#cat-link li .cat-link-box-sweets h4 {
	font-size:117%;
	color:#e84a99;
	line-height:1.1;
	font-weight:bold;
	padding-bottom:10px;
}

#cat-link li .cat-link-box-sweets p {
	color:#e84a99;	
	padding-bottom:10px;
	font-size:84%;
}

#cat-link li .cat-link-box-sweets p.cat-link-enter {
	padding-bottom:0;
}

#cat-link li .cat-link-box-sweets p.cat-link-enter a {
	background:url(../../common/img/icon-02.gif) no-repeat left center;
	padding-left:20px;
}



/*--------------------------------
other-recipi
----------------------------------*/

#other-recipi {
	width:690px;
	border-top:1px dotted #b4b4b4;
	padding-top:25px;
}

/*other-re-box*/
#other-recipi #other-re-box {
	background:url(../img/recipi/bg-other-recipi01.gif) no-repeat left top;
	width:689px;
	padding-bottom:10px;
}

/*other-re-boxin*/
#other-recipi #other-re-box #other-re-boxin {
	background:url(../img/recipi/bg-other-recipi02.gif) no-repeat left bottom;
}

#other-recipi #other-re-box h4 {
	padding-left:23px;
	padding-top:10px;
	padding-bottom:10px;
}

#other-recipi #other-re-box #other-re-boxin ul {
	padding-left:8px;
	padding-bottom:20px;
}

#other-recipi #other-re-box #other-re-boxin li {
	width:140px;
	padding-left:14px;
	padding-right:15px;
	padding-bottom:5px;
/*	padding-bottom:25px;
*/	float:left;
	text-align:center;
	min-height:170px;
	height: auto !important;
	height: 170px;
	list-style-type:none;
}

#other-recipi #other-re-box #other-re-boxin li dt img {
	margin-bottom:5px;
}

#other-recipi #other-re-box #other-re-boxin li dt a.name {
	background:transparent url(../../common/img/icon-04.gif) no-repeat scroll left center;
	padding-left:14px;
	font-size:84%;
}

#other-recipi #other-re-box #other-re-boxin li dd {
	background:url(../img/recipi/icon-update.gif) no-repeat center bottom;
	padding-bottom:7px;
	font-size:75%;
}