@charset "UTF-8";

/*
	new css file
	create : 110818
	update : 110818
*/

body.recipe #spoonContents #mainVisual{
	position: relative;
	background: url("/recipe/spoon/images/spoon_recipie_bg.jpg") no-repeat left top;
	height: 455px;
}

body.recipe #spoonContents #mainVisual h1{
	position: absolute;
	top: 30px;
	left: 26px;
}

body.recipe #spoonContents #mainVisual #product dt{
	position: absolute;
	top: 38px;
	left: 705px;
}

body.recipe #spoonContents #mainVisual #product dd{
	position: absolute;
	top: 153px;
	left: 731px;
}

body.recipe #spoonContents #mainVisual #how dt{
	position: absolute;
	top: 187px;
	left: 31px;
}

body.recipe #spoonContents #mainVisual #how dd{
	position: absolute;
	top: 213px;
	left: 31px;
}

body.recipe #spoonContents #mainVisual #grain_tit{
	position: absolute;
	top: 265px;
	left: 158px;
}

body.recipe #spoonContents #mainVisual #grain_txt{
	position: absolute;
	top: 314px;
	left: 158px;
}

body.recipe #spoonContents #mainVisual #grain_img{
	position: absolute;
	top: 276px;
	left: 460px;
}

body.recipe #spoonContents #recipeArea{
	position: relative;
}

body.recipe #spoonContents #recipeArea p.catch{
	position: absolute;
	top: 22px;
	left: 48px;
}

body.recipe #spoonContents #recipeArea h2{
	position: absolute;
	top: 54px;
	left: 45px;
}

body.recipe #spoonContents #recipeArea .recipeBox{
	clear:both;
}

body.recipe #spoonContents #recipeArea .recipeBox dl{
	float:left;
	margin:0;
}

body.recipe #spoonContents #recipeArea #recipe01Box{
	clear:both;
	height:260px;
	background: url("/recipe/spoon/images/recipe01Box_bg.jpg") no-repeat left top;
}

body.recipe #spoonContents #recipeArea #recipe02Box{
	clear:both;
	height:289px;
	background: url("/recipe/spoon/images/recipe02Box_bg.jpg") no-repeat left top;
}

body.recipe #spoonContents #recipeArea #pastaBox,
body.recipe #spoonContents #recipeArea #hotBox,
body.recipe #spoonContents #recipeArea #gratinBox,
body.recipe #spoonContents #recipeArea #fancyBox{
	float:left;
}

/* -------------------------------------------------- kouBox */

body.recipe #spoonContents #recipeArea #kouBox{
	background: url("/recipe/spoon/images/kouBox_bg.jpg") no-repeat left top;
	height:585px;
	padding:0 0 0 55px;
}

body.recipe #spoonContents #recipeArea #kouBox h3{
	padding:133px 0 12px 3px;
}

body.recipe #spoonContents #recipeArea #kouBox .recipeBox dl{
	padding:0 9px 18px 0;
}

body.recipe #spoonContents #recipeArea #kouBox .recipeBox dt{
	padding:0 0 9px 0;
}

body.recipe #spoonContents #recipeArea #kouBox #profile p,
body.recipe #spoonContents #recipeArea #kouBox #profile dl{
	float:left;
	margin:0;
}

body.recipe #spoonContents #recipeArea #kouBox #profile p{
	width:145px;
	height:110px;
	padding:0 0 0 47px;
}

body.recipe #spoonContents #recipeArea #kouBox #profile dl{
	padding:9px 0 0 14px;
}

body.recipe #spoonContents #recipeArea #kouBox #profile dt{
	padding:0 0 14px 0;
}

/* -------------------------------------------------- min10Box */

body.recipe #spoonContents #recipeArea #min10Box{
	background: url("/recipe/spoon/images/min10Box_bg.jpg") no-repeat left top;
	height:257px;
	padding:0 0 0 52px;
}

body.recipe #spoonContents #recipeArea #min10Box h3{
	padding:12px 0 9px 3px;
}

body.recipe #spoonContents #recipeArea #min10Box .recipeBox dt{
	padding:0 9px 7px 0;
}

/* -------------------------------------------------- pastaBox */

body.recipe #spoonContents #recipeArea #pastaBox{
	height:245px;
	padding:0 0 0 56px;
	margin-bottom:15px;
}

body.recipe #spoonContents #recipeArea #pastaBox h3{
	padding:8px 0 9px 3px;
}

body.recipe #spoonContents #recipeArea #pastaBox .recipeBox dt{
	width:193px;
	padding:0 13px 7px 0;
}

/* -------------------------------------------------- hotBox */

body.recipe #spoonContents #recipeArea #hotBox{
	height:245px;
	padding:0 0 0 26px;
	margin-bottom:14px;
}

body.recipe #spoonContents #recipeArea #hotBox h3{
	padding:13px 0 9px 3px;
}

body.recipe #spoonContents #recipeArea #hotBox .recipeBox dt{
	padding:0 13px 7px 0;
}

/* -------------------------------------------------- gratinBox */

body.recipe #spoonContents #recipeArea #gratinBox{
	height:245px;
	padding:0 0 0 56px;
	margin-bottom:14px;
}

body.recipe #spoonContents #recipeArea #gratinBox h3{
	padding:10px 0 9px 3px;
}

body.recipe #spoonContents #recipeArea #gratinBox .recipeBox dt{
	padding:0 13px 7px 0;
}

/* -------------------------------------------------- fancyBox */

body.recipe #spoonContents #recipeArea #fancyBox{
	height:245px;
	padding:0 0 0 26px;
	margin-bottom:14px;
}

body.recipe #spoonContents #recipeArea #fancyBox h3{
	padding:10px 0 9px 3px;
}

body.recipe #spoonContents #recipeArea #fancyBox .recipeBox dt{
	padding:0 13px 7px 0;
}



/*
body.recipe #spoonContents #otherBox{
	background: url("/recipe/spoon/images/otherBox_bg.jpg") no-repeat left top;
	height:177px;
	padding:0 0 0 209px;
	clear:both;
}

body.recipe #spoonContents #otherBox dl{
	float:left;
	margin:0;
}

body.recipe #spoonContents #otherBox dl.txt{
	padding:17px 28px 0 0;
}

body.recipe #spoonContents #otherBox dl.txt dt{
	padding-bottom:10px;
}

body.recipe #spoonContents #otherBox dl.qr{
	padding:12px 22px 0 0;
	text-align:center;
}

body.recipe #spoonContents #otherBox dl.qr dt{
	padding-bottom:5px;
}

*/



body.recipe #spoonContents #otherBox{
	position: relative;
	background: url('/recipe/spoon/images/spoon_recipie_bnr.jpg') no-repeat center top;
}

body.recipe #spoonContents #otherBox .naruhodobnr{
	width: 215px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 30px;
}

body.recipe #spoonContents #otherBox .mbqr{
	position: absolute;
	right: 333px;
	top: 37px;
}

body.recipe #spoonContents #otherBox .spqr{
	position: absolute;
	right: 213px;
	top: 37px;
}





body.recipe #spoonWrap #pageBack{
	padding-top:18px;
}

body.recipe #mainContents h1,
body.recipe #mainContents h2,
body.recipe #mainContents h3{
	background: none;
	border: 0 none;
	margin: 0;
	padding: 0;
}

body.recipe #mainContents ul,
body.recipe #mainContents li,
body.recipe #mainContents p{
	margin: 0;
	padding: 0;
}

/* ##### spBtn ##### */
.spBtn {
	padding:10px 50px;
	text-align:center;
	border:1px solid #ccc;
	background:-moz-linear-gradient(top, #e50012, #b2000e);
	background:-webkit-gradient(linear, left top, left bottom, from(#e50012), to(#b2000e));
	font-weight:bold;
	-moz-border-radius:30px / 30px;
	-webkit-border-radius:30px / 30px;
	font-size:250%;
	margin:20px auto;
	width:800px;
}
body .spBtn a {
	display:block;
	color:#fff;
	text-decoration:none;
	padding: 40px 0 40px 40px;
	line-height:bottom;
	background:url(/sp/common/images/smartphone.png) 70px center no-repeat;
}

/* EOF */