@charset "utf-8";

/* 全要素初期化 */
div, p, h1, h2, h3, h4, li, td, a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: #8B7049;
}
div, p, h1, h2, h3, h4, h5, h6 {
	display: block;
	position: relative;
}
img {
	border: none;
}
a { color: rgb(0,170,90); text-decoration: none; }
.hidden { display: none;}
.clear { clear: both; }
.floatClear { clear: both; font-size: 1px; line-height: 1%; height: 1px; }


/***** 最外郭指定 *****/
#glovia {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
	background-color: #F5EBD2;
}


/***** コンテンツコンテナ *****/
#glovia #contentsCNT {
	width: 900px;
	margin: 0 auto;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	background-image: url(../images/glovia-body-bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFAE6;
}
#glovia #contentsCNT * { 
	text-align: left;
	}


/***** ヘッダコンテナ *****/
#glovia #headerCNT {
	width: 825px;
	height: 84px;
	margin: 0 auto;
}
#glovia #headerCNT h1 {
	position: absolute;
	width: 825px;
	height: 61px;
	margin-top: 16px;
	background-image: url(../images/glovia-header-title.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}
#glovia #headerCNT p { display: none; }
#glovia #titleImage { display: none; }
#glovia #headerImage { display: none; }

/***** ナビゲーションコンテナ *****/
#glovia #naviCNT {
	width: 825px;
	height: 51px;
	margin: 0 auto;
	background-color: #F5EBD2;
}
#glovia #naviCNT ul#globalNAV { position: absolute; margin: 0; padding: 0; left: 0px; top:10px 
}
#glovia #naviCNT ul#globalNAV li { display:inline;  }
#glovia #naviCNT ul#globalNAV li a { float:left; height:0; padding-top:31px; overflow:hidden; }
#glovia #naviCNT ul#globalNAV li a { background-image: url(../images/glovia-navigation-main.jpg); background-repeat: no-repeat; }

/* BUTTONS */
#glovia #naviCNT ul#globalNAV li#nav-company a { width:89px; background-position: 0 0; }
#glovia #naviCNT ul#globalNAV li#nav-about a { width:161px; background-position: -89px 0; }
#glovia #naviCNT ul#globalNAV li#nav-ingredients a { width:159px; background-position: -250px 0; }
#glovia #naviCNT ul#globalNAV li#nav-howto a { width:142px; background-position: -409px 0; }
#glovia #naviCNT ul#globalNAV li#nav-factory a { width:160px; background-position: -551px 0; }
#glovia #naviCNT ul#globalNAV li#nav-contact a { width:114px; background-position: -711px 0; }
/* BUTTONS */
#glovia #naviCNT ul#globalNAV li#nav-company a:hover { width:89px; background-position: 0 -31px; }
#glovia #naviCNT ul#globalNAV li#nav-about a:hover { width:161px; background-position: -89px -31px; }
#glovia #naviCNT ul#globalNAV li#nav-ingredients a:hover { width:159px; background-position: -250px -31px; }
#glovia #naviCNT ul#globalNAV li#nav-howto a:hover { width:142px; background-position: -409px -31px; }
#glovia #naviCNT ul#globalNAV li#nav-factory a:hover { width:160px; background-position: -551px -31px; }
#glovia #naviCNT ul#globalNAV li#nav-contact a:hover { width:114px; background-position: -711px -31px; }
/* BUTTONS */
#glovia #naviCNT ul#globalNAV.company li#nav-company a { width:89px; background-position: 0 -31px  !important; cursor: default !important; }
#glovia #naviCNT ul#globalNAV.about li#nav-about a { width:161px; background-position: -89px -31px  !important; cursor: default !important; }
#glovia #naviCNT ul#globalNAV.ingredients li#nav-ingredients a { width:159px; background-position: -250px -31px  !important; cursor: default !important; }
#glovia #naviCNT ul#globalNAV.howto li#nav-howto a { width:142px; background-position: -409px -31px  !important; cursor: default !important; }
#glovia #naviCNT ul#globalNAV.factory li#nav-factory a { width:160px; background-position: -551px -31px  !important; cursor: default !important; }
#glovia #naviCNT ul#globalNAV.contact li#nav-contact a { width:114px; background-position: -711px 0px  !important; cursor: default !important; }


/***** タイトルコンテナ *****/
#glovia #titleCNT {
	width: 825px;
	height: 280px;
	margin: 0 auto;
}
#glovia #titleCNT h2 {
	display: none;
}
#glovia #topMovieReplace { display:none; }

/***** ボディコンテナ *****/
#glovia #mainCNT {
	width: 825px;
	/*margin: 51px auto 52px;*/
	margin: 51px auto 40px;
	overflow: hidden;
	background-color: #FFFAE6;
}

/*** 左コラム ***/
#glovia #mainCNT #leftCLMN {
	width: 580px;
	float: left;
	margin-left: 0;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}

/* What'sNEW パート */
#glovia #mainCNT #leftCLMN #whatsnew {
	width: 580px;
	height: 111px;
	margin-bottom: 20px;
	display: block;
}
#glovia #mainCNT #leftCLMN #whatsnew h3 {
	width: 580px;
	height: 22px;
	position: absolute;
	background-image: url(../images/glovia-top-index-whatsnew.gif);
	background-repeat: no-repeat;
	background-color: #968C78;
	text-indent: -9999px;
}
#glovia #mainCNT #leftCLMN #whatsnew #newsCNT { height: 85px; padding-top: 28px; border-bottom: 3px solid #968C78; 
}
#glovia #mainCNT #leftCLMN #whatsnew #newsCNT p {
	margin-bottom: 5px;
	font-size: 90%;
}


/* What'sNEW 《ご注意》*/
#newsCNT-s { width: 578px; height: 40px; text-align: center; font-size: 90%; line-height:1.5; margin:0 0 15px 0; padding:0; }
#newsCNT-s-inleft	{ float:left; width: 80px; height: 40px; }
#newsCNT-s-inright	{ float:right; width: 496px; height: 40px; }
#clear-both	{ clear:both; }
#notice {font-weight:bold; color:#C00; }
#notice-a-line {font-weight:bold; color:#C00; text-decoration: underline; }




#glovia #mainCNT #leftCLMN img {
	margin-right: 24px;
}
#glovia #mainCNT #leftCLMN img.endimage {
	margin-right: 0px;
}

/*** 右コラム ***/
#glovia #mainCNT #rightCLMN {
	width: 220px;
	float: right;
	margin-right: 0;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}
/* バナーメニューパート */
#glovia #rightCLMN ul#bannerNAV {
	/*position: absolute;*/
	position: relative;
	margin: 0;
	padding: 0;
	left: 0px;
}
#glovia #rightCLMN ul#bannerNAV li { width: 220px; list-style: none; }
#glovia #rightCLMN ul#bannerNAV li a {
	float:left; height:0; padding-top:81px; overflow:hidden; margin-bottom: 13px; _margin-bottom: 10px;
	background-image: url(../images/glovia-top-banners.jpg); background-repeat: no-repeat; }
/* BUTTONS */
#glovia #rightCLMN ul#bannerNAV li#nav-company a { width:220px; background-position: 0 0; }
#glovia #rightCLMN ul#bannerNAV li#nav-about a { width:220px; background-position: 0 -81px; }
#glovia #rightCLMN ul#bannerNAV li#nav-ingredients a { width:220px; background-position: 0 -162px; }
#glovia #rightCLMN ul#bannerNAV li#nav-howto a { width:220px; background-position: 0 -243px; }
#glovia #rightCLMN ul#bannerNAV li#nav-blog a { width:220px; background-position: 0 -324px; }
/* BUTTONS */
#glovia #rightCLMN ul#bannerNAV li#nav-company a:hover { width:220px; background-position: -220px 0; }
#glovia #rightCLMN ul#bannerNAV li#nav-about a:hover { width:220px; background-position: -220px -81px; }
#glovia #rightCLMN ul#bannerNAV li#nav-ingredients a:hover { width:220px; background-position: -220px -162px; }
#glovia #rightCLMN ul#bannerNAV li#nav-howto a:hover { width:220px; background-position: -220px -243px; }
#glovia #rightCLMN ul#bannerNAV li#nav-blog a:hover { width:220px; background-position: -220px -324px; }

/* BUTTONS */
#glovia #rightCLMN ul#bannerNAV li#nav-company2 a { width:220px; background-position: 0 0; }
#glovia #rightCLMN ul#bannerNAV li#nav-about2 a { width:220px; background-position: 0 -81px; }
#glovia #rightCLMN ul#bannerNAV li#nav-ingredients2 a { width:220px; background-position: 0 -162px; }
#glovia #rightCLMN ul#bannerNAV li#nav-howto2 a { width:220px; background-position: 0 -243px; }
#glovia #rightCLMN ul#bannerNAV li#nav-blog2 a { width:220px; background-position: 0 -324px; }
/* BUTTONS */
#glovia #rightCLMN ul#bannerNAV li#nav-company2 a:hover { width:220px; background-position: -220px 0; }
#glovia #rightCLMN ul#bannerNAV li#nav-about2 a:hover { width:220px; background-position: -220px -81px; }
#glovia #rightCLMN ul#bannerNAV li#nav-ingredients2 a:hover { width:220px; background-position: -220px -162px; }
#glovia #rightCLMN ul#bannerNAV li#nav-howto2 a:hover { width:220px; background-position: -220px -243px; }
#glovia #rightCLMN ul#bannerNAV li#nav-blog2 a:hover { width:220px; background-position: -220px -324px; }



/***** フッタコンテナ *****/
#glovia #footerCNT {
	/*width: 825px;*/
	width: 900px;
	height: 75px;
	/*margin: 0 auto;*/
	background-color: #F5EBD2;
}

/*** フッタメニュー ***/
#glovia #footerCNT ul#footerNAV {
	position: absolute;
	margin: 0;
	padding: 0;
/*	left: 0px; top:15px*/
	left: 37px; top:15px
}
#glovia #footerCNT ul#footerNAV li { display:inline;  }
#glovia #footerCNT ul#footerNAV li a { float:left; height:0; padding-top:13px; overflow:hidden; }
#glovia #footerCNT ul#footerNAV li a { background-image: url(../images/glovia-footer-menus.gif); background-repeat: no-repeat; }

/* BUTTONS */
#glovia #footerCNT ul#footerNAV li#nav-home a { width:48px; background-position: 0 0; }
#glovia #footerCNT ul#footerNAV li#nav-company a { width:63px; background-position: -48px 0; }
#glovia #footerCNT ul#footerNAV li#nav-about a { width:112px; background-position: -111px 0; }
#glovia #footerCNT ul#footerNAV li#nav-ingredients a { width:110px; background-position: -223px 0; }
#glovia #footerCNT ul#footerNAV li#nav-howto a { width:96px; background-position: -333px 0; }
#glovia #footerCNT ul#footerNAV li#nav-factory a { width:111px; background-position: -429px 0; }
#glovia #footerCNT ul#footerNAV li#nav-contact a { width:86px; background-position: -540px 0; }
#glovia #footerCNT ul#footerNAV li#nav-policy a { width:127px; background-position: -626px 0; }
#glovia #footerCNT ul#footerNAV li#nav-sitemap a { width:72px; background-position: -753px 0; }
/* BUTTONS */
#glovia #footerCNT ul#footerNAV li#nav-home a:hover { width:48px; background-position: 0 -13px; }
#glovia #footerCNT ul#footerNAV li#nav-company a:hover { width:63px; background-position: -48px -13px; }
#glovia #footerCNT ul#footerNAV li#nav-about a:hover { width:112px; background-position: -111px -13px; }
#glovia #footerCNT ul#footerNAV li#nav-ingredients a:hover { width:110px; background-position: -223px -13px; }
#glovia #footerCNT ul#footerNAV li#nav-howto a:hover { width:96px; background-position: -333px -13px; }
#glovia #footerCNT ul#footerNAV li#nav-factory a:hover { width:111px; background-position: -429px -13px; }
#glovia #footerCNT ul#footerNAV li#nav-contact a:hover { width:86px; background-position: -540px -13px; }
#glovia #footerCNT ul#footerNAV li#nav-policy a:hover { width:127px; background-position: -626px -13px; }
#glovia #footerCNT ul#footerNAV li#nav-sitemap a:hover { width:72px; background-position: -753px -13px; }
/* BUTTONS */
#glovia #footerCNT ul#footerNAV.n1 li#nav-home a { width:48px; background-position: 0 -13px; cursor: default !important; }
#glovia #footerCNT ul#footerNAV.n2 li#nav-company a { width:63px; background-position: -48px -13px; cursor: default !important; }
#glovia #footerCNT ul#footerNAV.n3 li#nav-about a { width:112px; background-position: -111px -13px; cursor: default !important; }
#glovia #footerCNT ul#footerNAV.n4 li#nav-ingredients a { width:110px; background-position: -223px -13px; cursor: default !important; }
#glovia #footerCNT ul#footerNAV.n5 li#nav-howto a { width:96px; background-position: -333px -13px; cursor: default !important; }
#glovia #footerCNT ul#footerNAV.n6 li#nav-factory a { width:111px; background-position: -429px -13px; cursor: default !important; }
#glovia #footerCNT ul#footerNAV.n7 li#nav-contact a { width:86px; background-position: -540px -13px; cursor: default !important; }
#glovia #footerCNT ul#footerNAV.n8 li#nav-policy a { width:127px; background-position: -626px -13px; cursor: default !important; }
#glovia #footerCNT ul#footerNAV.n9 li#nav-sitemap a { width:72px; background-position: -753px -13px; cursor: default !important; }

/*** クレジット ***/
#glovia #footerCNT #credit {
	position: absolute;
	width: 219px;
	height: 9px;
	/*left: 315px; top: 40px;*/
	left: 352px; top: 40px;
	background-image: url(../images/glovia-footer-credit.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}