@charset "utf-8";

/* 全体構造 */
body {
	margin:0;
	padding:0;
	font: 12px/1.4 "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka;
	background:#FFF url(../img/body-bg.gif) repeat-y top center;
	color: #7d5f32;
}
html:last-child body{/* only safari */
	font-size:70%;
}
img{
	border:0;
	margin:0;
	vertical-align:bottom;
}


/* link */
a{
	color:#0085d9;
	outline:none;
}
a:visited{
	color:#0085d9;
}
a:hover{
	color:#aad043;
}

.link {
	background:url(../img/icon_arrow.gif) no-repeat center left;
	padding-left:13px;
}
.clear {
	clear: both;
	line-height: 0px;
	font-size: 0px;
}
.bar {
	height: 10px;
	background: #E7E8E8;
	width: 100%;
}


/* wrapper */
div#wrapper{
	width:860px;
	margin:0 auto;
	padding:0;
}
div#wrapper h1 {
	margin:0;
}
div#wrapper p {
	line-height:1.5;
	margin: 0px 0px 12px;
}


/* main */
div#main {
	margin: 0px auto;
	padding: 20px 0px 0px;
	width: 820px;
}

h3#recipe {
	margin: 0px 0px 20px;

}
h3#pickup {
	margin: 0px 0px 12px;
	padding: 6px;
}
#adviser_top {
	background: url(../../img/01/adviser_top.gif) no-repeat 0px 0px;
	height: 56px;
	width: 390px;
}
#adviser_mid {
	background: url(../../img/01/adviser_mid.gif) repeat 0px 0px;
	width: 350px;
	padding: 20px 20px 0px;
	font-size: 90%;
}
#adviser_btm {
	background: url(../../img/01/adviser_bottom.gif) no-repeat 0px 0px;
	height: 24px;
	width: 390px;
}
.food {
	width: 180px;
	float: left;
	border: 2px dotted #999999;
	margin: 0px 25px 25px 0px;
	padding: 0px;
}
.food_img {
	width: 120px;
	padding: 10px 30px 0px;
	margin-bottom: 10px;
}
.food_ex {
	font-size: 90%;
	margin: 0px;
	padding: 0px 10px;
}

h2#hope {
	border: 2px dotted #999999;
	margin: 0px 0px 20px 10px;
	padding: 4px 0px;
	width: 794px;
}
h3#cap {
	margin: 0px 0px 30px;
}


.writer {
	width: 772px;
	margin-right: auto;
	margin-left: auto;
}
.writer_top {
	background: url(../img/writer_top.gif) no-repeat 0px 0px;
	height: 24px;
	width: 772px;
}
.writer_bottom {
	background: url(../img/writer_btm.gif) no-repeat 0px bottom;
	width: 737px;
	padding: 0px 15px 10px 20px;
}






#main h2 {
	margin: 0px 0px 0.5em;
	padding: 0px;
}
#main hr {
	border-top: 1px solid #000000;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 1px;
}
#seasoning dl {
	width: 165px;
	float: left;
	border: 2px dotted #006400;
	margin: 0px;
	padding: 5px;
}
#seasoning dt {
	float: left;
	margin-right: 10px;
}
#seasoning p {
	float: left;
	height: 80px;
	margin: 0px;
	padding: 28px 0.5em 0px;
}
#mainRecipe {
	clear: both;
	margin-bottom: 30px;
}
#mainRecipe #mainRecipeImg {
	float: left;
	width: 230px;
	margin: 0px;
	padding: 0px;
}
#mainRecipe dl {
	margin: 0px 0px 0px 230px;
	padding: 0px;
}
#mainRecipe dt {
	font-weight: bold;
	margin-bottom: 5px;
}
#mainRecipe dd {
	margin: 0px 0px 10px;
}
#mainRecipe p {
	text-align: right;
}
#subRecipeLeft,
#subRecipeRight {
	width:400px;
	margin-bottom: 2em;
}
#subRecipeLeft {
	float: left;
}
#subRecipeRight {
	float: right;
}
#subRecipeLeft h3,
#subRecipeRight h3 {
	border: 2px dotted #666666;
	margin: 5px 0px 10px;
	padding: 3px;
}
#subRecipeLeft p,
#subRecipeRight p {
	margin: 0px;
	padding: 0px;
}
#subRecipeLeft .subRecipeImg,
#subRecipeRight .subRecipeImg {
	text-align: center;
}
#subRecipeLeft dl,
#subRecipeRight dl {
	margin:2em 15px;
}
#subRecipeLeft dt,
#subRecipeRight dt {
	margin: 0px 0px 0.5em;
	padding: 0px;
	font-weight: bold;
}
#subRecipeLeft dd,
#subRecipeRight dd {
	margin: 0px 0px 1.5em;
	padding: 0px;
}
#subRecipeLeft .onepoint,
#subRecipeRight .onepoint {
	margin: 0px 15px;
}
#subRecipeLeft .onepoint p,
#subRecipeRight .onepoint p {
}
#subRecipeLeft .onepoint .onepointImg,
#subRecipeRight .onepoint .onepointImg {
	float: left;
	width:140px;
}
#pickup .pickupBox .pickupImg {
	float: left;
}
#pickup .pickupBox {
	width: 395px;
	border: 2px dotted #006400;
	margin-bottom: 20px;
	padding: 3px;
}
#othersRecipe .othersRecipeBox {
	width: 400px;
}
#othersRecipe .othersRecipeImg {
	float: left;
	width: 200px;
}
#othersRecipe .ttl {
	float: right;
	width: 195px;
}
h4 {
	font-size: 100%;
}




/* link-backnumbers */
div#link-backnumbers {
	padding-bottom:20px;
}
div#link-backnumbers ul {
	list-style-type:none;	
}
div#link-backnumbers ul li {
	list-style-type:none;
	margin-bottom: 3px;	
}

/* toTop */
p.toTop {
	margin-left:40px;
	padding-left: 40px;
}

/* copyright */
p#copyright{
	font-size:80%;
	padding-bottom:30px;
	letter-spacing:1px;
	text-align:center;
}