/* recipe */

/* top */
.selectBox {
	width: 840px;
	margin: 0 auto 40px;
	padding: 30px 0;
}
.selectFoods,
.selectCourse,
.selectPickup {
	width: 260px;
	height: 260px;
	margin: 0;
	padding: 0 10px;
	float: left;
	text-align: center;
}
.selectFoods {
	color: #000;
	background: transparent url(../img/recipe/selectbox_foods.gif) no-repeat center top;
}
.selectCourse {
	color: #000;
	background: transparent url(../img/recipe/selectbox_course.gif) no-repeat center top;
}
.selectPickup {
	color: #fff;
	background: transparent url(../img/recipe/selectbox_pickup.gif) no-repeat center top;
}
.selectFoods h2,
.selectCourse h2 {
	height: 190px;
	margin: 0;
	visibility: hidden;
}
.selectFoods select,
.selectCourse select {
	width: 120px;
}
.selectFoods input,
.selectCourse input {
	width: 90px;
}
.selectPickup h2 {
	height: 75px;
	margin: 0;
	visibility: hidden;
}
.selectPickup .thumbnail {
	width: 115px;
	height: 90px;
	margin: 3px auto 5px;
	padding: 10px;
	color: #000;
	background-color: #fff;
	text-align: center;
}
.selectPickup .thumbnail img{
	width: 115px;
	height: 90px;
	overflow: hidden;
}
.selectPickup p{
	width: 135px;
	margin: 0 auto 2px;
	font-weight: bold;
	font-size: 11px;
}


/* --------------------new-------------------- */
#selectBox {
	width: 700px;
	margin: 0 auto 20px;
	padding-bottom: 10px;
	overflow: hidden;
	color: #333;
	background: transparent url(../img/recipe/selectbox_bg.gif) no-repeat left bottom;
}
#selectBox ul {
	width: 710px;
	margin: 0;
	padding: 0;
	zoom: 100%;
}
#selectBox ul:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#selectBox ul li {
	width: 226px;
	margin: 0;
	padding: 0 10px 10px 0;
	float: left;
	list-style-type: none;
}
#selectBox li ol,
#selectBox li div.thumbnail {
	width: 186px;
	margin: 0 auto;
	padding: 0;
}
#selectBox li div.thumbnail {
	height: 156px;
	overflow: hidden;
}
* html #selectPickup {
	padding-right: 0;
	overflow: hidden;
}
#selectBox li li {
	width: 176px;
	margin: 0 auto;
	padding: 0 0 8px 10px;
	background-repeat: no-repeat;
	background-position: 0 0.2em;
}
#selectFoods ol li { background-image: url(../img/recipe/selectbox_foods_mark.gif);}
#selectCourse ol li { background-image: url(../img/recipe/selectbox_course_mark.gif);}
#selectPickup ol li { background-image: url(../img/recipe/selectbox_recipe_mark.gif);}

/* recipe leftside */
.leftMenu{
	width: 160px;
	float: left;
}
.leftMenu h3{
	margin: 0;
	padding: 0;
}
.leftMenu .sideSelectForm{
	width: 147px;
	margin: 0 0 4px;
	padding: 0 5px 5px;
}
.leftMenu #sFoods {
	color: #000;
	background: transparent url(../img/recipe/side_selectbg_foods.gif) no-repeat left bottom;
}
.leftMenu #sCourse {
	color: #000;
	background: transparent url(../img/recipe/side_selectbg_course.gif) no-repeat left bottom;
}
.leftMenu .sideSelectForm select{
	width: 140px;
}
.leftMenu .sideSelectForm input{
	width: 80px;
}
.leftMenu .sideSelectList{
	margin: 0 0 5px;
}
.leftMenu .sideSelectList h4{
	margin: 0;
	padding: 0;
}
.leftMenu .sideSelectList ul{
	margin: 0 0 0 25px;
	padding: 5px 0;
	list-style-type: square;
	list-style-position: outside;
	line-height: 1.2;
}
*:first-child+html .sideSelectList ul {
	line-height: 1.3;
}
.leftMenu .sideSelectList ol{
	list-style-type: none;
	margin: 0;
	padding: 5px 0;
}

.leftMenu .sideSelectList li {
	margin: 0;
	padding: 0;
}
.leftMenu .sideSelectList li a {
	font-weight: bold;
	text-decoration: none;
	color: #434343;
	background-color: transparent;
}



/* recipeメイン */
.rightMain{
	width: 705px;
	float: right;
}
/*hidden*/
.rightMain .asset-meta,
.rightMain .asset-footer {
	display: none;
}
/*.rightMain h2{
	width: 700px;
	height: 20px;
	margin: 0 0 10px;
	padding: 0 1px 1px;
	border-bottom: 2px solid #FC012A;
	font-weight: normal;
}*/
.rightMain h2.recipettl{
	width: 700px;
	height: 20px;
	margin: 0 0 10px;
	padding: 0 .1em .2em;
	border-bottom: 2px solid #FC012A;
	font-weight: normal;
}
.rightMain h2.pickttl{
	width: 700px;
	font-weight: bold;
	font-size: 117%;
	margin: 0 0 10px;
	padding: 0 .1em .2em;
	color: #505050;
	background-color: transparent;
	border-bottom: 1px solid #f60;
}
/* レシピリスト一覧 */
.recipeList {
	width: auto;
	padding-bottom: 30px;
}
.recipeList ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.recipeList li {
	width: 214px;
	height: 66px;
	float: left;
	margin: 0;
	padding: 8px 10px 9px 9px;
	color: #535353;
	background: transparent url(../img/recipe/bg_recipelist_item.gif) no-repeat left top;
	position: relative;
	overflow: hidden;
	line-height: 105%;
}
.recipeList li img.thumb {
	float: left;
	margin-right: 5px;
}
.recipeList li img.imgover {
	width: 74px;
	position: absolute;
	top: 52px;
	left: 94px;
}
.recipeList li a {
	font-weight: bold;
	text-decoration: none;
	color: #535353;
	background-color: transparent;
}

/* レシピ */
.recipeBody{
	width: 440px;
	float: right;
}
.recipeBody h3{
	margin: 0 0 10px;
}
.recipeBody .recipe{
	padding: 5px 0 20px;
}
.recipeBody .recipe dl{
	margin: 0;
	padding: 0;
	zoom: 100%;
}
.recipeBody .recipe dl:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.recipeBody .recipe dt{
	width: 40px;
	margin: 0;
	padding: 0 0 .4em;
	clear: left;
	float: left;
	font-weight: bold;
	color: #EB6100;
	background-color: transparent;
}
.recipeBody .recipe dd{
	width: 390px;
	float: left;
	margin: 0;
	padding: 0 0 .5em;
}
.recipeBody .recipe span{
	font-weight: bold;
	color: #EB6100;
	background-color: transparent;
}
.recipeBody .onePointAdvice{
	width: 430px;
	margin: 15px auto;
	padding: 0 0 10px;
	color: #000;
	background: #FFFDE0 url(../img/recipe/advice_bg.gif) no-repeat left bottom;
}
.recipeBody .onePointAdvice h4{
	margin: 0;
	padding: 0;
}
.recipeBody .onePointAdvice p{
	margin: 0;
	padding: 5px 10px 0;
}
/* 材料 */
.recipeSide{
	width: 250px;
	float: left;
}
.recipeSide h3{
	margin: 0;
	padding: 0;
}
.recipeSide dl {
	margin: 0;
	padding: 0;
}
.recipeSide .photo{
	width: 250px;
	padding: 8px 0;
}
.recipeSide .ingredient{
	width: 250px;
	margin: 10px auto 0;
}
.recipeSide .ingredient p{
	margin: 0;
	padding: 0 2px;
}
.recipeSide .ingredient table{
	width: 248px;
	margin: 5px auto;
	border-collapse: collapse;
}
.recipeSide .ingredient th,
.recipeSide .ingredient td{
	padding: 5px 3px;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	border: 1px solid #e8e8e8;
}
.recipeSide .ingredient caption{
	text-align: left;
	margin: 0;
	padding: 0;
}
.foodsRelated dt,
.recipeSponsor dt{
	float: left;
	margin-right: 5px;
}
.foodsRelated a,
.recipeSponsor a{
	color: #EB6100;
	background-color: transparent;
}