html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: inherit;
  text-decoration: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

li {
  list-style: none; }

h1 {
  font-weight: normal; }

p {
  line-height: 1.7em; }

/* reset.end */
body {
  font: 14px/1 sans-serif;
  background-color: #ffffff; 
  background-image: url("images/bg.jpg");}

.over {
  opacity: 0; }

.header_title {
  padding: 10px 4px; }

nav {
	padding: 0px 0px 10px 0px;
  width: 100%; }
  nav ul {
    margin: 0px auto;
    width: 320px;
    background: url(images/bg_nav_green.png) no-repeat left center;
    overflow: hidden; }
  nav li {
    float: left;
    line-height: 0; }

@media all and (-webkit-min-device-pixel-ratio: 2) {
  nav ul {
    background: url(images/bg_nav_green@2x.png);
    background-size: 320px 51px; } }
#main_recipe {
  margin: 16px auto 13px;
  width: 268px;
  position: relative; }

.product_title {
  font-size: 14px;
  font-weight: bold;
  color: #815d1d;
  text-align: center; }

.recipe_image {
  width: 268px;
  height: 178px;
  box-shadow: 3px 3px 0px #bbb1a2; }

.recipe_caption {
  width: 263px;
  padding-left: 6px;
  font-size: 12px;
  line-height: 21px;
  color: #111111;
  background-color: rgba(255, 255, 255, 0.5);
  background-image: url(images/bg_recipecaption.png);
  background-position: 258px 6px;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  bottom: 0; }

.list_area {
  margin-bottom: 17px;
  background-color: #ffffff; }
  .list_area h1 {
    padding: 5px 5px;
    background-image: url(images/concoursbg.png);}
  .list_area li {
    padding: 3px 10px 3px 3px;
    color: #f08200;
    font-weight: bold;
    border-bottom: 1px solid #f08200;
    background: url(images/bg_btnleft.png) no-repeat right center; }
    .list_area li img {
      margin-right: 9px;
      width: auto;
      height: 38px;
      line-height: 38px;
      vertical-align: middle; }
  .list_area a {
    display: block;
    border-bottom: 1px solid #e4dbc9; }
	
	.recipe_detail {
  font-size: 12px; }
  .recipe_detail h1 {
    padding: 4px 5px;
    color: #5c4112;
    background-color: #d6b782; }
  .recipe_detail table {
    width: 100%;
    background: white; }
  .recipe_detail tr {
    border-bottom: 1px solid #c4a46d; }
  .recipe_detail tr:last-child {
    border: none; }
  .recipe_detail th, .recipe_detail td {
    padding: 6px;
    text-align: left;
    vertical-align: bottom; }
  .recipe_detail th {
    font-weight: normal; }
  .recipe_detail p {
    padding: 10px 6px; }

.recipe_text {
  font-size: 12px;
  background-color: white; }
  .recipe_text h1 {
    padding: 4px 5px;
    color: #5c4112;
    background-color: #d6b782; }
  .recipe_text ol {
    width: 100%;
    padding: 6px 6px 6px 25px;
    box-sizing: border-box; }
  .recipe_text li {
    list-style-position: outside;
    list-style-type: decimal; }
	
	.list_area2 {
  margin-bottom: 17px;
  background-color: #ffffff; }
  .list_area2 h1 {
    padding: 5px 5px;
    background-image: url(images/soupbg.png);}
  .list_area2 li {
    padding: 3px 10px 3px 3px;
    color: #5cb430;
    font-weight: bold;
    border-bottom: 1px solid #5cb430;
    background: url(images/bg_btnleft.png) no-repeat right center; }
    .list_area2 li img {
      margin-right: 9px;
      width: auto;
      height: 38px;
      line-height: 38px;
      vertical-align: middle; }
  .list_area2 a {
    display: block;
    border-bottom: 1px solid #e4dbc9; }
	
	.list_area3 {
  margin-bottom: 17px;
  background-color: #ffffff; }
  .list_area3 h1 {
    padding: 5px 5px;
    background-image: url(images/dishbg.png);}
  .list_area3 li {
    padding: 3px 10px 3px 3px;
    color: #815d1d;
    font-weight: bold;
    border-bottom: 1px solid #956830;
    background: url(images/bg_btnleft.png) no-repeat right center; }
    .list_area3 li img {
      margin-right: 9px;
      width: auto;
      height: 38px;
      line-height: 38px;
      vertical-align: middle; }
  .list_area3 a {
    display: block;
    border-bottom: 1px solid #e4dbc9; }
	
	.list_area4 {
  margin-bottom: 17px;
  background-color: #ffffff; }
  .list_area4 h1 {
    padding: 5px 5px;
    background-image: url(images/dessertbg.png);}
  .list_area4 li {
    padding: 3px 10px 3px 3px;
    color: #e86da3;
    font-weight: bold;
    border-bottom: 1px solid #e86da3;
    background: url(images/bg_btnleft.png) no-repeat right center; }
    .list_area4 li img {
      margin-right: 9px;
      width: auto;
      height: 38px;
      line-height: 38px;
      vertical-align: middle; }
  .list_area4 a {
    display: block;
    border-bottom: 1px solid #e4dbc9; }
	
	.list_area5 {
  margin-bottom: 17px;
  background-color: #ffffff; }
  .list_area5 h1 {
    padding: 5px 5px;
    background-image: url(images/drinkbg.png);}
  .list_area5 li {
    padding: 3px 10px 3px 3px;
    color: #00b3ed;
    font-weight: bold;
    border-bottom: 1px solid #00b3ed;
    background: url(images/bg_btnleft.png) no-repeat right center; }
    .list_area5 li img {
    .list_area li img {
      margin-right: 9px;
      width: auto;
      height: 38px;
      line-height: 38px;
      vertical-align: middle; }
  .list_area5 a {
    display: block;
    border-bottom: 1px solid #e4dbc9; }

.ranking_red {
  background: url(images/bg_btnright_red.png) no-repeat;
  background-position: 4px 12px; }
  .ranking_red li {
    padding-left: 32px; }

.ranking_green {
  background: url(images/bg_btnright_green.png) no-repeat;
  background-position: 4px 12px; }
  .ranking_green li {
    padding-left: 32px; }

.ranking_blue {
  background: url(images/bg_btnright_blue.png) no-repeat;
  background-position: 4px 12px; }
  .ranking_blue li {
    padding-left: 32px; }

@media all and (-webkit-min-device-pixel-ratio: 2) {
  .ranking_red {
    background: url(images/bg_btnright_red@2x.png) no-repeat;
    background-position: 4px 12px;
    background-size: 23px 14px; }

  .ranking_green {
    background: url(images/bg_btnright_green@2x.png) no-repeat;
    background-position: 4px 12px;
    background-size: 23px 14px; }

  .ranking_blue {
    background: url(images/bg_btnright_blue@2x.png) no-repeat;
    background-position: 4px 12px;
    background-size: 23px 14px; }

  .list_area li {
    background: url(images/bg_btnleft@2x.png) no-repeat right center;
    background-size: 8px 45px; }

  .recipe_caption {
    background-image: url(images/bg_recipecaption@2x.png);
    background-size: 6px 10px; } }
footer {
  padding: 10px 0;
  color: #696969;
  font-size: 11px;
  text-align: center; }