@charset "utf-8";

@media screen and (min-width: 641px) {

#tomatonabe {
	width: 100%;
	background: url(../images/bg.png) left top repeat-x;
	}

#arrange {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 50px;
	}

#arrange h1 {
	margin-bottom: 21px;
	}

#arrange h2 {
	margin-bottom: 12px;
	}

#arrange h3 {
	line-height: 0;
	}

#arrange .torori {
	text-align: center;
	padding: 50px 0 0;
	margin-bottom: 70px;
}
#arrange .titCheese {
	margin-bottom: 0;
}
#arrange .titOuchi {
	padding-top: 50px;
}

#arrange .recipeimg {
	margin-bottom: 41px;
	}

#recipe01 {
	background: url(../images/recipe01_btm.png) left bottom no-repeat;
	padding-bottom: 116px;
	}

#recipe02 {
	background: url(../images/recipe02_btm.png) left bottom no-repeat;
	padding-bottom: 147px;
	}

#recipe03 {
	background: url(../images/recipe03_btm.png) left bottom no-repeat;
	padding-bottom: 100px;
	}

#recipe04 {
	background: url(../images/recipe04_btm.png) left bottom no-repeat;
	margin-top: 135px;
	padding-bottom: 122px;
	}


#recipe_karikari {
	background: url(../images/img_line_karikari.png) left bottom no-repeat;
	padding-bottom: 116px;
	padding-top: 40px;
	}

#recipe_caprese {
	background: url(../images/img_line_caprese.png) left bottom no-repeat;
	padding-bottom: 116px;
	padding-top: 40px;
	}

#recipe_bread {
	background: url(../images/img_line_bread.png) left bottom no-repeat;
	padding-bottom: 116px;
	padding-top: 40px;
	}

#recipe_shabu2 {
	background: url(../images/img_line_shabu2.png) left bottom no-repeat;
	padding-bottom: 116px;
	padding-top: 40px;
	}
	
	

#recipe04 .step {
	position: relative;
	}

#recipe04 .step-img1 {
	position: absolute;
	top: 42px;
	left: 130px;
	z-index: 2;
	}

#recipe04 .step-img2 {
	position: absolute;
	top: 45px;
	left: 393px;
	z-index: 2;
	}

#recipe04 .step-img3 {
	position: absolute;
	top: 271px;
	left: 484px;
	z-index: 2;
	}

.anchorTop {
	text-align: right;
	margin: 7px 45px 0 0;
	}

#arrange .point {
	margin: 120px auto 0;
	}

/*-- navi --*/
#mainNaviArea {
	height: 71px;
	background: #d42620;
	}

#mainNaviArea ul.contentsMenu {
	width: 960px;
	height: 71px;
	margin: 0 auto;
	padding: 0;
	background: url(../../images/navi_2208.png) 0 0 no-repeat;
	}

#mainNaviArea ul.contentsMenu li {
	width: 192px;
	float: left;
	display: inline;
	margin:0;
}

#mainNaviArea ul.contentsMenu li a {
	width: 192px;
	height: 71px;
	display: block;
}


#mainNaviArea ul.contentsMenu li.contentsMenuTop a:hover {
	background: url(../../images/navi_2208_on.png) 0 0 no-repeat;
	}

#mainNaviArea ul.contentsMenu li.contentsMenuHow a:hover {
	background: url(../../images/navi_2208_on.png) -192px 0 no-repeat;
	}

#mainNaviArea ul.contentsMenu li.contentsMenuArr a {
	background: url(../../images/navi_2208_on.png) -384px 0 no-repeat;
	}

#mainNaviArea ul.contentsMenu li.contentsMenuMin a:hover {
	background: url(../../images/navi_2208_on.png) -480px 0 no-repeat;
	}

#mainNaviArea ul.contentsMenu li.contentsMenuSim a:hover {
	background: url(../../images/navi_2208_on.png) -576px 0 no-repeat;
	}

#mainNaviArea ul.contentsMenu li.contentsMenuPro a:hover {
	background: url(../../images/navi_2208_on.png) -768px 0 no-repeat;
	}

#mainNaviArea ul.contentsMenu li span {
	display: none;
	}

.clear {
	clear: both;
}

.clf:after {
	content: "";
	display: block;
	height: 0; 
	clear: both; 
	visibility: hidden;
}
  
.clf {
	display: inline-block;
}  

a {
	outline: none;
}

/* Holly Hack Targets IE Win only \*/
* html .clf {height: 1%;}
.clf {display: block;}
/* End Holly Hack */

}