@charset "Shift_JIS";


/* -----------------------------------------------
                  header / footer
   ----------------------------------------------- */

/* ======== general ======== */

div#header-area a img,
div#footer-area a img{
	border: none;
}

div#header-area hr,
div#footer-area hr{
	display: none;
}


img.alcohol{
	position: absolute;
	top: 82px;
	left: 731px;
}


/* ======== header ======== */
div#header-area{
	text-align: center;
	background: #fff url(/shared/img/header_bg01.gif) 0 34px repeat-x;
	/*\*//*/background-position: 0 36px;/* for Mac IE */
}

div#header{
	margin: 0 auto;
	width: 771px;
	text-align: left;
	position: relative;
}

div#header h1{
	margin: 0;
	padding: 4px 0 5px 0;
}

div#header p.tagline{
	position: absolute;
	top: 12px;
	left: 73px;
	margin: 0;
	padding: 0;
}

div#header ul{
	margin: 0;
	padding: 0;
	list-style: none;
}


/* ======== search form ======== */
div#header form{
	position: absolute;
	top: 7px;
	left: 620px;
	margin: 0;
	padding: 0;
	height: 20px;
}
div#header form fieldset{
	margin: 0;
	padding: 0;
	border: none;
}
div#header form fieldset legend{
	display: none;
}

div#header form input.text{
	width: 104px;
}
div#header form input.image{
	width: 38px;
	height: 20px;
	position: absolute;
	left: 113px;
	top: 0;
}


/* ======== support-navi ======== */
div#header ul.support-navi{
	position: absolute;
	top: 11px;
	left: 320px;
}
div#header ul.support-navi li{
	position: absolute;
	top: 0;
}
div#header ul.support-navi li.support{
	left: 0;
}
div#header ul.support-navi li.mail-service{
	left: 92px;
}
div#header ul.support-navi li.sitemap{
	left: 212px;
}
div#header ul.support-navi li.corporate{
	top: 56px;
	left: 394px;
}
div#header ul.support-navi li.products{
	top: 56px;
	left: 351px;
}


/* ======== products-navi ======== */
div#header ul.products-navi,
div#header ul.corporate-navi{
	position: relative;
	height: 26px;
}
div#header ul.products-navi{
	width: 772px;
}
div#header ul.corporate-navi{
	width: 772px;
}
div#header ul.products-navi li,
div#header ul.corporate-navi li{
	position: absolute;
	top: 0;
}
div#header ul.products-navi li.products{
	left: 0;
	padding: 0 0 0 1px;
	background: url(/shared/img/header_bg02.gif) left top no-repeat;
}
div#header ul.products-navi li.quality{
	left: 127px;
}
div#header ul.products-navi li.enjoy{
	left: 257px;
}
div#header ul.products-navi li.shopguide{
	left: 386px;
}
div#header ul.products-navi li.campaign{
	left: 503px;
}
div#header ul.products-navi li.fun{
	left: 661px;
	padding: 0 1px 0 0;
	width: 111px;
	background: url(/shared/img/header_bg03.gif) right top no-repeat;
}

div#header ul.corporate-navi li.aboutus{
	left: 0;
	padding: 0 0 0 1px;
	background: url(/shared/img/header_bg02.gif) left top no-repeat;
}
div#header ul.corporate-navi li.ir{
	left: 116px;
}
div#header ul.corporate-navi li.csr{
	left: 213px;
}
div#header ul.corporate-navi li.factory{
	left: 302px;
}
div#header ul.corporate-navi li.news{
	left: 385px;
	padding: 0 1px 0 0;
	width: 119px;
	background: url(/shared/img/header_bg03.gif) right top no-repeat;
}




/* ======== tab-navi ======== */
div#header ul.tab-navi{
}
div#header ul.tab-navi li{
	position: absolute;
	top: 0;
}
div#header ul.tab-navi li.home{
	left: 0;
}
div#header ul.tab-navi li.corporate{
	left: 144px;
}


/* ======== trail ======== */

div.trail{
	margin: 5px 0;
	font-size: 80%;
	color: #999;
	width: 650px;
	line-height: 1.5;
}
div.trail em{
	color: #000;
	font-style: normal;
	font-weight: normal;
}
div.trail em a{
	font-size: 125%;
}
div.trail span{
	margin: 0 5px;
}







/* ======== footer ======== */
div#footer-area{
	text-align: center;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0 0;
	clear: both;
}

div#footer{
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	width: 771px;
	/*\*/
	_overflow:visible;
	_height:1px;
	/**/
	/*\*//*/
	text-align: center;
	/**/
}

div#footer #tab:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
div#footer-area p{
	margin: 0;
	padding: 0;
}

div#footer div.related-site,
div#footer div.langselect,
div#footer div.site-info{
	font-size:83%;
}
div#footer div.related-site span,
div#footer div.langselect span,
div#footer div.site-info span{
	margin: 0 5px;
}
div#footer div.related-site a:link,
div#footer div.langselect a:link,
div#footer div.site-info a:link{
	text-decoration: underline;
}

div#footer div.related-site{
	float: left;
	width: 468px;
	position: relative;
	bottom: 0;
	line-height: 1.75;
	color: #999;
}
div#footer div.related-site .line01{
	line-height: 1.75;
	height: 1.75em;
	margin-bottom: 4px;
}
div#footer div.langselect{
	float: right;
	width: 300px;
	margin-bottom: 3px;
	color: #999;
	text-align: right;
	line-height: 1.5;
}

div#footer div.site-info{
	float: right;
	width: 300px;
	line-height: 1.5;
	color: #999;
	text-align: right;
}

div#footer p.slogan img{
	float: right;
	margin: 14px 0 0;
}

div#footer p.copyright{
	background: url(/shared/img/footer_line_dot01.gif) top no-repeat;
	margin: 9px 0;
	padding: 8px 0 0 0;
	font-size:74%;
	line-height: 1.3;
}

/* =========== pseudo element =========== */
.pseudo-after
	{
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	}
.pseudo-after:after
	{
	content: ".";
	visiblity: hidden;
	display: block;
	width: 0;
	height: 0;
	font-size: 1px;
	line-height: 1px;
	color: #ffffff;
	}

html:\66irst-child .pseudo-after:after
	{
	content: \3000;
	}