/* recipe */

#center h1 {
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
background: url(../imgs/recipe/h1.jpg) no-repeat top left;
width: 560px;
height: 180px;
text-indent: -9999px;
}

#center .t1 {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
background: url(../imgs/recipe/t1.gif) no-repeat top left;
width: 270px;
height: 32px;
text-indent: -9999px;
text-align: left;
}
#center .t2 {
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 96px;
background: url(../imgs/recipe/t2.gif) no-repeat top left;
width: 464px;
height: 32px;
font-size: 100%;
font-weight: normal;
line-height: 32px;
}
#center .t3 {
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
background: url(../imgs/recipe/t3.gif) no-repeat top left;
width: 560px;
height: 32px;
text-indent: -9999px;
}

#center .g1 {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
background: url(../imgs/recipe/g1.gif) no-repeat top left;
width: 275px;
height: 30px;
text-indent: -9999px;
text-align: left;
}
#center .g2 {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
background: url(../imgs/recipe/g2.gif) no-repeat top left;
width: 275px;
height: 30px;
text-indent: -9999px;
text-align: left;
}
#center .g3 {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
background: url(../imgs/recipe/g3.gif) no-repeat top left;
width: 275px;
height: 30px;
text-indent: -9999px;
text-align: left;
}
#center .g4 {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
background: url(../imgs/recipe/g4.gif) no-repeat top left;
width: 275px;
height: 30px;
text-indent: -9999px;
text-align: left;
}
#center .g5 {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
background: url(../imgs/recipe/g5.gif) no-repeat top left;
width: 275px;
height: 30px;
text-indent: -9999px;
text-align: left;
}
#center .g6 {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
background: url(../imgs/recipe/g6.gif) no-repeat top left;
width: 275px;
height: 30px;
text-indent: -9999px;
text-align: left;
}
#center .g7 {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
background: url(../imgs/recipe/g7.gif) no-repeat top left;
width: 275px;
height: 30px;
text-indent: -9999px;
text-align: left;
}

#center .left {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 280px;
}
#center .left p {
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 24px;
background: url(../imgs/base/print.gif) no-repeat top left;
}
#center .right {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 280px;
}
#center .left table, .right table {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-collapse: separate;
border-spacing: 2px;
width: 275px;
}
#center .left table th, .right table th {
padding: 8px;
background-color: #fff5e5;
font-weight: normal;
text-align: left;
}
#center .left blockquote, .right blockquote {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 181px;
}
#center .right p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 150%;
width: 265px;
text-align: left;
}
#center .right dl {
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
background: url(../imgs/recipe/dot.gif) no-repeat top left;
width: 270px;
text-align: left;
}
#center .right dl dt {
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
background: url(../imgs/recipe/dot.gif) no-repeat bottom left;
height: 30px;
}
#center .right dl dt p.time {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 35px;
background: url(../imgs/recipe/time.gif) no-repeat;
width: 235px;
height: 30px;
line-height: 30px;
}
#center .right dl dt p.energy {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 35px;
background: url(../imgs/recipe/energy.gif) no-repeat;
width: 235px;
height: 30px;
line-height: 30px;
}
#center .right dl dd {
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
background: url(../imgs/recipe/dot.gif) no-repeat bottom left;
line-height: 150%;
}

#center .s1 dl {
float: left;
margin: 0px 10px 10px 0px;
padding: 0px 0px 0px 0px;
}
#center .s1 dl dt {
float: left;
width: 50px;
}
#center .s1 dl dd {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 6px;
border-top: 6px solid #eeeeee;
border-bottom: 6px solid #eeeeee;
width: 219px;
height: 38px;
line-height: 38px;
}

#center .s2 {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}
#center .s2 table {
float: left;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
border-collapse: separate;
border-spacing: 2px;
width: 366px;
}
#center .s2 table th {
padding: 8px;
background-color: #fff5e5;
width: 10%;
white-space: nowrap;
font-weight: normal;
line-height: 120%;
text-align: left;
}
#center .s2 table th.no {
background-color: #ffffff;
}
#center .s2 table th.set {
background-color: #eeeeee;
}
#center .s2 table td.cs_bt {
border-top: 1px dotted #999;
}
#center .s2 table td.cs_bb {
border-bottom: 1px dotted #999;
}
#center .s2 table td {
padding: 8px;
background-color: #ffffff;
width: 90%;
font-weight: normal;
line-height: 120%;
text-align: left;
}
#center .s2 img {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid #ffcc7f;
width: 182px;
}

#center .s3 {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}
#center .s3 img {
float: left;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
width: 108px;
}
#center .s3 p {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url(../imgs/base/line.gif) repeat-y top left;
width: 442px;
line-height: 28px;
}
#center .s3 blockquote {
clear: both;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url(../imgs/recipe/arrow.gif) no-repeat left;
width: 108px;
height: 15px;
}
#center .s3 span {
font-size: 80%;
line-height: 120%;
}

#center .s4{margin:0 0 20px 0;width:560px;}
#center .s4 .inner{padding:0 10px 10px 10px;}
#center .text{margin:0 0 10px 0;width:530px;font-size:16px;}
#center .check{margin:0 5px 0 0;}
#center .error{margin:0 0 20px 0;padding:10px;border:1px solid #f00;width:538px;background:#fee;color:#f00;text-align:center;line-height:21px;}
#center .s4 label{float:left;margin:0 0 10px 0;width:135px;}
#center .s4 .submit{text-align:center;}
#center .s4 .pages{margin:0 0 10px 0;text-align:right;}
#center .s4 ul{margin:0 0 10px 0;padding:0;list-style:none;}
#center .s4 ul li{margin:0;padding:0;}
#center .s4 ul li.photo{float:left;margin:0 10px 0 0;border:1px solid #f90;width:100px;height:100px;font-size:0;line-height:0;}
#center .s4 ul li.text{float:left;width:428px;}
#center .s4 ul li h4{margin:0 0 5px 0;font-size:100%;color:#7b3;line-height:120%;}
#center .s4 ul li h4 a{color:#7b3;}
#center .s4 ul li p{line-height:150%;}
#center .s4 .link{padding:10px 0 0 0;margin:0 0 30px 0;border-top:1px dotted #999;text-align:center;}