@charset "Shift_JIS";

/* =============================================================
	味の素KK レシピ大百科
	/recipe/basic/movie以下
	左ナビ用css
============================================================== */

/* ==================================================
	汎用css
================================================== */
.clearfix:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }
.clearfix { min-height: 1em; }
* html .clearfix { height: 1em; }

#sub a:Link {
	color: #893205;
	text-decoration: underline;
}

#sub a:visited {
	color: #893205;
}

#sub a:active {
	color: #893205;
}

#sub a:hover {
	color: #d14500;
	text-decoration: none;
}


/* MAIN（このコンテンツ用に修正）
--------------------------------------------------------------*/
#MAIN{
	margin:0px auto;
	width: 803px;
	background-image: url(../../../../../common/images/fot_bg01.gif);
	background-repeat: repeat-x;
	background-position:left bottom;
}

/* CONTENTS（このコンテンツ用に修正）
--------------------------------------------------------------*/
#CONTENTS{
	float:right;
	width:708px;
}
#CONTENTS .mainarea{
	margin: 40px 0 0 20px;
	width:574px;
}
#CONTENTS .mainarea2{
	margin:10px 0 0 20px;
	width:574px;
}

/* LEFTNAVI
--------------------------------------------------------------*/
#LEFTNAVI{
	float:left;
	width: 209px;
}




/*	左カラム
-------------------------------------------------- */
#subLogo {
	width: 169px;
	height: 54px;
	float: left;
	margin: 10px 0 10px 20px;
}

#sub {
	width: 189px;
	float: left;
	position: relative;
	margin: -1px 0 10px;
	padding: 10px 0 20px 20px;
	background: url(../../../../../recipe/basic/movie/images/movie_sub_bg.gif) no-repeat left top;
}

#sub h2 {
	font-size: 0.1em;
}

/*	フリーワード検索	*/
#sub .searchBox {
	width: 174px;
	margin: 0 0 20px;
	background: url(../../../../../recipe/common/images/srch_mdl.gif) repeat-x left 37px #ffefab;
}

#sub .searchBox h2 {
	margin: 0;
}

#sub .searchBox input,
#sub .searchBox img {
	vertical-align: middle;
}

#sub .searchBox .inputText {
	width: 160px;
	position: relative;
	margin: 6px auto 0;
	background: url(../../../../../recipe/common/images/srch_inpt_btm.gif) no-repeat left bottom;
}

#sub .searchBox .inputText p {
	width: 144px;
	display: block;
	padding: 4px 8px;
	background: url(../../../../../recipe/common/images/srch_inpt_tp.gif) no-repeat left top;
}

#sub .searchBox .inputText input {
	width: 144px;
	border: 0;
}

#sub .searchBox ul {
	width: 160px;
	margin: 4px auto;
}

#sub .searchBox ul li {
	display: inline;
	padding: 0 2px 0 0;
}

#sub .searchBox ul li input {
	margin: 0 3px 0 0;
}

#sub .searchBox p.submit {
	padding: 5px 0 8px 54px;
	background: url(../../../../../recipe/common/images/srch_ft.gif) no-repeat left bottom;
}

#sub .searchBox p.submit input {
	margin: 0 9px 0 0;
}

/*	ドロップリスト	*/
#sub .dropdown {
	visibility:hidden;
	width: 256px;
	position: absolute;
	z-index: 11;
	padding: 0 0 7px;
	background: url(../../../../../recipe/common/images/srch_drp_bck_btm.gif) no-repeat left bottom;
}

#sub .dropdown ul {
	width: 252px;
	position: relative;
	margin: -4px 0 0;
	padding: 7px 2px 0;
	background: url(../../../../../recipe/common/images/srch_drp_bck_tp.gif) no-repeat left top;
}

#sub .dropdown ul li {
	width: 242px;
	display: block;
	cursor: pointer;
	padding: 2px 5px;
	overflow:hidden;
	white-space:nowrap;
}

#sub .searchBox .inputText .dropdown {
	top: 29px;
	left: 0px;
}
#sub #addBtn {
	visibility:hidden;
	position: absolute;
	z-index: 10;
	left:164px;
	top:-2px;
	width:39px;
	height:29px;
	background: url(../../../../../recipe/images/srch_addbtn_back.gif) no-repeat left top;
}
#sub #addBtn input{
	margin-top:4px;
	width:35px;
	height:20px;
}

/*	お弁当レシピバナー	*/
#sub p.bannerLunchbox {
	margin: 0 0 26px;
}

/*	おすすめレシピ	*/
#sub .recommendRecipe {
	width: 178px;
	line-height: 1.2;
	margin: 0 0 26px;
	padding: 0 0 1px;
}

#sub .recommendRecipe a {
	color: #552f1c;
	text-decoration: none;
}

#sub .recommendRecipe a:hover {
	color: #d14500;
}

#sub .recommendRecipe h2 {
	margin: 0 0 8px;
}

#sub .recommendRecipe h3 {
	margin: 0 0 6px;
	font-size: 0.1em;
}

#sub .recommendRecipe ul {
	width: auto; 
	margin:0 0 10px 0;
}

#sub .recommendRecipe ul li {
	white-space: nowrap;
	float: left;
	padding:0 0 2px 12px;
	background: url(../../../../../recipe/common/images/srch_icn_crs.gif) no-repeat 5px 4px;
}

#sub .recommendRecipe01 ul li { min-width: 54px; }
#sub .recommendRecipe02 ul li { min-width: 63px; }
#sub .recommendRecipe03 ul li { min-width: 38px; }
* html #sub .recommendRecipe01 ul li { width: 54px; }
* html #sub .recommendRecipe02 ul li { width: 63px; }
* html #sub .recommendRecipe03 ul li { width: 38px; }

#sub .recommendRecipe ul.recommendBanner {
	margin: 0 0 5px;
}

#sub .recommendRecipe ul.recommendBanner li {
	float: none;
	padding: 0 0 5px;
}

#sub .recommendRecipe .allRecipeList {
	margin: 0 0 0 10px;
	padding:0 0 0 6px;
	font-size: 80%;
	background: url(../../../../../recipe/common/images/srch_icn_crs.gif) no-repeat 0 center;
}

/*	なるほど！料理のコツ	*/
#sub .solution {
	margin: 0 0 25px;
}

#sub .solution h2 {
	margin: 0 0 8px;
}

#sub .solution ul li {
	margin: 0 0 5px;
	padding: 0;
}

/*	携帯サイト	*/
#sub .mobile h2 {
	margin: 0 0 8px;
}



/*	IE6印刷用
-------------------------------------------------- */
@media print {
* html body {
	zoom: 70%;
}
#CONTENTS .mainarea{
	margin: 40px 0 0 10px;
	width:574px;
}
#CONTENTS .mainarea2{
	margin:10px 0 0 10px;
	width:574px;
}
}