@charset "UTF-8";

/************************/
/* Public CSS           */
/************************/

/* ###### reset CSS ###### */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}

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

fieldset, img {
	border:0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}

ol, ul {
	list-style:none;
}

caption, th {
	text-align:left;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}

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

abbr, acronym {
	border:0;
}

a {
	outline : 0;
	color: #333333;
}

a:link, a:visited, a.active {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/*-----------------------*/


body {
	font: normal 12px/1.6em "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color: #333333;
	background: #FFFFFF url(../img/bg_base.gif) repeat-x left top;
	padding-top: 3px;
}


#container {
}
#header, #footer {
	width: 900px;
	margin: 0 auto;
}



/**/
/* ########## Header ########## */
/**/
#header {
	height: 102px;
	background: url(../img/bg_header.gif) no-repeat 533px top;
}

/* ###### LOGO ###### */
#logo {
	float: left;
	width: 380px;
	margin-top: 20px;
}

/* ###### SUB NAVIGATION ###### */
#subNav {
	float: right;
	height: 67px;
}
#subNav01 {
	margin-top: 11px;
	margin-bottom: 13px;
	font-size: 11px;
}
	#subNav01:after {
		content: "";
		display: block;
		clear: both;
	}
	/*\*/
	* html #subNav01 {
		height: 1em;
		overflow: visible;
	}
	/**/
*:first-child + html #subNav01 , *:first-child + html #subNav02 { /* IE7 HUCK */
	width: 500px; 
}
#subNav01 ul, #subNav02 ul {
	float: right;
}
#subNav01 li, #subNav02 li {
	float: left;
}

#subNav01 li {
	padding: 0 3px;
	border-right: 1px solid #333333;
	line-height: 100%;
}
li#subNav_sitemap {
	border-left: 1px solid #333333;
}

/* ###### SUB NAVIGATION02 ###### */
#subNav02 li {
	margin-left: 5px;
}
#subNav02 a:hover img {
	visibility: hidden;
}
#subNav02 a {
	display: block;
	height: 19px;
}
li#subNav_campaign a {
	background: url(../img/button/btn_campaign_on.gif) no-repeat left top;
	width: 128px;
}
li#subNav_event a {
	background: url(../img/button/btn_event_on.gif) no-repeat left top;
	width: 57px;
}
li#subNav_store a {
	background: url(../img/button/btn_store_on.gif) no-repeat left top;
	width: 138px;
}


/* ###### GLOBAL NAVIGATION ###### */
#globalNav {
	clear: both;
}
#globalNav li {
	display: inline;
}
#globalNav li a {
	float: left;
	overflow:hidden;
	background: url(../img/nav_global.gif) no-repeat left top;
	height: 0px;
	padding-top: 35px;
}
#globalNav li#globalNav_shop a, #globalNav li#globalNav_recipe a , #globalNav li#globalNav_study a, #globalNav li#globalNav_kinenkan a {
	width: 112px;
}
#globalNav li#globalNav_products a, #globalNav li#globalNav_about a, #globalNav li#globalNav_ec a, #globalNav li#globalNav_profile a {
	width: 113px;
}

#globalNav li#globalNav_about a {
	background-position: 0 0;
}
#globalNav li#globalNav_products a {
	background-position: -113px 0;
}
#globalNav li#globalNav_shop a {
	background-position: -226px 0;
}
#globalNav li#globalNav_recipe a {
	background-position: -338px 0;
}
#globalNav li#globalNav_study a {
	background-position: -450px 0;
}
#globalNav li#globalNav_ec a {
	background-position: -562px 0;
}
#globalNav li#globalNav_kinenkan a {
	background-position: -675px 0;
}
#globalNav li#globalNav_profile a {
	background-position: -787px 0;
}

/* HOVER MENU & CURRENT MENU */
#globalNav li#globalNav_about a:hover, #globalNav li#globalNav_about a.this {
	background-position: 0 -35px;
}
#globalNav li#globalNav_products a:hover, #globalNav li#globalNav_products a.this {
	background-position: -113px -35px;
}
#globalNav li#globalNav_shop a:hover, #globalNav li#globalNav_shop a.this {
	background-position: -226px -35px;
}
#globalNav li#globalNav_recipe a:hover, #globalNav li#globalNav_recipe a.this {
	background-position: -338px -35px;
}
#globalNav li#globalNav_study a:hover, #globalNav li#globalNav_study a.this {
	background-position: -450px -35px;
}
#globalNav li#globalNav_ec a:hover, #globalNav li#globalNav_ec a.this {
	background-position: -562px -35px;
}
#globalNav li#globalNav_kinenkan a:hover, #globalNav li#globalNav_kinenkan a.this {
	background-position: -675px -35px;
}
#globalNav li#globalNav_profile a:hover, #globalNav li#globalNav_profile a.this {
	background-position: -787px -35px;
}


/**/
/* ########## CONTENTS ########## */
/**/
#content {
	position:relative;
	top: 0;
	left: 0;
	padding-bottom: 40px;
}
	#content:after {
		content: "";
		display: block;
		clear: both;
	}
	/*\*/
		* html #content {
		height: 1em;
		overflow: visible;
	}
	/**/

/* ########## MAIN VISUAL ########## */
#mainVisual {
	position:absolute;
	top: 40px;
	left: 50%;
	margin-left: -450px;
	width: 900px;
}


/* ###### CONTENT TOP ###### */
#wrapContentTop {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #FFFFFF;
}

/* ###### BREAD CLUMB LIST ###### */
#breadClumb {
	height: 27px;
	padding-top: 13px;
	font-size: 11px;
}
#breadClumb a {
	text-decoration: underline;
}


/* ###### PRODUCTS NAVIGATION ###### */
#productsNav {
	clear: both;
}
#productsNav li {
	display: inline;
}
#productsNav li a {
	float: left;
	overflow:hidden;
	background: url(../img/nav_products.gif) no-repeat left top;
	height: 0px;
	padding-top: 35px;
}
#productsNav li#productsNav_new a {
	width: 90px;
}
#productsNav li#productsNav_standard a {
	width: 91px;
}
#productsNav li#productsNav_present a, #productsNav li#productsNav_shochu_ume a, #productsNav li#productsNav_other a {
	width: 101px;
}
#productsNav li#productsNav_taru a {
	width: 89px;
}
#productsNav li#productsNav_kimoto a {
	width: 133px;
}
#productsNav li#productsNav_tokutei a {
	width: 194px;
}

#productsNav li#productsNav_new a {
	background-position: 0 0;
}
#productsNav li#productsNav_tokutei a {
	background-position: -90px 0;
}
#productsNav li#productsNav_kimoto a {

	background-position: -284px 0;
}
#productsNav li#productsNav_taru a {

	background-position: -417px 0;
}

#productsNav li#productsNav_standard a {
	background-position: -506px 0;
}
#productsNav li#productsNav_present a {
	background-position: -597px 0;
}
#productsNav li#productsNav_shochu_ume a {
	background-position: -698px 0;
}
#productsNav li#productsNav_other a {
	background-position: -799px 0;
}

/* HOVER MENU & CURRENT MENU */
#productsNav li#productsNav_new a:hover, #productsNav li#productsNav_new a.this {
	background-position: 0 -35px;
}
#productsNav li#productsNav_tokutei a:hover, #productsNav li#productsNav_tokutei a.this {
	background-position: -90px -35px;
}
#productsNav li#productsNav_kimoto a:hover, #productsNav li#productsNav_kimoto a.this {

	background-position: -284px -35px;
}
#productsNav li#productsNav_taru a:hover, #productsNav li#productsNav_taru a.this {

	background-position: -417px -35px;
}

#productsNav li#productsNav_standard a:hover, #productsNav li#productsNav_standard a.this {
	background-position: -506px -35px;
}
#productsNav li#productsNav_present a:hover, #productsNav li#productsNav_present a.this {
	background-position: -597px -35px;
}
#productsNav li#productsNav_shochu_ume a:hover, #productsNav li#productsNav_shochu_ume a.this {
	background-position: -698px -35px;
}
#productsNav li#productsNav_other a:hover, #productsNav li#productsNav_other a.this {
	background-position: -799px -35px;
}


/* ###### CONTENT BOTTOM ###### */
#wrapContentBtm {
	clear: both;
	width: 900px;
	margin: 0 auto;
}

/* CAPTION */
p.cap {
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.3em;
}



/**/
/* ########## FOOTER ########## */
/**/
#footerWrap {
	clear: both;
	background: url(../img/bg_footernav.gif) repeat-x left top;
	padding-bottom: 10px;
}
#footer {
}
#footerNav {
	clear: both;
	height: 19px;
	padding-top: 8px;
	margin-bottom: 10px;
}
#footerNav li {
	float: left;
	padding: 0 10px;
	border-right: 1px solid #DDDDDD;
	line-height: 100%;
}
#footerNav li#footerNav_about {
	border-left: 1px solid #DDDDDD;
}


#footer #attention {
	margin-bottom: 10px;
}
#footer #copyright {
	font-size: 9px;
	margin-bottom: 0px;
}


/**/
/* ########## VARIOUS ########## */
/**/
.clear {
	clear: both;
}
.floatL {
	float: left;
}
.floatR {
	float: right;
}
.fSize_9px {
	font-size: 9px;
}
.fSize_10px {
	font-size: 10px;
}
.fSize_11px {
	font-size: 11px;
}
.fSize_13px {
	font-size: 13px;
}

.tRed {
	color: #FF0000 !important;
}

.centering {
	width: 900px;
	margin: 0 auto;
}
.tCenter {
	text-align: center !important;
}
.tRight {
	text-align: right !important;
}
.mgnBtm_30px {
	margin-bottom: 30px !important;
}
.mgnBtm_50px {
	margin-bottom: 50px !important;
}

.pdgBtm_10px {
	padding-bottom: 10px !important;
}
.pdgBtm_30px {
	padding-bottom: 30px !important;
}
.pdgBtm_80px {
	padding-bottom: 80px !important;
}

.fWeight_Bold {
	font-weight: bold !important;
}
.borderNone {
	border: none !important;
}

/* clearfix */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
/*\*/
	* html .clearfix {
	height: 1em;
	overflow: visible;
}
/**/