@charset "utf-8";
/*////////////////////////////////////////////////////////////
/*index.css*/

/*------------------------------------------------------------
	1. ベーススタイル
-------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}img,fieldset{border:0;}li{list-style:none;}table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

html {
}

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
body {
	height: 100%;
	background: url(../img/common/bg-body.jpg);
	font-family: 'Hiragino Maru Gothic Pro',"ヒラギノ丸ゴ Pro W4",'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.45;
	color: #342b09;
}

h1, h2, h3, h4, h5, h6 { 
	display: block;
	line-height: 1;
}

legend,hr { 
	display: none;
}

label {
	cursor: pointer;
}

img { 
	vertical-align: top;
}

object {
	outline: none;
}



a {
	outline: none;
}

a {
	color: #333;
}

a:link {
	color: #333;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: none;
}


/*------------------------------------------------------------
	1. コンテナー
-------------------------------------------------------------*/
#topContents {
	width:100%;
	text-align:center;
}

#container {
	width:980px;
	height:570px;
	margin: 0 auto;
	position: relative;
}


/*------------------------------------------------------------
	2. ヘッダー
-------------------------------------------------------------*/
#header {
	position: absolute;
	top: 0px;
	left: 0px;
}

#nav {
	float:right;
	width:735px;
	margin-right:10px;
	text-align:right;
}

ul#navUtilty{
	text-align:right;
	padding: 6px 0 20px 458px;
	color:#b6a577;
}

ul#navUtilty li{
	float: left;
	width:88px;
	text-align:center;
}


#navUtilty a {
	background:url(../img/common/line_divide.gif) no-repeat left center;
	color:#b6a577;
	font-size: 85%;
	padding-left:10px;
}

#navUtilty .contact a {
	background:none;
}

ul#navGlobal {
	width:735px;
	height: 20px;
	min-height: 20px;
	background: url(../img/common/globalnav.gif) no-repeat 0px 0px;
}

ul#navGlobal li {
	float: left;
}

ul#navGlobal li a {
	height: 20px;
	overflow: hidden;
	display: block;
}

ul#navGlobal li a span {
	display:none;
}

/* a */
ul#navGlobal li.about a { width:86px;background: url(/img/common/globalnav.gif) no-repeat 0px 0px; }
ul#navGlobal li.products a { width:74px;margin-left:29px;background: url(/img/common/globalnav.gif) no-repeat -115px 0px;  }
ul#navGlobal li.nutrition a { width:93px;margin-left:24px;background: url(/img/common/globalnav.gif) no-repeat -213px 0px;  }
ul#navGlobal li.give a { width:118px;margin-left:39px;background: url(/img/common/globalnav.gif) no-repeat -343px 0px;  }
ul#navGlobal li.quality a { width:133px;margin-left:29px;background: url(/img/common/globalnav.gif) no-repeat -490px 0px;  }
ul#navGlobal li.store a { width:72px;margin-left:35px;background: url(/img/common/globalnav.gif) no-repeat -662px 0px; }


/* hover */
ul#navGlobal li.about a:hover{ width:86px;background: url(/img/common/globalnav.gif) no-repeat 0px -20px;}
ul#navGlobal li.products a:hover{ width:74px;margin-left:29px;background: url(/img/common/globalnav.gif) no-repeat -115px -20px;}
ul#navGlobal li.nutrition a:hover{ width:93px;margin-left:24px;background: url(/img/common/globalnav.gif) no-repeat -213px -20px;}
ul#navGlobal li.give a:hover{ width:118px;margin-left:39px;background: url(/img/common/globalnav.gif) no-repeat -343px -20px;}
ul#navGlobal li.quality a:hover { width:133px;margin-left:29px;background: url(/img/common/globalnav.gif) no-repeat -490px -20px;}
ul#navGlobal li.store a:hover { width:72px;margin-left:35px;background: url(/img/common/globalnav.gif) no-repeat -662px -20px; }





/*------------------------------------------------------------
	3. コンテント,メイン,ホワイトラウンドコーナー
-------------------------------------------------------------*/




/*------------------------------------------------------------
	4. footer
-------------------------------------------------------------*/
#footer {
	margin: 0 auto;
	width: 970px;
	text-align:center;
}

#navUtility_f {
	background:url(../img/common/footer_base.png) no-repeat center top;
	height:50px;
	padding-top:22px;
}

* html #navUtility_f {
	background:url(../img/common/footer_base.gif) no-repeat center top;
	height:50px;
	padding-top:22px;
}

#navUtility_f ul {
	margin:0 auto;
	width:650px;
}

#navUtility_f li {
	float: left;
	padding-left: 30px;
}

#navUtility_f a {
	background:url(../img/common/arrow.gif) no-repeat left center;
	color:#b6a577;
	font-size: 85%;
	padding-left:10px;
}




#copright {
}

#copright div.tel {
	float: left;
	width: 374px;
	text-align:left;
}

#copright .fm {
	float: right;
	width: 465px;
	text-align:right;
}

#copright ul {
	float: right;
	width:370px;
}

#copright li{
	float: left;
	padding: 0 10px 5px;
	background:url(../img/common/line_divide.gif) no-repeat left center;
}

#copright li.fst {
	background:none;
}

#copright li a {
	color:#b6a577;
	font-size: 85%;
}



/*------------------------------------------------------------
	5. Clearfix
-------------------------------------------------------------*/
.clearfix { /*for IE 5.5-7*/
	zoom: 1;
}

.clearfix:after { /*for modern browser*/
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/* ------------------------------------------------------------
	6. ie-expression
	------------------------------------------------------------*/
* html .alpha { 
	behavior: expression(
	this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
	this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "alpha.gif" : this.src,
	this.style.behavior = "none"
	);
}


/* ------------------------------------------------------------
	7. error
	------------------------------------------------------------*/
#err #container {
	width:970px;
	margin: 0 auto;
}

#err #header {
	position: static;
}

#err #content {
	width:962px;
	height:401px;
	background: url(../img/err/bg.jpg) no-repeat left top;
}

#err .txt {
	padding:55px 0 0 40px;
}

#err .btn {
	padding:20px 0 0 80px;
}

#err .b-toppage {
	float:left;
	width:160px;
}

#err .b-sitemap {
	float:left;
	width:160px;
}

#err .b-toppage a {
	width:147px;
	height:46px;
	background:url(../img/err/topBtn.gif) no-repeat 0px 0px;
	display:block;
	text-indent:-99999px;
}

#err .b-sitemap a {
	width:147px;
	height:46px;
	background:url(../img/err/sitemapBtn.gif) no-repeat 0px 0px;
	display:block;
	text-indent:-99999px;
}

#err .b-toppage a:hover {
	background:url(../img/err/topBtn.gif) no-repeat 0px -46px;
}

#err .b-sitemap a:hover {
	background:url(../img/err/sitemapBtn.gif) no-repeat 0px -46px;
}