@charset "EUC-JP";

h2, h3, h4 {
	margin: 0;
	padding: 0;
}

h2 {
	background: url(../images/bg_h1.jpg) no-repeat;
}

.genger h2 {
	margin: 0 0 18px;
}

#mainContent {
	width: 720px;
	margin-left: 20px; /* for IE */
}

html>/**/body #mainContent {
	width: 720px;
	margin: 0 auto;
}

#mainContent p {
	margin: 0;
}

#mainContent p#catch {
	margin-top: 18px;
}

#mainContent ul#globalNav {
	list-style-type: none;
	height: 80px;
	margin: 1px 0 0;
	padding: 0;
	background: url(../images/bg_globalNav.gif) repeat-x left bottom;
}

.recipe #mainContent ul#globalNav,
.effect #mainContent ul#globalNav,
.chill #mainContent ul#globalNav {
	margin: 20px 0 0;
}

#mainContent ul#globalNav li {
	float: left;
}

#mainContent ul#globalNav li a img {
	border: 0;
}

#mainContent p.point {
	float: left;
	margin-bottom: 24px;
}

#mainContent p.way {
	float: left;
	margin-left: 3px;
}

#mainContent p.banner {
	padding-bottom: 24px;
}

/* recipe
---------------------------------------*/

.recipe #mainContent div.section {
	margin-bottom: 24px;
	padding-left: 290px;
	padding-right: 30px;
}

.recipe #mainContent div.section * {
	margin: 0;
	padding: 0;
}

.recipe #mainContent div.inner {
	background: url(../images/line.gif) no-repeat;
	line-height: 2.0;
}

.recipe #mainContent div.inner .end {
	padding-bottom: 2px;
}

.recipe #mainContent #recipe4 div.inner .end {
	padding-bottom: 6px;
}

.recipe #mainContent div.section h3 {
	padding-top: 20px;
	padding-bottom: 10px;
}

.recipe #mainContent div.section p {
	margin-bottom: 24px;
}

.recipe #mainContent div.section ol {
	margin-left: 24px;
	letter-spacing: -1px;
}

.recipe #mainContent div#recipe1 {
	height: auto !important;
	height: 242px; /* for IE */
	min-height: 242px;
	background: url(../images/bg_recipe1.jpg) no-repeat;
}

.recipe #mainContent div#recipe2 {
	height: auto !important;
	height: 242px; /* for IE */
	min-height: 242px;
	background: url(../images/bg_recipe2.jpg) no-repeat;
}

.recipe #mainContent div#recipe3 {
	height: auto !important;
	height: 242px; /* for IE */
	min-height: 242px;
	background: url(../images/bg_recipe3.jpg) no-repeat;
}

.recipe #mainContent div#recipe4 {
	height: auto !important;
	height: 370px; /* for IE */
	min-height: 370px;
	background: url(../images/bg_recipe4.jpg) no-repeat;
}

/* chill
---------------------------------------*/

.chill p.illust {
	text-align: center;
}

/* effect
---------------------------------------*/

.effect div#ginger {
	height: auto !important;
	height: 261px; /* for IE */
	min-height: 261px;
	margin-bottom: 24px;
	background: url(../images/bg_ginger.jpg) no-repeat left bottom;
}

.effect div#ginger p.detail {
	padding-top: 17px;
	padding-left: 22px;
	padding-bottom: 15px;
}

.effect div#ginger div.inner {
	margin-left: 22px;
	letter-spacing: -1px;
	background: url(../images/line2.gif) no-repeat;
	line-height: 2.1;
}

.effect div#ginger div.inner .end {
	margin-top: 1.9em;
	padding-bottom: 2px;
}

.effect p.lead {
	margin-left: 10px !important;
}

.effect div#result {
	margin-bottom: 25px;
}

.effect div#result p.illust {
	text-align: center;
}

.effect div#verify p.illust {
	margin-top: 20px;
	margin-bottom: 25px;
	text-align: center;
}