/* CSS Document */

body, div, img, h1, h2, h3, h4, ul, li, table, tr, td{
	margin:0;
	padding:0;
	border:none;
}

body{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size:80%;
	color:#666666;
}

ul, li{
	list-style:none;
}

a:link{color:#0099FF;}
a:visited{color:#0099FF;}
a:hover{color:#0099FF;}
a:active{color:#0099FF;}

/*------------------------------------------*/

div.recipe_container{
	width:800px;
	margin:auto;
}

div.recipe_container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div.recipe_container {
    height: 1em;
    overflow: visible;
}
/**/

/*------------------------------------------*/

div.recipe_head{
	width:800px;
	height:308px;
	background:url(../images/recipe/title_bg.jpg) no-repeat;
}

h1{
	margin-left:22px;
	padding-top:8px;
}

img.about_recipe{
	display:block;
	margin-left:112px;
	margin-bottom:8px;
}

ul.parts_menu{
	width:399px;
	margin-left:81px;
}

ul.parts_menu li{
	float:left;
}

ul.parts_menu li img{
	display:block;
}

/*------------------------------------------*/

div.recipe_main{
	width:800px;
	background:url(../images/recipe/bg.jpg) repeat-y;
}

div.ingredients{
	width:686px;
	margin-bottom:10px;
	margin-left:57px;
	margin-right:57px;
    overflow: hidden;
}

div.pinkrose{
	background:url(../images/recipe/reshipi_rose.gif) left bottom no-repeat;
	border-bottom:5px dotted #896056;
	margin-bottom:20px;
}

div.bluerose{
	background:url(../images/recipe/reshipi_rose4.jpg) right no-repeat;
	border-bottom:5px dotted #896056;
	margin-bottom:20px;
}

div.ingredients:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div.ingredients {
    height: 1em;
    overflow: visible;
}
/**/

/*　大葉追記　*/
div.ingredients h4 img{
	display:block;
	margin-bottom:7px;
	margin-top:7px;
}

div.ingredients div{  
	float: left;  
}  

div.ingredients div.ingredients01{
	width:180px;
}

div.ingredients div.ingredients02{
	width:280px;
}

div.ingredients div.ingredients03{
	width:220px;
}

div.ingredients div.ingredients04{
	width:686px;
	background:url(../images/recipe/reshipi_rose2.gif) right no-repeat;
}

div.ingredients div.ingredients05{
	width:686px;
	background:url(../images/recipe/reshipi_rose3.gif) right no-repeat;
}

div.ingredients table{
	border-collapse:collapse;
	margin-bottom:20px;
	background:url(../images/recipe/reshipi_dot.gif) top repeat-x;
	margin-left:5px;
}

div.ingredients table caption{
	text-align:left;
	font-weight:bold;
}

div.ingredients table tr{
	text-align:left;
	background:url(../images/recipe/reshipi_dot.gif) bottom repeat-x;
}

div.ingredients table tr th{
	font-weight:normal;
	vertical-align:top;
	padding-top:3px;
	padding-bottom:3px;
}

div.ingredients table tr td{
	padding-top:3px;
	padding-bottom:3px;
}

div.ingredients div.ingredients01 table{
	width:150px;
	background:none;
}

div.ingredients div.ingredients02 table{
	width:250px;
}

div.ingredients div.ingredients02 table th{
	width:90px;
}

div.ingredients div.ingredients02 table td{
	width:160px;
}

div.ingredients div.ingredients03 table{
	width:190px;
}

div.ingredients div.ingredients03 table th{
	width:90px;
}

div.ingredients div.ingredients03 table td{
	width:100px;
}

div.ingredients div.ingredients04 table{
	width:250px;
	margin-top:5px;
	background:none;
}

div.ingredients div.ingredients04 table th{
	width:90px;
}

div.ingredients div.ingredients04 table td{
	width:160px;
}

div.ingredients div.ingredients05 table{
	width:100px;
	margin-top:5px;
	background:none;
}

div.bluerose div.ingredients02 table{
	width:250px;
	margin-top:5px;
	background:none;
}

h3.makinghead{
	clear:both;
	margin-left:57px;
}

div.making{
	width:686px;
	margin-left:57px;
	margin-right:57px;
    overflow: hidden;
}

div.making:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div.making {
    height: 1em;
    overflow: visible;
}
/**/

div.parts_material_making{
	width:686px;
}

div.parts_material_making h4 img{
	display:block;
	margin-top:10px;
	margin-bottom:10px;
}

div.recipe_box{
	width:686px;
	line-height:1.5em;
    overflow: hidden;
}

div.recipe_box:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div.recipe_box {
    height: 1em;
    overflow: visible;
}
/**/

div.recipe_box div.recipe_text{
	float:left;
	width:504px;
	margin-right:30px;
}

div.recipe_box div.recipe_text img.preparation{
	display:block;
	margin-left:14px;
}

div.recipe_box div.recipe_text p{
	margin-top:0;
	margin-left:14px;
}

div.recipe_box div.recipe_text p.deco_parts{
	font-weight:bold;
	margin-bottom:2px;
}

div.noh4{
	margin-top:10px;
}

div.recipe_box ul.step li{
	margin-bottom:10px;
	margin-left:14px;
	padding-left:17px;
}

div.recipe_box ul.step li span{
	font-weight:bold;
}

div.recipe_box div.recipe_text_finish{
	float:left;
	width:404px;
	margin-right:30px;
}

div.recipe_box div.recipe_image{
	float:right;
	width:152px;
}

div.recipe_box div.recipe_image img.s_h{
	margin-bottom:30px;
}

div.recipe_box div.recipe_image_finish{
	float:right;
	width:252px;
}

div.recipe_box img.finish{
	display:block;
	margin-top:30px;
	margin-bottom:5px;
	margin-left:14px;
}

div.makingfoot{
	width:800px;
	height:100px;
	background:url(../images/recipe/reshipi_boxbg2.jpg) no-repeat;
}

div.last_makingfoot{
	width:800px;
	height:139px;
	background:url(../images/recipe/reshipi_boxbg2.jpg) no-repeat;
}


/*------------------------------------------*/

div.pagetop_box{
	width:686px;
    overflow: hidden;
}

div.pagetop_box:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div.pagetop_box {
    height: 1em;
    overflow: visible;
}
/**/

div.pagetop_box img{
	padding-right:10px;
	float:right;
	display:block;
	margin-top:20px;
}

div.makingfoot div.pagetop_box{
	width:686px;
	margin-left:57px;
    overflow: hidden;
}

div.makingfoot div.pagetop_box:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div.makingfoot div.pagetop_box {
    height: 1em;
    overflow: visible;
}
/**/

div.last_makingfoot div.pagetop_box{
	width:686px;
	margin-left:57px;
    overflow: hidden;
}

div.last_makingfoot div.pagetop_box:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div.last_makingfoot div.pagetop_box {
    height: 1em;
    overflow: visible;
}
/**/

div.last_makingfoot div.pagetop_box img{
	float:right;
	margin-top:10px;
}

div.last_makingfoot div.pagetop_box img.copyright{
	display:block;
	clear:right;
	float:right;
	margin-top:60px;
}

div.last_makingfoot div.copyright_box{
	width:710px;
	margin-left:45px;
    overflow: hidden;
}

div.last_makingfoot div.copyright_box:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div.last_makingfoot div.copyright_box {
    height: 1em;
    overflow: visible;
}
/**/

div.last_makingfoot copyright_box img{
	float:right;
	margin-top:10px;
}

div.last_makingfoot div.copyright_box img{
	display:block;
	clear:right;
	float:right;
	margin-top:60px;
}

/*------------------------------------------*/

/* リストマーク */

div.recipe_box ul.step li.one{
	background:url(../images/recipe/1.gif) 0 2px no-repeat;
}

div.recipe_box ul.step li.two{
	background:url(../images/recipe/2.gif) 0 2px no-repeat;
}

div.recipe_box ul.step li.three{
	background:url(../images/recipe/3.gif) 0 2px no-repeat;
}

div.recipe_box ul.step li.four{
	background:url(../images/recipe/4.gif) 0 2px no-repeat;
}

div.recipe_box ul.step li.five{
	background:url(../images/recipe/5.gif) 0 2px no-repeat;
}

div.recipe_box ul.step li.six{
	background:url(../images/recipe/6.gif) 0 2px no-repeat;
}

div.recipe_box ul.step li.seven{
	background:url(../images/recipe/7.gif) 0 2px no-repeat;
}

div.recipe_box ul.step li.eight{
	background:url(../images/recipe/8.gif) 0 2px no-repeat;
}

div.recipe_box ul.step li.nine{
	background:url(../images/recipe/9.gif) 0 2px no-repeat;
}

div.recipe_box ul.step li.ten{
	background:url(../images/recipe/10.gif) 0 2px no-repeat;
}