@charset "utf-8";

/* ----------------------------------------------------------
	daiei
	recipe_top.css     CSS of recipe_toppage
---------------------------------------------------------- */

/* recipe title
---------------------------------------------------------- */

#mainContents #recipeTitle {
	width: 710px;
	height: 50px;
	margin-top: 10px;
	background-image:url(/recipe/images/recipe_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#mainContents #recipeTitle #recipeTitleImg {
	width: 450px;
	height: 50px;
	margin: 0;
	float: left;
	vertical-align: top;
}

#mainContents #recipeTitle #taberuTopBtn {
	width: 240px;
	height: 38px;
	margin: 0;
	padding: 12px 20px 0 0;
	float: right;
	text-align: right;
}

#mainContents #recipeTitle #recipeBtn {
	width: 240px;
	height: 38px;
	margin: 0;
	padding: 12px 20px 0 0;
	float: right;
	text-align: right;
}


/* osusume recipe
---------------------------------------------------------- */

#mainContents #osusumeTitle {
	width: 710px;
	height: 38px;
	margin: 5px 0 0 0;
	background-image:url(/recipe/images/osusume_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
}

#mainContents #osusumeTitle p#osusumeTitleImg {
	width: 200px;
	height: 38px;
	margin: 0;
	float: left;
	vertical-align: top;
}

#mainContents #osusumeTitle p#osusumePeriod {
	width: 490px;
	margin: 0;
	padding: 0 20px 0 0;
	float: right;
	text-align: right;
	color: #663300;
	font-size: 80%;
	font-weight: bold;
	line-height: 38px;
}

/* IE6 IE7 hacks */
* html #mainContents #osusumeTitle p#osusumePeriod {
	padding: 10px 20px 0 0;
}
*:first-child+html #mainContents #osusumeTitle p#osusumePeriod {
	padding: 0 20px 0 0;
}
/* END hacks */


#mainContents #osusumeTitle p#osusumePeriod img {
	margin-right: 10px;
	vertical-align: middle;
}

#mainContents #osusumeTitle p#osusumePeriod span {
	vertical-align: middle;
}


#mainContents #osusumeWeekly {
	width: 700px;
	margin: 5px auto;
	text-align: center;
}

#mainContents #osusumeWeekly table {
	margin: 0;
	padding: 0;
}

#mainContents #osusumeWeekly .osusumeRecipe {
	width: 90px;
	margin: 0;
	padding: 5px;
	vertical-align: top;
	border: solid 1px #cccccc;
}

/* IE6 IE7 hacks */
* html #mainContents #osusumeWeekly .osusumeRecipe {
	width: 100px;
}
*:first-child+html #mainContents #osusumeWeekly .osusumeRecipe {
	width: 90px;
}
/* END hacks */


#mainContents #osusumeWeekly .osusumeRecipe .osusumeRecipeImg {
	margin-bottom: 5px;
	text-align: center;
}

#mainContents #osusumeWeekly .osusumeRecipe .osusumeRecipeName {
	font-size: 80%;
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
}


/* search and ranking
---------------------------------------------------------- */

#mainContents #searchRanking {
	width: 710px;
	margin-top:10px;
}


/* search
---------------------------------------------------------- */

#mainContents #searchRanking #topSearch {
	width: 420px;
	float: left;
}

#mainContents #searchRanking #topSearch p#topSearchTitle {
	width: 420px;
	margin: 0;
}

#mainContents #searchRanking #topSearch #searchContents {
	width: 420px;
	background-image: url(/recipe/images/top_search_waku1.gif);
	background-repeat: repeat-y;
	
}

#mainContents #searchRanking #topSearch #searchContents #searchForm {
	text-align: center;
}

#mainContents #searchRanking #topSearch #searchContents .button {
	vertical-align: middle;
}

#mainContents #searchRanking #topSearch #searchContents #searchCap {
	padding: 5px 10px;
	text-align: left;
}

#mainContents #searchRanking #topSearch #searchContents #searchCap p#searchCap1 {
	color: #FF6600;
	font-size: 80%;
	line-height: 1.3;
	font-weight: bold;
}

#mainContents #searchRanking #topSearch #searchContents #searchCap p#searchCap2 {
	color: #333333;
	font-size: 80%;
	line-height: 1.3;
}

#mainContents #searchRanking #topSearch #search2 {
	padding: 5px;
	text-align: center;
}

#mainContents #searchRanking #topSearch #search2 img {
	margin: 5px 0;
}

#mainContents #searchRanking #topSearch #topSearchWaku {
	width: 420px;
	height: 10px;
	background-image: url(/recipe/images/top_search_waku2.gif);
	background-repeat: no-repeat;
	vertical-align: top;
}


/* ranking
---------------------------------------------------------- */

#mainContents #searchRanking #ranking {
	width: 280px;
	margin-left: 10px;
	float: left;
}

#mainContents #searchRanking #ranking #rankingTitle {
	width: 280px;
	margin: 0;
}

#mainContents #searchRanking #ranking #rankingContents {
	width: 260px;
	padding: 0 10px;
	background-image: url(/recipe/images/ranking_waku1.gif);
	background-repeat: repeat-y;
}

/* IE6 IE7 hacks */
* html #mainContents #searchRanking #ranking #rankingContents {
	width: 280px;
}
*:first-child+html #mainContents #searchRanking #ranking #rankingContents {
	width: 260px;
}
/* END hacks */


#mainContents #searchRanking #ranking #rankingContents #ranking1 {
	width: 260px;
	margin-bottom: 5px;
}

#mainContents #searchRanking #ranking #rankingContents #ranking1 #ranking1Img {
	width: 90px;
	float: left;
	text-align: left;
}

#mainContents #searchRanking #ranking #rankingContents #ranking1 #ranking1Img img {
	margin: 0;
	padding: 0;
	border: solid 1px #cccccc;
}

#mainContents #searchRanking #ranking #rankingContents #ranking1 #ranking1NumName {
	width: 160px;
	padding: 0 5px;
	float: left;
}

/* IE6 IE7 hacks */
* html #mainContents #searchRanking #ranking #rankingContents #ranking1 #ranking1NumName {
	width: 170px;
}
*:first-child+html #mainContents #searchRanking #ranking #rankingContents #ranking1 #ranking1NumName {
	width: 160px;
}
/* END hacks */


#mainContents #searchRanking #ranking #rankingContents #ranking1 #ranking1NumName p#ranking1Num {
	text-align: left;
}

#mainContents #searchRanking #ranking #rankingContents #ranking1 #ranking1NumName p#ranking1Name {
	font-size: 80%;
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
}

#mainContents #searchRanking #ranking #rankingContents #ranking1 #ranking1NumName p#ranking1Name img {
	padding-right: 5px;
	vertical-align: middle;
}

#mainContents #searchRanking #ranking #rankingContents #ranking1 #ranking1NumName p#ranking1Name a {
	vertical-align: middle;
}


#mainContents #searchRanking #ranking .ranking2 {
	width: 260px;
}

#mainContents #searchRanking #ranking .ranking2 p.ranking2Num {
	width: 40px;
	float: left;
	text-align: left;
	vertical-align : top;
}

#mainContents #searchRanking #ranking .ranking2 p.ranking2Name {
	width: 220px;
	padding-top: 5px;
	float: left;
	text-align: left;
	font-size: 80%;
	font-weight: bold;
	vertical-align : top;
}

#mainContents #searchRanking #ranking #rankingWaku {
	width: 280px;
	height: 9px;
	background-image: url(/recipe/images/ranking_waku2.gif);
	background-repeat: no-repeat;
	vertical-align: top;
}

/* monthly recipe
---------------------------------------------*/

#mainContents .monthlyPhoto {
	width: 160px;
	float: left;
	text-aling: left;
	vertical-align: top;
}

#mainContents .monthlyPhoto img {
	border: 1px solid #FF9933;
}

#mainContents .monthlyTextBox {
	width: 180px;
	float: left;
	text-aling: left;
	vertical-align: top;
}

#mainContents .monthlyTextBox p.monthlyTitle {
	font-size: 90%;
	font-weight: bold;
	line-height: 130%;
}

#mainContents .monthlyTextBox p.monthlyText {
	font-size: 80%;
	line-height: 130%;
}

#mainContents .monthlyTextBox p.monthlyRecipe {
	font-size: 70%;
	line-height: 130%;
}


/* BackNumber osusume recipe
---------------------------------------------------------- */

#mainContents .backnumberTitle {
	width: 710px;
	margin: 5px 0 0 0;
	background-image:url(/recipe/images/osusume_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: left;
	border-top: 1px solid #cccccc;
}

#mainContents .backnumberTitle p.backnumberPeriod {
	width: 700px;
	margin: 0 0 0 10px;
	text-align: left;
	color: #663300;
	font-size: 80%;
	font-weight: bold;
	line-height: 30px;
}

#mainContents .backnumberTitle p.backnumberPeriod img {
	margin-right: 10px;
	vertical-align: middle;
}

#mainContents #osusume .backnumberTitle p.backnumberPeriod span {
	vertical-align: middle;
}


#mainContents .backnumberWeekly {
	width: 700px;
	margin: 5px auto 10px auto;
	text-align: center;
}

#mainContents .backnumberWeekly table {
	margin: 0;
	padding: 0;
}

#mainContents .backnumberWeekly .osusumeRecipe {
	width: 90px;
	margin: 0;
	padding: 5px;
	vertical-align: top;
	border: solid 1px #cccccc;
}

/* IE6 IE7 hacks */
* html #mainContents .backnumberWeekly .osusumeRecipe {
	width: 100px;
}
*:first-child+html #mainContents .backnumberWeekly .osusumeRecipe {
	width: 90px;
}
/* END hacks */


#mainContents .backnumberWeekly .osusumeRecipe .osusumeRecipeImg {
	margin-bottom: 5px;
	text-align: center;
}

#mainContents .backnumberWeekly .osusumeRecipe .osusumeRecipeName {
	font-size: 80%;
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
}


/* clearfix
---------------------------------------------*/
#mainContents #recipeTitle:after,
#mainContents #osusumeTitle:after,
#mainContents #searchRanking:after,
#mainContents #searchRanking #ranking #rankingContents #ranking1:after,
#mainContents #searchRanking #ranking .ranking2:after,
#mainContents .backnumberTitle:after, {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

#mainContents #recipeTitle,
#mainContents #osusumeTitle,
#mainContents #searchRanking,
#mainContents #searchRanking #ranking #rankingContents #ranking1,
#mainContents #searchRanking #ranking .ranking2,
#mainContents .backnumberTitle:after {
	display: inline-block;
}