@charset "iso-2022-jp";

/* board */
div.cover div.brd-cover {
	background-image:url(img/frame.jpg);
	background-position:left top;
	background-repeat:repeat-y;
	margin:0 28px;
	}
div.cover div.brd-cover div.contents {
	background-image:url(img/frame.jpg);
	padding-bottom:50px;
	}

/* h1 */
div.brd-cover h1.h1-common {
	background-image:url(img/h1.jpg);
	}
div.brd-cover h1.h1-common span {
	height:281px;
	}

div.brd-copy-loop {
	position:relative;
	background-image:url(img/brd_copy.jpg);
	background-position:left top;
	background-repeat:repeat-y;
	margin:0 56px;
	}
div.brd-copy-loop div.brd-copy-btm {
	background-image:url(img/brd_copy.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	padding:0 25px 45px 25px;
	}
div.brd-copy-loop div.ph-takeru {
	background-image:url(img/takeru.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	position:absolute;
	right:0;
	bottom:40px;
	}
div.brd-copy-loop div.ph-takeru img {
	width:230px;
	height:175px;
	}
div.brd-copy-loop div.brd-copy-btm p {
	font-size:87.5%;
	line-height:1.6;
	margin-bottom:1.25em;
	}
div.brd-copy-loop div.brd-copy-btm p.pdg200 {
	padding-right:200px;
	}

div.brd-copy-loop div.brd-copy-btm dl.kome dt, div.brd-copy-loop div.brd-copy-btm dl.kome dd {
	font-size:83%;
	line-height:1.6;
	margin-bottom:1.25em;
	color:#7b4e17;
	}
div.brd-copy-loop div.brd-copy-btm dl.kome dt {
	display:inline;
	}
div.brd-copy-loop div.brd-copy-btm dl.kome dd {
	padding-right:225px;
	}


div.contents h2.h2-recipe {
	background-image:url(img/h2.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:146px;
	}
div.contents h2.h2-recipe span {
	display:block;
	font-size:2px;
	text-indent:-9999px;
	background-image:url(img/h2.png);
	background-repeat:no-repeat;
	height:40px;
	}

div.contents div.brd-loop {
	background-image:url(img/brd_recipe.jpg);
	background-position:left top;
	background-repeat:repeat-y;
	margin:0 56px;
	}
div.contents div.brd-loop-btm {
	background-image:url(img/brd_recipe.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	padding:0 36px 110px;
	}

div.contents div.brd-loop-btm {
	background-image:url(img/brd_recipe.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	padding:0 36px 110px;
	}

div.materials {
	margin-bottom:30px;
	}
div.materials div.pics {
	float:left;
	background-position:left top;
	background-repeat:no-repeat;
	}
div.materials div.pics img {
	width:340px;
	height:315px;
	}
div.contents div.brd-loop-btm table {
	/*border-collapse:collapse;
	border-spacing:0;*/
	border-collapse:separate;
	padding:0;
	float:right;
	width:380px;
	}
div.contents div.brd-loop-btm table th, div.contents div.brd-loop-btm table td {
	font-size:87.5%;
	line-height:1.25;
	background-color:#f4ead6;
	vertical-align:top;
	padding:5px 15px;
	}
div.contents div.brd-loop-btm table th {
	color:#ffe090;
	background-color:#4e2a18;
	text-shadow:1px 1px 3px #000;
	text-align:center;
	}
div.contents div.brd-loop-btm table td.subtitle {
	font-weight:bold;
	background-color:#e8d7b9;
	}

div.caption {
	float:right;
	width:380px;
	padding-top:10px;
	}
div.caption dl {
	margin-left:4px;
	}
div.caption dl dt, div.caption dl dd {
	font-size:87.5%;
	line-height:1.5;
	margin-bottom:0.5em;
	}
div.caption dl dt {
	float:left;
	width:2em;
	display:inline;
	}
div.caption dl dd {
	padding-left:2.5em;
	}

div.contents div.brd-loop-btm h3 {
	line-height:1.25;
	margin-bottom:0.5em;
	}
div.contents div.brd-loop-btm ol {
	margin-left:2em;
	margin-bottom:2em;
	}
div.contents div.brd-loop-btm ol li {
	line-height:1.6;
	margin-bottom:0.25em;
	}

span.point {
	color:#cc4e33;
	}

div.backnumber ul {
	list-style-type:none;
	}
div.backnumber ul li {
	}
div.backnumber ul li a {
	display:block;
	color:#4e3317;
	line-height:1.25;
	padding:10px 20px;
	text-decoration:none;
	}
div.backnumber ul li a:hover {
	background-color:#f4ead6;
	}


div.memo {
	padding:20px;
	background-image:url(img/bg_memo.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	background-color:#f4eadc;
	}
div.memo ul {
	margin-left:1.5em;
	margin-bottom:1.25em;
	}
div.memo p, div.memo ul li {
	font-size:87.5%;
	line-height:1.6;
	}
div.memo p.mgb1em {
	margin-bottom:1.25em;
	}

div.bx-line {
	border-bottom:1px dashed #7b664e;
	margin-bottom:1.5em;
	}
div.contents div.brd-loop-btm div.bx-line ol {
	margin-bottom:1.5em;
	}