/*----------------------------------------------------------------------
中ページ(商品一覧/おすすめレシピ)
----------------------------------------------------------------------*/

/*商品一覧------------------------------------------------------*/

#main_area .c_title_ra {
	background-image: url(../images/com_ra.gif);
	background-repeat: no-repeat;
	width: 950px;
	height: 40px;
	text-align: left;
	padding: 7px 0 0 23px;
	margin: 20px 0 9px 10px;
}




#main_area .c_title_so {
	background-image: url(../images/com_so.gif);
	background-repeat: no-repeat;
	width: 950px;
	height: 40px;
	text-align: left;
	padding: 7px 0 0 23px;
	margin: 20px 0 9px 10px;
}



#main_area .c_title_ud {
	background-image: url(../images/com_ud.gif);
	background-repeat: no-repeat;
	width: 950px;
	height: 40px;
	text-align: left;
	padding: 7px 0 0 23px;
	margin: 20px 0 9px 10px;
}



#main_area .c_title_pa {
	background-image: url(../images/com_pa.gif);
	background-repeat: no-repeat;
	width: 950px;
	height: 40px;
	text-align: left;
	padding: 7px 0 0 23px;
	margin: 20px 0 9px 10px;
}



#main_area .c_title_ya {
	background-image: url(../images/com_ya.gif);
	background-repeat: no-repeat;
	width: 950px;
	height: 40px;
	text-align: left;
	padding: 7px 0 0 23px;
	margin: 20px 0 9px 10px;
}





#main_area .c_title_sou {
	background-image: url(../images/com_sou.gif);
	background-repeat: no-repeat;
	width: 950px;
	height: 40px;
	text-align: left;
	padding: 7px 0 0 23px;
	margin: 20px 0 9px 10px;
}






#main_area .c_title_gi {
	background-image: url(../images/com_gi.gif);
	background-repeat: no-repeat;
	width: 950px;
	height: 40px;
	text-align: left;
	padding: 7px 0 0 23px;
	margin: 20px 0 9px 10px;
}



#com_subnavi {
	clear: both;


}


#com_subnavi ul {
	list-style-type: none;
	padding-left: 15px;

}


#com_subnavi ul li {
	float: left;
	padding: 0 6px 3px 0;
	margin-bottom: 8px;

}


#com_subnavi ul li a {
	font-size: 95%;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
	display: block;
	padding: 1px 14px 0px 14px;
	border-left: 1px dotted #715144;
	background-color:#ffffff; 
	color: #715144;


}


#com_subnavi ul li a.last {
	font-size: 95%;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
	display: block;
	padding: 1px 14px 0px 14px;
	border-right: 1px dotted #715144;
	background-color:#ffffff; 
	color: #715144;


}





#com_subnavi ul li a:hover {
	color: #db0000;
	position: relative;
	bottom: 1px;


}


#main_area #c_list_area {
	clear: both;


}


#main_area #c_list_area ul {
	list-style-type: none;
	padding-left: 10px;
}



#main_area #c_list_area li {
	float: left;
	padding: 3px 0 5px 0;
	
}


#main_area #c_list_area .c_table {
	border-bottom: 1px solid #eeeeee;
	width: 950px;



}


#main_area #c_list_area .c_table .c_image {
	text-align: left;
	padding: 13px 0 20px 0;
	vertical-align: middle;
	width: 180px;


}


#main_area #c_list_area .c_table .c_t_title {
	text-align: left;
	font-size: 105%;
	font-weight: bold;
	border-bottom: 1px solid #db0000;
	padding: 15px 0 1px 5px;


}


#main_area #c_list_area .c_table .c_t_title2 {
	text-align: left;
	font-size: 105%;
	font-weight: bold;
	border-bottom: 1px solid #008f00;
	padding: 15px 0 1px 5px;


}


#main_area #c_list_area .c_table .c_t_title3 {
	text-align: left;
	font-size: 105%;
	font-weight: bold;
	border-bottom: 1px solid #005fa2;
	padding: 15px 0 1px 5px;


}


#main_area #c_list_area .c_table .c_t_title4 {
	text-align: left;
	font-size: 105%;
	font-weight: bold;
	border-bottom: 1px solid #fd7e00;
	padding: 15px 0 1px 5px;


}



#main_area #c_list_area .c_table .c_t_title5 {
	text-align: left;
	font-size: 105%;
	font-weight: bold;
	border-bottom: 1px solid #ffce00;
	padding: 15px 0 1px 5px;


}



#main_area #c_list_area .c_table .c_t_title6 {
	text-align: left;
	font-size: 105%;
	font-weight: bold;
	border-bottom: 1px solid #9c6537;
	padding: 15px 0 1px 5px;


}



#main_area #c_list_area .c_table .c_t_title7 {
	text-align: left;
	font-size: 105%;
	font-weight: bold;
	border-bottom: 1px solid #ffabff;
	padding: 15px 0 1px 5px;


}




#main_area #c_list_area .c_table .c_material {
	font-size: 90%;
	border-bottom: 1px dotted #db0000;
	padding: 7px 6px 1px 6px;
	vertical-align: top;
	text-align: left;
	width: 240px;
}

#main_area #c_list_area .c_table .c_material span {
	color: #999999;


}



#main_area #c_list_area .c_table .c_material2 {
	font-size: 90%;
	border-bottom: 1px dotted #008f00;
	padding: 7px 6px 1px 6px;
	vertical-align: top;
	text-align: left;
	width: 240px;
}

#main_area #c_list_area .c_table .c_material2 span {
	color: #999999;


}



#main_area #c_list_area .c_table .c_material3 {
	font-size: 90%;
	border-bottom: 1px dotted #005fa2;
	padding: 7px 6px 1px 6px;
	vertical-align: top;
	text-align: left;
	width: 240px;
}


#main_area #c_list_area .c_table .c_material3 span {
	color: #999999;


}



#main_area #c_list_area .c_table .c_material4 {
	font-size: 90%;
	border-bottom: 1px dotted #fd7e00;
	padding: 7px 6px 1px 6px;
	vertical-align: top;
	text-align: left;
	width: 240px;
}

#main_area #c_list_area .c_table .c_material4 span {
	color: #999999;


}


#main_area #c_list_area .c_table .c_material5 {
	font-size: 90%;
	border-bottom: 1px dotted #ffce00;
	padding: 7px 6px 1px 6px;
	vertical-align: top;
	text-align: left;
	width: 240px;
}

#main_area #c_list_area .c_table .c_material5 span {
	color: #999999;


}



#main_area #c_list_area .c_table .c_material6 {
	font-size: 90%;
	border-bottom: 1px dotted #9c6537;
	padding: 7px 6px 1px 6px;
	vertical-align: top;
	text-align: left;
	width: 240px;
}

#main_area #c_list_area .c_table .c_material6 span {
	color: #999999;


}



#main_area #c_list_area .c_table .c_material7 {
	font-size: 90%;
	border-bottom: 1px dotted #ffabff;
	padding: 7px 6px 1px 6px;
	vertical-align: top;
	text-align: left;
	width: 240px;
}

#main_area #c_list_area .c_table .c_material7 span {
	color: #999999;


}




#main_area #c_list_area .c_table .c_detail {
	text-align: left;
	font-size: 85%;
	padding: 6px 0px 3px 2px;
	line-height: 155%;
	vertical-align: top;
	text-align: justify;
	height: 130px;


}



#main_area #c_list_area .c_table .c_detail a {
	text-decoration: underline;
	color: #db0000;


}


#main_area #c_list_area .c_table .c_detail a:hover {
	text-decoration: none;
	color: #FF6B6B;


}












/*おすすめレシピ------------------------------------------------------*/


#main_area h3 {
	text-indent: -9999px;
	width: 950px;
	height: 40px;
	margin: 13px 0 0px 10px;

}


#main_area h3.r {
	background-image: url(../images/r_title_r.gif);
	background-repeat: no-repeat;

}


#main_area h3.s {
	background-image: url(../images/r_title_s.gif);
	background-repeat: no-repeat;

}


#main_area h3.u {
	background-image: url(../images/r_title_u.gif);
	background-repeat: no-repeat;

}


#main_area h3.p {
	background-image: url(../images/r_title_p.gif);
	background-repeat: no-repeat;

}


#main_area h3.y {
	background-image: url(../images/r_title_y.gif);
	background-repeat: no-repeat;

}

#main_area h3.o {
	background-image: url(../images/r_title_o.gif);
	background-repeat: no-repeat;

}


#main_area .r_attention {
	text-align: left;
	padding: 0 0 0 15px;
	font-size: 95%;


}



#main_area .r_attention span {
	color: #db0000;


}



#main_area #recipe_area {


}



#main_area #recipe_area ul {
	list-style-type: none;
}



#main_area #recipe_area li {
	float: left;
	padding: 0 1px 0 2px;
	
}


#main_area #recipe_area .r_table {
	margin-left: 13px;


}


#main_area #recipe_area .r_table .r_image {
	text-align: center;
	padding: 5px 0px 5px 0px;
	height: 170px;
	vertical-align: bottom;


}


#main_area #recipe_area .r_table .r_image img {
	border: 1px solid #999999;


}



#main_area #recipe_area .r_table .r_image a {


}


#main_area #recipe_area .r_table .r_image a:hover {
	position: relative;
	top: 1px;
	left: 1px;


}


#main_area #recipe_area .r_table .r_t_title {
	text-align: center;
	font-size: 75%;
	font-weight: bold;
	padding: 2px 2px 10px 0;


}



#main_area #recipe_area .r_table .r_t_title a {
	text-decoration: underline;
	color: #444444;


}


#main_area #recipe_area .r_table .r_t_title a:hover {
	text-decoration: none;
	color: #db0000;


}