@charset "utf-8";

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	file name : home.css

 : :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

	
/* ********************************************************************************
 * Link
 * ******************************************************************************** */

a {
	outline: none;
}
/* a:link */
a:link {
	color: #3a5e2d;
	text-decoration: none;
}
/* a:active */
a:active {
	color: #3a5e2d;
	text-decoration: none;
}
/* a:visited */
a:visited {
	color: #3a5e2d;
	text-decoration: none;
}
/* a:hover */
a:hover {
	color: #3a5e2d;
	text-decoration: underline;
}


/* ********************************************************************************
 * CLEARFIX
 * ******************************************************************************** */

.clearfix:after,
div#header ul#siteInfo:after,
ul#globalNavi:after,
div#content:after,
div#main div#news dl:after,
div#main div#demonstrationInformation dl:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,
div#header ul#siteInfo,
ul#globalNavi,
div#content,
div#main div#news dl,
div#main div#demonstrationInformation dl {
	display: inline-block;
}
* html .clearfix,
* html div#header ul#siteInfo,
* html ul#globalNavi,
* html div#content,
* html div#main div#news dl,
* html div#main div#demonstrationInformation dl {
	height: 1%;
}
.clearfix,
div#header ul#siteInfo,
ul#globalNavi,
div#content,
div#main div#news dl,
div#main div#demonstrationInformation dl {
	display: block;
}


/* ********************************************************************************
 * ■トップページ
 * file path : /index.html
 * body id name : body#indexPage
 * ******************************************************************************** */

html,
body {
	height: 100%;
}

body {
	background: url(images/index_main_bg.gif) 0 0 repeat-x #fbfaf6;
	font-family: "ヒラギノ角ゴ Pro W3",'メイリオ',Meiryo,"ＭＳ Ｐゴシック";
	text-align: center; /* for IE6 */
	color: #3a5e2d;
}

/* div#container
 * ******************************************************************************** */
div#container {
	width: 100%;
	min-height: 100%;
	text-align: left;
}
*html div#container {
	height: 100%;
}

/* div#header
 * ******************************************************************************** */
div#header {
	position: relative;
	width: 800px;
	height: 29px;
	margin: 0 auto;
}
/* ul#siteInfo
------------------------------------------------------------*/
div#header ul#siteInfo {
	position:absolute; top:4px; right:0;
}
div#header ul#siteInfo li {
	float: left;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
div#header ul#siteInfo li a {
	display: block;
	height: 16px;
	background: url(images/navi_site_info.jpg) no-repeat;
}
div#header ul#siteInfo li.navi1 a {
	width: 60px;
	background-position: 0 0;
}
div#header ul#siteInfo li.navi2 a {
	width: 79px;
	background-position: -60px 0;
}
div#header ul#siteInfo li.navi3 a {
	width: 120px;
	background-position: -139px 0;
}
div#header ul#siteInfo li.navi4 a {
	width: 64px;
	background-position: -259px 0;
}
div#header ul#siteInfo li.navi5 a {
	width: 102px;
	background-position: -323px 0;
}
div#header ul#siteInfo li.navi1 a:hover {
	background-position: 0 100%;
}
div#header ul#siteInfo li.navi2 a:hover {
	background-position: -60px 100%;
}
div#header ul#siteInfo li.navi3 a:hover {
	background-position: -139px 100%;
}
div#header ul#siteInfo li.navi4 a:hover {
	background-position: -259px 100%;
}
div#header ul#siteInfo li.navi5 a:hover {
	background-position: -323px 100%;
}

/* div#flashContent
 * ******************************************************************************** */
#flashContent {
	width: 100%;
	height: 394px;
	background: url(images/noscript.jpg) 50% 0 no-repeat;
}
#flashContent h1 {
	display: block;
	width: 800px;
	height: 394px;
	margin: 0 auto;
	background: url(images/noscript.jpg) 50% 0 no-repeat;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}

/* ul#globalNavi
------------------------------------------------------------*/
ul#globalNavi {
	width: 651px;
	height: 36px;
	margin: 0 auto;
}
ul#globalNavi li {
	float: left;
	font-size: 0;
	line-height: 0;
}

/* div#content
 * ******************************************************************************** */
div#content {
	width: 800px;
	margin: 22px auto 0;
	padding-bottom: 78px;
}

/* div#main
 * ================================================================================ */
div#main {
	float: left;
	width: 480px;
}
/* div#recipes
 * -------------------------------------------------------------------------------- */
div#main div#recipes {
	margin-bottom: 8px;
}
/* h2 */
div#main div#recipes h2 {
	margin-bottom: 10px;
}
/* div.section
------------------------------------------------------------*/
div#main div#recipes div.section {
	padding-top: 10px;
	background: url(images/bg_recipes_top.gif) 0 0 no-repeat #fcd8b6;
	font-size: 0;
	line-height: 0;
}
/* div.bottom */
div#main div#recipes div.section div.bottom {
	width: 480px;
	height: 10px;
	background: url(images/bg_recipes_btm.gif) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
}
/* ul.banners */
div#main div#recipes div.section ul.banners {
	width: 458px;
	margin: 0 auto;
}
div#main div#recipes div.section ul.banners li {
	float: left;
	margin-right: 10px;
}
div#main div#recipes div.section ul.banners li.last {
	margin-right: 0;
}
/* p.bnr_movie */
div#main div#recipes div.section p.bnr_movie {
	margin: 10px 0 0 10px;
}

/* div#books
------------------------------------------------------------*/
div#main div#recipes div#books {
	position: relative;
	width: 460px;
	height: 186px;
	margin: 10px 0 0 10px;
	background: url(images/bg_books.gif) 0 0 no-repeat;
}
/* h3 */
div#main div#recipes div#books h3 {
	padding: 8px 0 8px 9px;
}
/* ul */
div#main div#recipes div#books ul {
	margin-left: 16px;
}
div#main div#recipes div#books ul li {
	float: left;
}


/* div#news
 * -------------------------------------------------------------------------------- */
div#main div#news {
	padding-bottom: 8px;
}
/* h2 */
div#main div#news h2 {
	margin-bottom: 8px;
}
/* dl */
div#main div#news dl {
	width: 470px;
	margin: 0 0 5px auto;
	padding-bottom: 5px;
	background: url(assets/images/dot_line_1.gif) 0 100% repeat-x;
	line-height: 1.2;
}
div#main div#news dl dt {
	float: left;
	width: 90px;
	padding-left: 20px;
	background: url(assets/images/icn_arrow_1.gif) 0 0.3em no-repeat;
}
div#main div#news dl dd {
	float: left;
	width: 360px;	
}
/* dl */
div#main div#news dl.announcement,
div#main div#news dl.announcement a {
	color: #c23605;
}

/* div#demonstrationInformation
 * -------------------------------------------------------------------------------- */
div#main div#demonstrationInformation {
	padding-bottom: 9px;
}
/* h2 */
div#main div#demonstrationInformation h2 {
	margin-bottom: 8px;
}
/* dl */
div#main div#demonstrationInformation dl {
	width: 470px;
	margin: 0 0 5px auto;
	padding-bottom: 5px;
	background: url(assets/images/dot_line_1.gif) 0 100% repeat-x;
	line-height: 1.3;
}
div#main div#demonstrationInformation dl dt {
	margin-bottom: 2px;
	padding-left: 20px;
	background: url(assets/images/icn_arrow_1.gif) 0 0.3em no-repeat;
}
div#main div#demonstrationInformation dl dd {
	padding-left: 20px;
}

/* div#sub
 * ================================================================================ */
div#sub {
	float: right;
	width: 295px;
}

/* p.bnrPickup */
div#sub p.bnrPickup {
	margin-bottom: 15px;
	font-size: 0;
	line-height: 0;
}
/* div#products
 * -------------------------------------------------------------------------------- */
div#sub div#products {}
/* ul */
div#sub div#products ul {
	font-size: 0;
	line-height: 0;
}

/* div#support
 * -------------------------------------------------------------------------------- */
div#sub div#support {}
/* ul */
div#sub div#support ul {
	font-size: 0;
	line-height: 0;
}
/* p.bnrInformation */ 
div#sub p.bnrInformation {
	margin-top: 15px;
	font-size: 0;
	line-height: 0;
}
/* p.bnrTwitter, p.bnrPickup */
div#sub p.bnrTwitter,
div#sub p.bnrPickup {
	margin-top: 11px;
	font-size: 0;
	line-height: 0;
}


/* div#footer
 * ******************************************************************************** */
div#footer {
	width: 100%;
	height: 53px;
	margin-top: -53px;
	background: url(assets/images/footer_bg.gif) 0 0 repeat-x;
	font-size: 0;
	line-height: 0;
}
/* div#footerInner */
div#footerInner {
	position: relative;
	width: 800px;
	height: 53px;
	margin: 0 auto;
}
/* p#logo */
div#footerInner p.siteName {
	position:absolute; top:21px; left:1px;
	text-indent: -9000px;
}
div#footerInner p.siteName a {
	display: block;
	width: 135px;
	height: 13px;
	background: url(assets/images/footer_logo.gif) 0 0 no-repeat;
	text-indent: -9000px;
}
/* p#copyright */
div#footerInner p#copyright {
	position:absolute; top:24px; right:3px;
	width: 304px;
	height: 11px;
	background: url(assets/images/copyright.gif) 0 0 no-repeat;
	text-indent: -9000px;
}