/* 全体レイアウト */

div#contents h1 {
	margin-right: 20px;
	margin-left: 20px;
	}

div#main {
	width: 740px;
	margin-right: 20px;
	float: right;
	}

div#side {
	width: 210px;
	float: left;
	margin-top: 0px;
	margin-left: 20px;
	padding-bottom: 16px;
	background: url(/image/side_bg_vine.png) 0px 0px repeat-y #f99;
	}

/* ページ案内 */
div.introduction {
	width: 480px;
	margin: 0px auto 8px;
	border: solid 4px #fcc;
	}

div.introduction div.substance p {
	text-align: left;
	margin: 12px 8px 8px 12px;
	padding: 0px;
	text-indent: 0.5em;
	line-height: 120%;
	}
div.introduction div.substance p.notes {
	margin-top: 4px;
	padding-left: 1em;
	text-indent: -1em;
	}

/* 料理写真 */
div.substance div.image { width: 400px; margin: 0px auto;}

/* 本文 */
div.newestmenu h2 { color: #666; text-align: left; margin: 0px 0em 8px; font-size: 123.1%;}
div.newestmenu h2 { padding: 3px 1em 2px 0.5em; border: #999 solid; border-width: 0px 0px 1px 4px;}

div.newestmenu div.substance h3 { text-align: center; margin: 12px 8px 8px 8px; padding: 0px 0px 0px 4px; font-size: 123.1%;}
div.newestmenu div.substance h3 span.title { font-size: 182%; font-weight: normal;}
div.newestmenu div.substance h3.copy { }

div.newestmenu div.substance p { text-align: left; margin: 12px 8px 8px 12px; padding: 0px; text-indent: 0.5em; line-height: 120%; }

div.newestmenu div.substance p.notes { margin-top: 4px; padding-left: 1em; text-indent: -1em;}

/* 本文・前説 */
div.setsumei { width: 520px; margin: 2em auto; }
div.setsumei p { font-size: 123.1%; line-height: 140%;}

/* 本文・材料 */
div.material {width: 496px; margin: 2em auto; padding: 8px; border: dotted #666 3px; text-align: center;}
table.material {width: 480px;}
table.material td {text-align: center;}

table.material th h4 { font-size: 108%;}

table.material th { text-align: left; padding: 3px 1px;}
table.material td { text-align: left;}
table.material table.center { width: 248px; text-align: left; font-size: 100%; margin: 0px auto;}
table.material table.right { width: 248px; text-align: left; font-size: 100%;}
table.material table.left { width: 248px; text-align: left; font-size: 100%;}

table.material table.center td,
table.material table.right td,
table.material table.left td { width: 48%; padding-left: 12px;}

table.material th.mix { width: 4%; margin: 0px; padding: 0px; border: solid #666; border-width: 1px 0px 1px 2px;}
table.material th.submatertop { width: 48%; padding: 2px 0px 3px;}
table.material th.submater { padding: 0px 0px 3px;}
table.material th.submaterunder { padding: 0px 0px 1px;}

div.material { margin: 2em auto; padding: 1em; border: dotted #666 3px; text-align: left;}
div.material h4 { margin: 0px 0px 8px;  text-align: center; font-size: 100%;}

div.material dl.materiallistl { float: left;}

div.material dl.materiallistl,
div.material dl.materiallistr { margin-top: 0px; margin-left: 16px;}

div.material dl.materiallistr { margin-bottom: 16px;}

div.material dl dt,
div.material dl dd { width: 7em; text-align: left; margin: 4px 0px 0px 0px; padding: 0px 0px 0px;}
div.material dl dt { float: left;}

div.material dl dt.submaterial { padding-left: 8px;}
div.material dl dt.submaterial,
div.material dl dd.submaterial { }

div.material dl dt.othermaterial { text-indent: -1em; padding-left: 1em;}
div.material dl dt.othermaterial,
div.material dl dd.othermaterial { margin-top: 4px;}

/* 本文・作り方 */
div.recipe { width: 520px; margin: 0px auto;}

div.recipe h4 { margin-bottom: 8px; font-size: 108%;}

div.recipe dl,
div.recipe ol { text-align: left; margin: 0px 0px; padding: 0px 0px 0px 32px; font-size: 100%;}

div.recipe ol li { margin: 16px 0px; padding: 0px 0px 0px 0px; line-height: 130%; }
div.recipe ol li em { font-weight: bold; }
div.recipe ol li strong { color: #FF3333; }
div.recipe ol li span.comment { padding: 12px 0px; font-size: 100%; }

div.recipe dl dt { margin: 16px 0px 8px 0px; padding: 0px; line-height: 130%; }
div.recipe dl dd { margin: 8px 0px 0px 1em; padding: 0px; line-height: 130%; }

div.recipe ul { text-align: left; margin: 0px 0px 8px 32px; padding: 0px; }
div.recipe ul li { margin: 8px 0px; padding: 0px; line-height: 120%; }

span.kome { font-size: 77%; vertical-align: top;}


/* バックナンバーメニュー */
ul#section-menu-oya li#c-year ul li a {
	width: 100px;
	}

ul#section-menu-oya li#c-year ul ul {
	margin-top: -19px;
	margin-left: 112px;
	}

ul#section-menu-oya li#c-year ul ul li a {
	width: 320px;
	}

ul#section-menu-oya li#c-month ul li a {
	width: 80px;
	}

ul#section-menu-oya li#c-month ul ul {
	margin-top: -19px;
	margin-left: 92px;
	}

ul#section-menu-oya li#c-month ul ul li a {
	width: 300px;
	}