@charset "UTF-8";

*  { margin: 0; padding: 0; }
ul { list-style: none; }
fieldset, img { border: none; }
table { border-collapse: collapse; }

body {
	margin:  0;
	padding: 0;
	text-align: left;
	font-size:    80%;
	line-height: 110%;
	font-family: verdana, arial, sans-serif;
	color: #000;
	background-color: #fff;
}

a, :focus, :active {
	outline: none;
}

a:link, 
a:visited {
	text-decoration: none;
	color: #09f
}
a:hover, 
a:active {
	text-decoration: underline;
}

.cr {
	clear: both;
	height: 0px;
	visibility: hidden;
	overflow: hidden;
	display: block;
}

a#scroll-to-top {
	position: fixed;
	right:  15px;
	bottom: 170px;
	width:  35px;
	height: 35px;
	background: url(../images/arrow.png) no-repeat center center;
	text-indent: -9999px;
	font-size: 0;
	outline: 0;
	cursor: pointer;
	z-index: 1999;
}

/****************************
  fix footer
*****************************/

html, body {
	height: 100%;
	margin:  0;
	padding: 0;
}

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
}

#screen {
	padding-bottom: 150px;
}

#footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 150px;
	z-index: 999;
}

/****************************
  Btn
*****************************/

#prevBtn, 
#nextBtn {
	position: fixed;
	top: 33%;
	width:  32px;
	height: 63px;
	margin:  0;
	padding: 0;
	z-index: 1000;
}
#prevBtn {
	left:  0px;
}
#nextBtn {
	right: 0px;
}

/****************************
  footer
*****************************/

#footer {
	background-color: #fff;
}

#wrapper_footer {
	position: relative;
	height: 150px;
}

#wrapper_footer .footer_left {
	position: absolute;
	top:   17px;
	left:  50px;
}

#wrapper_footer .footer_right {
	position: absolute;
	width: 260px;
	top:   15px;
	right: 50px;
	text-align: right;
}

#wrapper_footer .footer_bottom {
	position: absolute;
	bottom: 15px;
	right:  40px;
}

/****************************
  footer left & right
*****************************/

h1.h1_footer {
	float: left;
	width: 220px;
	margin:  8px 0 0;
	padding: 0;
}

ul.ul_footer {
	float: left;
	margin:  0 0 0 50px;
	padding: 0;
}

ul.ul_footer li {
	float: left;
	width: 103px;
	margin:  0;
	padding: 0;
	text-align: left;
}

/****************************
  footer bottom
*****************************/

.grid_contact, 
.grid_cart, 
.grid_guide, 
.grid_link, 
.grid_facebook, 
.grid_twitter {
	float: right;
	text-align: right;
}

.grid_contact {
	width: 115px;
}
.grid_cart {
	width: 143px;
}
.grid_guide {
	width: 115px;
	padding: 0 0 0 5px;
}
.grid_link {
	width: 24px;
}
.grid_facebook {
	width: 110px;
	padding: 3px 0 0 12px;
	text-align: left;
}
.grid_twitter {
	width: 78px;
	padding: 3px 0 0 0;
}

/****************************
  contents
*****************************/

#bg {
	position: fixed;
	width:  200%;
	height: 200%;
	top:  -50%;
	left: -50%;
}
#bg img {
	position: absolute;
	min-width:  50%;
	min-height: 50%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

/**/

#wrapper_loading {
	position: absolute;
	width:  30px;
	height: 30px;
	top:  35%;
	left: 50%;
	text-align: center;
	z-index: 1000;
}

#wrapper_contents, 
#wrapper_contact {
	position: absolute;
	left: 0px;
	width: 100%;
	z-index: 999;
}

#wrapper_contents {
	top: 50px;
}
#wrapper_contents_product {
	position: absolute;
	left: 0px;
	width: 100%;
	z-index: 999;
	top: 15%;
}

#wrapper_contact {
	top: 30px;
}

/**/

#body_contents {
	width: 900px;
	margin:  0 auto 170px;
	padding: 0;
}

#body_delicious {
	width: 740px;
	margin:  0 auto 170px;
	padding: 0;
}

#body_recipe {
	width: 740px;
	margin:  0 auto 170px;
	padding: 0;
}

#body_product {
/*
	width: 1160px;
*/
	width: 1080px;
	margin:  0 auto 170px;
	padding: 0;
}

#body_thanks {
	width: 740px;
	margin:  0 auto 180px;
	padding: 70px 0 0 0;
}

#body_contact {
	width: 740px;
	margin:  0 auto 180px;
	padding: 0;
}

#wrapper_section, 
#body_contents, 
#body_delicious, 
#body_thanks {
	display: none;
}

#body_recipe, 
#body_product {
	visibility: hidden;
}

/****************************
  delicious
*****************************/

h1.h1_contents {
	margin: 0 0 8px;
}

h1.h1_contents.recipe {
	padding: 0 0 0 15px;
}

h2.h2_contents {
	margin: 0;
	text-align: right;
}

p.p_contents {
	margin:  0;
	padding: 15px 0 8px 4px;
	color: #fff;
	font-weight: bold;
	font-size:   120%;
	line-height: 140%;
	text-shadow: 0 1px 0 #000;
	text-shadow: 0 1px 0 #002549;
}

.wrapper_thumb {
	width:  740px;
	height: 494px;
	margin:  0 0 8px;
	padding: 0;
	position: relative;
}
.wrapper_thumb img {
	vertical-align: bottom;
}

.wrapper_thumb a, 
.wrapper_thumb span.play {
	display: block;
	width:  740px;
	height: 494px;
}

.wrapper_thumb span.play {
	position: absolute;
	top:  0px;
	left: 0px;
	background: url(../images/p_arrow_video_play.png) no-repeat center center;
}

.wrapper_thumb a:hover span.play {
	background-image: url(../images/p_arrow_video_play_on.png);
}

/****************************
  recipe
*****************************/

.wrapper_recipe {
	float: left;
	width: 340px;
	margin:  0 15px 20px;
	padding: 0;
	background: url(../images/bg_wrapper_product.png) repeat;

	float: none;
	margin: 0 auto 20px;
}

.wrapper_inner_recipe {
	width: 324px;
	margin:  0;
	padding: 8px;
}

.thumb_recipe {
	margin:  0;
	padding: 0;
}

.thumb_recipe img {
	vertical-align: bottom;
}

h1.h1_recipe {
	margin:  10px 0 0;
	padding: 0;
	font-weight: bold;
	font-size:   14px;
	line-height: 120%;
}

ol.ol_recipe {
	list-style-type: decimal;
	margin:  0 0 0 2em;
	padding: 0;
}

ol.ol_recipe li {
	margin:  .7em 0 0;
	padding: 0;
	line-height: 1.3;
}

p.p_recipe {
	margin:  1em 0 0;
	padding: 0;
	line-height: 150%;
}

/****************************
  product
*****************************/

.wrapper_product {
	float: left;
	width: 250px;
	margin:  0 10px 20px;
	padding: 0;
	background: url(../images/bg_wrapper_product.png) repeat;
}

.wrapper_inner_product {
	width: 234px;
	margin:  0;
	padding: 8px;
}

h1.h1_product {
	margin:  0 0 8px;
	padding: 0;
	font-weight: bold;
	font-size:   13px;
	line-height: 120%;
}

h2.h2_price {
	margin:  0 0 8px;
	padding: 0;
	font-weight: bold;
	font-size:   14px;
	line-height: 120%;
	color: #c00;
}

p.p_product {
	margin:  0 0 8px;
	padding: 0;
	line-height: 1.5;
}

.photo {
	margin:  0 0 10px;
	padding: 0;
}

.bt_cart {
	clear: both;
	margin:  0;
	padding: 0;
	text-align: right;
}

/**/

.wrapper_info {
	float: left;
	margin:  8px 0 0 30px;
}

h2.h2_info {
	margin:  0 0 5px;
	padding: 0;
	font-size:   13px;
	line-height: 120%;
}

p.p_info {
	margin:  0;
	padding: 0;
	font-size:   13px;
	line-height: 150%;
}

/****************************
  cart
*****************************/

p.p_cart_blank {
	clear: both;
	margin:  0;
	padding: 0;
	font-weight: bold;
	font-size:   18px;
	line-height: 24px;
	color: #fff;
	text-shadow: 0 1px 1px #000;
}

p.p_order, 
p.p_order a {
	clear: both;
	margin:  5px 0 0;
	padding: 0;
	text-align: right;
	font-weight: bold;
	font-size:   16px;
	line-height: 24px;
	color: #fff;
	text-shadow: 0 1px 1px #000;
}

table.table_cart {
	clear: both;
	width: 100%;
	margin:  0 0 10px;
	padding: 0;
	border-collapse: separate;
	border-spacing: 0px 2px;
}

table.table_cart th, 
table.table_cart td {
	margin:  0;
	padding: 6px 8px;
	background: url(../images/bg_table.png) repeat;
	vertical-align: top;
	font-weight: bold;
	font-size:    90%;
	line-height: 150%;
	text-align: left;
	color: #fff;
}

table.table_cart th {
	white-space: nowrap;
}

table.table_cart td a {
	color: #fff;
}

table.table_cart th.center, 
table.table_cart td.center {
	text-align: center;
}

table.table_cart th.right, 
table.table_cart td.right {
	text-align: right;
}

table.table_cart td .thumb {
	clear: both;
	float: left;
	width: 110px;
}
table.table_cart td .thumb img {
	vertical-align: bottom;
}

a.formbt2 {
	display: block;
	width: 180px;
	height: 38px;
	line-height: 38px;
	margin:  0 auto;
	padding: 0 4px;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	color:#fff;

	border: 1px solid #666;
	background-color: #111;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(#000)); /* Safari */
	background: -moz-linear-gradient(top,#444,#000) no-repeat; /* FireFox */
	-moz-border-radius: 3px;  /* Firefox */
	-webkit-border-radius: 3px;  /* Safari */
	border-radius: 3px; /* CSS3 */
	-webkit-transition: all 0.2s linear;
	opacity: 1;
}
.formbt2:hover {
	text-decoration: none;
	-webkit-box-shadow: 0px 0px 5px #fff; /* safari */
	-moz-box-shadow: 0px 0px 5px #fff; /* firefox */
	box-shadow: 0px 0px 5px #fff; /* CSS3 */
	opacity: 1;
}

.pr8 {
	padding-right: 8px;
}