@charset "utf-8";
@import url("help/help.css");
h2 {
	clear: both;
	}
h3 {
	clear: both;
	}
	h3 small {
		font-size: 80%;
	}
	h3 img {
		vertical-align: middle;
		padding: 0px 4px;
		}
	h3#recipe_contest {
		}
h4 {
	}
	h4 small {
		font-weight: normal;
		}
h5 {
	font-size: 100%;
	}
div#recipe-main {
	}
div#recipe-left {
	float: left;
	width: 70%;
	}
div#recipe-right {
	float: right;
	width: 30%;
	}
div#recipe-menu {
	margin-right: 5px;
	}
	div#recipe-menu h3 {
		border-left: 8px solid #fc0;
		border-bottom: 2px solid #fe9;
		margin-bottom: 5px;
		}
	div#recipe-menu div.contb {
		width: 530px;
		padding: 5px;
		margin: 5px;
		color: #000;
		background-color: #fbfbe9;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		}
		div#recipe-menu div.contb div.cont,
		div#recipe-menu div.contb div.cont2,
		div#recipe-menu div.contb div.cont3 {
			color: #000;
			background-color: #fcfcfc;
			}
		div#recipe-menu div.contb div.cont2 {
			width: 330px;
			}
		div#recipe-menu div.contb div.conta {
			text-align: center;
			margin: 5px;
			}
			div#recipe-menu div.contb div.conta img {
				margin-right: 8px;
				}
	div#recipe-menu div.contc {
		width: 500px;
		padding: 5px;
		margin: 5px;
		color: #000;
		background-color: #fcfcfc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		}
		div#recipe-menu div.contc img {
			float: right; 
			}
	div#recipe-menu div.cont {
		width: 155px;
		height: 260px;
		float: left;
		padding: 5px;
		margin: 5px 4px;
		color: #000;
		background-color: #fbfbe9;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		}
	div#recipe-menu div.cont2 {
		width: 340px;
		height: 200px;
		float: left;
		padding: 5px;
		margin: 5px;
		color: #000;
		background-color: #fbfbe9;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		}
	div#recipe-menu div.cont3 {
		width: 240px;
		height: 380px;
		float: left;
		padding: 5px;
		margin: 5px;
		color: #000;
		background-color: #fbfbe9;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		}
	div#recipe-menu li {
		margin: 2px 0px 2px 10px;
		font-size: 80%;
		background-image: url("image/lis5.gif");
		background-repeat: no-repeat;
		background-position: left top;
		padding-left: 10px;
		}
div#top_contest {
	}
	div#top_contest ul {
		float: left;
		margin-right: 24px;
		height: 300px;
		}
	div#top_contest div {
		text-align: center;
		}
		div#top_contest div h5 {
			margin-top: 5px;
			font-size: 80%;
			}
		div#top_contest div a img {
			border: 1px solid #000;
			}
dl#search_result {
	}
	dl#search_result dt {
		background-image: url("image/dts3.gif");
		background-repeat: no-repeat;
		background-position: left center;
		border-bottom: 1px solid #006;
		font-weight: bold;
		padding: 0px 20px 5px 20px;
		margin-top: 10px;
		width: 10em;
		}
	dl#search_result dd {
		color: #000;
		padding: 5px 0px;
		margin-left: 16px;
		}
div#recipe-list {
	width: 100%;
	}
	div#recipe-list div {
		width: 95%;
		margin: 10px 5% 5px 10px;
		padding-bottom: 5px;
		border-bottom: 1px dotted #aaa;
		}
	div#recipe-list div.recipe_img {
		width: 120px;
		float: left;
		border: none;
		}
	div#recipe-list img {
		float: right;
		border: 1px solid #000;
		}
	div#recipe-list h5 {
		padding-top: 8px;
		font-size: 100%;
		}
	div#recipe-list p {
		font-size: 90%;
		}
div.search {
	clear: both;
	text-align: center;
	width: 100%;
	font-size: 90%;
	}
	div.search a {
		text-decoration: none;
		padding: 3px 5px;
		}
	div.search a.page {
		border: 1px solid #f90;
		}
	div.search a.page:hover {
		color: #000;
		background-color: #fec;
		}
	div.search span.cur {
		font-weight: bold;
		border: 1px solid #f90;
		padding: 3px 5px;
		color: #000;
		background-color: #fec;
		}
div#showone {
	border: 1px solid #000;
	padding: 0px;
	margin: 5px;
	}
	div#showone h5 {
		padding: 5px;
		margin: 0px;
		font-size: 120%;
		margin: 5px;
		border-bottom: 1px solid #000;
		}
		div#showone h5 small {
			font-size: 80%;
			font-weight: normal;
			}
	div#showone p {
		margin: 0px 10px;
		font-size: 80%;
		}
	div#showone div#recipe-one {
		float: left;
		padding-left: 16px;
		}
	div#showone img {
		margin: 5px;
		border: 3px solid #aaa;
	}
	div#showone fieldset {
		padding: 1em 0.5em;
		margin: 0px 5px;
		border: none;
		}
	div#showone legend {
		width: 50%;
		font-weight: bold;
		color: #000;
		background-color: #fcc;
		padding: 5px 2em;
		}
	div#showone ul {
		margin-left: 10%;
		}
	div#showone li {
		margin: 5px;
		padding: 0px 0px 2px 2px;
		}
		div#showone ul.item li {
			border-bottom: 1px dashed #999;
			}
		div#showone ul.item li.hh {
			padding: 5px 0px 0px 0px;
			font-size: 100%;
			font-weight: bold;
			border-bottom: none;
			}
		div#showone ul.tej li {
			margin-bottom: 10px;
			text-indent: -2em;
			}
		div#showone ul.tej li.rr {
			text-indent: 0px;
			margin-left: -2em;
			}
	div#showone p.recipe_ctl {
		text-align: right;
		vertical-align: middle;
		}
		div#showone p img {
			border: none;
			}
p.recipe_ctl2 {
	text-align: right;
	margin-right: 10px;
	font-size: 80%;
	}
	p.recipe_ctl2 img {
		margin-right: 2px;
		}
form#recipe-page {
	width: 95%;
	}
form#recipe-search {
	width: 100%;
	}
	form#recipe-search dl {
		border-bottom: 2px solid #eef;
		}
	form#recipe-search dt {
		color: #000;
		background-color: #eef;
		padding: 3px;
		}
	form#recipe-search dd {
		border-left: 2px solid #eef;
		border-right: 2px solid #eef;
		}
div#access {
	margin: 0px 32px;
	}
	div#access h4 {
		background-image: none;
		padding-left: 0px;
		}
	div#access p {
		width: 90%;
		}
	div#access img {
		border: 1px solid #000;
	}
	div#access div.no1 {
		text-align: center;
		width: 99%;
		margin-bottom: 1em;
		}
		div#access div.no1 h4 {
			text-align: center;
			}
		div#access div.no1 span {
			font-weight: bold;
			}
	div#access div.cont {
		width: 33%;
		float: left;
		padding: 1em 0px;
		}
		div#access div.cont span {
			font-size: 80%;
			}
div#recipe-etc {
	width: 95%;
	}
	div#recipe-etc > img {
		float: left;
		margin: 1em;
		}
	div#recipe-etc > p {
		margin: 1em 5% 1em 0px;
		}
	div#recipe-etc  h5 {
		background-image: url("image/hbg.gif");
		background-position: bottom;
		background-repeat: repeat-x;
		font-size: 100%;
		width: 70%;
		padding: 5px;
		margin: 5px;
		}
	div#recipe-etc div.cont {
		width: 40%;
		float: left;
		padding: 5px 1em;
		height: 200px;
		}
	div#recipe-etc div.cont2 {
		width: 85%;
		float: left;
		margin: 1em 5%;
		}
		div#recipe-etc div.cont2 img {
			float: left;
			margin-right: 1em;
			}
		div#recipe-etc div.cont2 span.wt {
			color: #c63;
			background-color: transparent;
			}
div#con-recipe {
	text-align: center;
	padding-left: 5%;
	margin-top: 1em;
	}
	div#con-recipe div.cont img , div#con-recipe div.cont2 img {
		border: 1px solid #000;
		}
	div#con-recipe h5 span {
		display: none;
		}
	div#con-recipe h6 {
		font-size: 120%;
		margin: 0.5em;
		}
		div#con-recipe h6 span {
			color: #f00;
			background-color: transparent;
			}
	div#con-recipe div.cont {
		text-align: left;
		float: left;
		width: 45%;
		}
	div#con-recipe div.cont2 {
		float: left;
		width: 50%;
		text-align: center;
		}
	div#con-recipe div.cont2 h6 {
		font-size: 80%;
		}
	div#con-recipe div.cont3 {
		float: left;
		width: 95%;
		text-align: center;
		margin: 5px;
		padding: 5px;
		color: #000;
		background-color: #ffc;
		border: 2px solid #fc3;
		}
	div#con-recipe div.cont3 h6 {
		font-size: 100%;
		}
	div.grp1 {
		margin: 5px;
		padding: 5px;
		color: #000;
		background-color: #ffc;
		border: 2px solid #d0cc00;
	}
	div.grp2 {
		height: 100%;
		margin: 5px;
		padding: 5px;
		color: #000;
		background-color: #dddbdb;
		border: 2px solid #b3b3b3;
	}
	div.grp3 {
		height: 100%;
		margin: 5px;
		padding: 5px;
		color: #000;
		background-color: #ffe2e2;
		border: 2px solid #d37978;
	}
	div.grp1_s {
		margin: 5px;
		padding: 5px;
		float: left;
		width: 45%;
	}

	p.comment {
		text-align: left;
		clear: both;
		}
div#cont-menu {
	}
	div#cont-menu li {
		margin: 5px 8px;
		background-image: url("image/lis3.gif");
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 20px;
		}		
div#my-recipe {
	margin-top: 16px;
	}
	div#my-recipe div.cont {
		width: 32%;
		float: left;
		margin-top: 8px;
		padding: 2px;
		}
	div#my-recipe h5 {
		font-size: 90%;
		}
div#my-recipe-set {
	}
	div#my-recipe-set div {
		padding: 10px;
		}
	div#my-recipe-set img {
		float: left;
		margin: 0px 10px 10px 10px;
		border: 1px solid #000;
		}
ul#my-recipe-menu {
	margin-bottom: 16px;
	}
	ul#my-recipe-menu li {
		background-image: url("image/lis3.gif");
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 20px;
		margin: 5px;
		}
div#item_sheet {
	}
	div#item_sheet table {
		margin: 0.5em 1em 1em 0px;
		}
	div#item_sheet tr {
		}
	div#item_sheet th {
		padding: 5px 2px;
		font-size: 80%;
		color: #000;
		background-color: #ffc;
		}
	div#item_sheet th.name1, div#item_sheet th.name2 , div#item_sheet th.name3 {
		font-weight: normal;
		padding: 0px 5px;
		width: 10em;
		color: #000;
		background-color: #fff;
		}
	div#item_sheet th.name1 {
		border-bottom: 1px solid #89ffb8;
		}
	div#item_sheet th.name2 {
		border-bottom: 1px solid #ccf;
		}
	div#item_sheet th.name3 {
		border-bottom: 1px solid #ffa0ab;
		}
	div#item_sheet td {
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
		}
div#item_one {
	}
	div#item_one div.item_photo {
		margin-top: 1em;
		margin-right: 1em;
		float: left;
		}
	div#item_one div.item_memo {
		margin: 1em 1em 1em 230px;
		}
	div#item_one dt {
		color: #000;
		background-color: #ffc;
		padding: 3px;
		font-weight: bold;
		}
	div#item_one dd {
		margin-left: 1em;
		margin-bottom: 0.5em;
		}
	div#item_one hr {
		visibility: visible;
		width: 80%;
		border: 1px solid #fc9;
		color: #fc9;
		background-color: #fc9;
		}
	div#item_one div.cont {
		text-align: center;
		float: left;
		width: 30%;
		margin: 0.5em;
		}
ul#grpset {
	margin: 5px;
	}
div#recipe-other {
	padding-left: 16px;
	clear: both;
	}
	div#recipe-other img {
		border: 1px solid #666;
		}
	div#recipe-other p {
		float: left;
		margin: 0px 16px 10px 16px;
		}
table#recipe_memo {
	float: left;
	font-size: 90%;
	}
	table#recipe_memo img {
		border: none;
		}
	table#recipe_memo th {
		text-align: left;
		padding: 8px 16px 8px 0px;
		border-bottom: 1px dotted #f90;
		}
		table#recipe_memo .non {
			border: none;
			}
		table#recipe_memo th img {
			margin: 0px;
			}
	table#recipe_memo td {
		text-align: right;
		padding: 8px 0px 8px 24px;
		border-bottom: 1px dotted #f90;
		}
p#pickup {
	float: left;
	}
	p#pickup img {
		border: 1px solid #000;
		margin: 0px 16px 20px 16px;
		}
p.pickups {
	background-image: url("image/lis4.gif");
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 80%;
	padding-left: 16px;
	margin-top: 12px;
	}
p#pmemo {
	font-size: 80%;
	}
div.contestbg {
	background-image: url("image/recipe/contestbg.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;
	}
div#help {
	margin-left: 0px !important;
	}