#common{
	position:absolute;
	top: 112px;
	text-align:center;
	width:100%;
}

*html #common {
	width:876px;
	}

#contents{
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    width:727px;
    margin:0px auto;
}

#menu ul { width: 727px; position: absolute; margin: 0 0 0 76px; padding: 0; background:transparent; } 
#menu li { display: block; float: left; text-indent: -9999px; margin-right:0px;border-right:2px solid #b59242; } 
#menu li a{ display: block; height: 37px; text-decoration: none; } 
#menu li#menu01 a{ background: url(/i/navi/navi_shopping_off.gif) repeat-x; width: 180px; } 
#menu li#menu01 a:hover{ background: url(/i/navi/navi_shopping_on.gif) repeat-x; }
#menu li#menu02 a{ background: url(/i/navi/navi_what_off.gif) repeat-x; width: 180px; } 
#menu li#menu02 a:hover{ background: url(/i/navi/navi_what_on.gif) repeat-x; } 
#menu li#menu03 a{ background: url(/i/navi/navi_news_off.gif) repeat-x; width: 180px; } 
#menu li#menu03 a:hover{ background: url(/i/navi/navi_news_on.gif) repeat-x; } 
#menu li#menu04 a{ background: url(/i/navi/navi_testimonial_off.gif) repeat-x; width: 180px; } 
#menu li#menu04 { border-right:none; } 
#menu li#menu04 a:hover{ background: url(/i/navi/navi_testimonial_on.gif) no-repeat;border-right:solid 1px #988a67; } 
#sub01 ul { visibility: hidden; position: relative; top: 37px; left: 76px; margin: 0 0px 0 0; padding: 0; } 
#sub01 li { display: block; text-indent: -9999px; } 
#sub01 li a{ display: block; height: 27px; width: 178px; text-decoration: none; } 
#sub01 li#sub01a a{ background: url(/i/navi/role_shop01_off.gif) no-repeat; } 
#sub01 li#sub01a a:hover{ background: url(/i/navi/role_shop01_on.gif) no-repeat; } 
#sub01 li#sub01b a{ background: url(/i/navi/role_shop02_off.gif) no-repeat; } 
#sub01 li#sub01b a:hover{ background: url(/i/navi/role_shop02_on.gif) no-repeat; } 
#sub01 li#sub01c a{ background: url(/i/navi/role_shop03_off.gif) no-repeat; } 
#sub01 li#sub01c a:hover{ background: url(/i/navi/role_shop03_on.gif) no-repeat; } 
#sub02 ul { visibility: hidden; position: relative; top: -17px; left: 258px; margin: 0; padding: 0; } 
#sub02 li { display: block; text-indent:-9999px; } 
#sub02 li a{ display: block; height: 27px; width: 178px; text-decoration: none; } 
#sub02 li#sub02a a{ background: url(/i/navi/role_what01_off.gif) no-repeat; } 
#sub02 li#sub02a a:hover{ background: url(/i/navi/role_what01_on.gif) no-repeat; } 
#sub02 li#sub02b a{ background: url(/i/navi/role_what02_off.gif) no-repeat; } 
#sub02 li#sub02b a:hover{ background: url(/i/navi/role_what02_on.gif) no-repeat; } 
#sub02 li#sub02c a{ background: url(/i/navi/role_what03_off.gif) no-repeat; } 
#sub02 li#sub02c a:hover{ background: url(/i/navi/role_what03_on.jpg) no-repeat; } 
#sub02 li#sub02d a{ background: url(/i/navi/role_what04_off.gif) no-repeat; } 
#sub02 li#sub02d a:hover{ background: url(/i/navi/role_what04_on.gif) no-repeat; } 
#sub02 li#sub02e a{ background: url(/i/navi/role_what05_off.gif) no-repeat; } 
#sub02 li#sub02e a:hover{ background: url(/i/navi/role_what05_on.jpg) no-repeat; } 
#sub02 li#sub02f a{ background: url(/i/navi/role_what06_off.gif) no-repeat; } 
#sub02 li#sub02f a:hover{ background: url(/i/navi/role_what06_on.jpg) no-repeat; } 
#sub02 li#sub02g a{ background: url(/i/navi/role_what07_off.gif) no-repeat; } 
#sub02 li#sub02g a:hover{ background: url(/i/navi/role_what07_on.gif) no-repeat; } 
#sub02 li#sub02h a{ background: url(/i/navi/role_what08_off.gif) no-repeat; } 
#sub02 li#sub02h a:hover{ background: url(/i/navi/role_what08_on.gif) no-repeat; } 
#sub03 ul { visibility: hidden; position: relative; top: -206px; left: 440px; margin: 0; padding: 0; } 
#sub03 li { display: block; text-indent: -9999px; } 
#sub03 li a{ display: block; height: 27px; width: 178px; text-decoration: none; } 
#sub03 li#sub03a a{ background: url(/i/navi/role_news01_off.gif) no-repeat; } 
#sub03 li#sub03a a:hover{ background: url(/i/navi/role_news01_on.gif) no-repeat; } 
#sub03 li#sub03b a{ background: url(/i/navi/role_news02_off.gif) no-repeat; } 
#sub03 li#sub03b a:hover{ background: url(/i/navi/role_news02_on.gif) no-repeat; } 

#menu {background:none; }

/* side navigation */

/* side navigation 00 */

#side_navigation00 {
	background:transparent url(/i/navi/sn_other.gif) 0 0px repeat-y;
	width: 150px;
	padding:0 0 0 0;
	margin:0 0 0px 0;
	}

/* UL for main navigation */
#sn00 {
	margin: 0;
	padding: 0;
	background: transparent;
	width: 150px;
	}

/* LI for main navigation */
#sn00 li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#sn00 li, #sn00 a {
	height: 31px;
	display: block;
	width: 150px;
	}

/* Modified Phark Image Replacement Technique */
#sn00 a, #sn00 a:active {
	text-indent: -9000px;
	text-decoration: none;
	border:none;	
	}

/* CSS Sprites Technique from Dave Shea, Mezzoblue */
#sn0001 {background: transparent url(/i/navi/sn_other.gif) 0px 0 no-repeat; }
#sn0002 {background: transparent url(/i/navi/sn_other.gif) 0px -31px no-repeat; }
#sn0003 {background: transparent url(/i/navi/sn_other.gif) 0px -62px no-repeat; }
#sn0004 {background: transparent url(/i/navi/sn_other.gif) 0px -93px no-repeat; }
#sn0005 {background: transparent url(/i/navi/sn_other.gif) 0px -124px no-repeat; }
#sn0006 {background: transparent url(/i/navi/sn_other.gif) 0px -155px no-repeat; }

#sn0001 a:hover, #sn0001 a:visited:hover { background: transparent url(/i/navi/sn_other.gif) -151px 0px no-repeat;}
#sn0002 a:hover, #sn0002 a:visited:hover { background: transparent url(/i/navi/sn_other.gif) -151px -31px no-repeat;}
#sn0003 a:hover, #sn0003 a:visited:hover { background: transparent url(/i/navi/sn_other.gif) -151px -62px no-repeat;}
#sn0004 a:hover, #sn0004 a:visited:hover { background: transparent url(/i/navi/sn_other.gif) -151px -93px no-repeat;}
#sn0005 a:hover, #sn0005 a:visited:hover { background: transparent url(/i/navi/sn_other.gif) -151px -124px no-repeat;}
#sn0006 a:hover, #sn0006 a:visited:hover { background: transparent url(/i/navi/sn_other.gif) -151px -155px no-repeat;}

#sn0001 a.selected:link, #sn0001 a.selected:visited { background: transparent url(/i/navi/sn_other.gif) -151px 0px no-repeat;}
#sn0002 a.selected:link, #sn0002 a.selected:visited { background: transparent url(/i/navi/sn_other.gif) -151px -31px no-repeat;}
#sn0003 a.selected:link, #sn0003 a.selected:visited { background: transparent url(/i/navi/sn_other.gif) -151px -62px no-repeat;}
#sn0004 a.selected:link, #sn0004 a.selected:visited { background: transparent url(/i/navi/sn_other.gif) -151px -93px no-repeat;}
#sn0005 a.selected:link, #sn0005 a.selected:visited { background: transparent url(/i/navi/sn_other.gif) -151px -124px no-repeat;}
#sn0006 a.selected:link, #sn0006 a.selected:visited { background: transparent url(/i/navi/sn_other.gif) -151px -155px no-repeat;}

/* side navigation 01 */

#side_navigation01 {
	background:transparent url(/i/navi/sn_shopping.gif) 0 0px repeat-y;
	width: 150px;
	padding:0 0 0 0;
	margin:0 0 0px 0;
	position:relative;
	z-index:20;
	}

/* UL for main navigation */
#sn01 {
	margin: 0;
	padding: 0;
	background: transparent;
	width: 150px;
	z-index:10;
	}

/* LI for main navigation */
#sn01 li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#sn01 li, #sn01 a {
	height: 31px;
	display: block;
	width: 150px;
	}

/* Modified Phark Image Replacement Technique */
#sn01 a, #sn01 a:active {
	text-indent: -9000px;
	text-decoration: none;
	border:none;	
	}

/* CSS Sprites Technique from Dave Shea, Mezzoblue */
#sn0101 {background: transparent url(/i/navi/sn_shopping.gif) 0px 0 no-repeat; }
#sn0102 {background: transparent url(/i/navi/sn_shopping.gif) 0px -31px no-repeat; }
#sn0103 {background: transparent url(/i/navi/sn_shopping.gif) 0px -62px no-repeat;}
#sn0104 {background: transparent url(/i/navi/sn_shopping.gif) 0px -93px no-repeat;}

#sn0101 a:hover, #sn0101 a:visited:hover { background: transparent url(/i/navi/sn_shopping.gif) -151px 0px no-repeat;}
#sn0102 a:hover, #sn0102 a:visited:hover { background: transparent url(/i/navi/sn_shopping.gif) -151px -31px no-repeat;}
#sn0103 a:hover, #sn0103 a:visited:hover { background: transparent url(/i/navi/sn_shopping.gif) -151px -62px no-repeat;}
#sn0104 a:hover, #sn0104 a:visited:hover { background: transparent url(/i/navi/sn_shopping.gif) -151px -93px no-repeat;}

#sn0101 a.selected:link, #sn0101 a.selected:visited { background: transparent url(/i/navi/sn_shopping.gif) -151px 0px no-repeat;}
#sn0102 a.selected:link, #sn0102 a.selected:visited { background: transparent url(/i/navi/sn_shopping.gif) -151px -31px no-repeat;}
#sn0103 a.selected:link, #sn0103 a.selected:visited { background: transparent url(/i/navi/sn_shopping.gif) -151px -62px no-repeat;}
#sn0104 a.selected:link, #sn0104 a.selected:visited { background: transparent url(/i/navi/sn_shopping.gif) -151px -93px no-repeat;}

/* */

#side_navigation02 {
	background:transparent url(/i/navi/sn_product1.gif) 0 0px repeat-y;
	width: 150px;
	padding:0 0 0 0;
	margin:0 0 0px 0;
	position:relative;
	z-index:20;
	}

/* UL for main navigation */
#sn02 {
	margin: 0;
	padding: 0;
	background: transparent;
	width: 150px;
	z-index:10;
	}

/* LI for main navigation */
#sn02 li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#sn02 li, #sn02 a {
	height: 31px;
	display: block;
	width: 150px;
	}

/* Modified Phark Image Replacement Technique */
#sn02 a, #sn02 a:active {
	text-indent: -9000px;
	text-decoration: none;
	border:none;	
	}

/* CSS Sprites Technique from Dave Shea, Mezzoblue */
#sn0201 {background: transparent url(/i/navi/sn_product.gif) 0px 0 no-repeat; }
#sn0202 {background: transparent url(/i/navi/sn_product.gif) 0px -31px no-repeat; }
#sn0203 {background: transparent url(/i/navi/sn_product.gif) 0px -62px no-repeat;}
#sn0204 {background: transparent url(/i/navi/sn_product.gif) 0px -93 no-repeat; }
#sn0205 {background: transparent url(/i/navi/sn_product.gif) 0px -124px no-repeat; }
#sn0206 {background: transparent url(/i/navi/sn_product.gif) 0px -155px no-repeat;}
#sn0207 {background: transparent url(/i/navi/sn_product.gif) 0px -186 no-repeat; }
#sn0208 {background: transparent url(/i/navi/sn_product.gif) 0px -217px no-repeat; }

#sn0201 a:hover, #sn0201 a:visited:hover { background: transparent url(/i/navi/sn_product.gif) -151px 0px no-repeat;}
#sn0202 a:hover, #sn0202 a:visited:hover { background: transparent url(/i/navi/sn_product.gif) -151px -31px no-repeat;}
#sn0203 a:hover, #sn0203 a:visited:hover { background: transparent url(/i/navi/sn_product.gif) -151px -62px no-repeat;}
#sn0204 a:hover, #sn0204 a:visited:hover { background: transparent url(/i/navi/sn_product.gif) -151px -93px no-repeat;}
#sn0205 a:hover, #sn0205 a:visited:hover { background: transparent url(/i/navi/sn_product.gif) -151px -124px no-repeat;}
#sn0206 a:hover, #sn0206 a:visited:hover { background: transparent url(/i/navi/sn_product.gif) -151px -155px no-repeat;}
#sn0207 a:hover, #sn0207 a:visited:hover { background: transparent url(/i/navi/sn_product.gif) -151px -186px no-repeat;}
#sn0208 a:hover, #sn0208 a:visited:hover { background: transparent url(/i/navi/sn_product.gif) -151px -217px no-repeat;}

#sn0201 a.selected:link, #sn0201 a.selected:visited { background: transparent url(/i/navi/sn_product.gif) -151px 0px no-repeat;}
#sn0202 a.selected:link, #sn0202 a.selected:visited { background: transparent url(/i/navi/sn_product.gif) -151px -31px no-repeat;}
#sn0203 a.selected:link, #sn0203 a.selected:visited { background: transparent url(/i/navi/sn_product.gif) -151px -62px no-repeat;}
#sn0204 a.selected:link, #sn0204 a.selected:visited { background: transparent url(/i/navi/sn_product.gif) -151px -93px no-repeat;}
#sn0205 a.selected:link, #sn0205 a.selected:visited { background: transparent url(/i/navi/sn_product.gif) -151px -124px no-repeat;}
#sn0206 a.selected:link, #sn0206 a.selected:visited { background: transparent url(/i/navi/sn_product.gif) -151px -155px no-repeat;}
#sn0207 a.selected:link, #sn0207 a.selected:visited { background: transparent url(/i/navi/sn_product.gif) -151px -186px no-repeat;}
#sn0208 a.selected:link, #sn0208 a.selected:visited { background: transparent url(/i/navi/sn_product.gif) -151px -217px no-repeat;}

/* side navigation 03 */

#side_navigation03 {
	background:transparent url(/i/navi/sn_news.gif) 0 0px repeat-y;
	width: 150px;
	padding:0 0 0 0;
	margin:0 0 0px 0;
	position:relative;
	z-index:20;
	}

/* UL for main navigation */
#sn03 {
	margin: 0;
	padding: 0;
	background: transparent;
	width: 150px;
	z-index:10;
	}

/* LI for main navigation */
#sn03 li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#sn03 li, #sn03 a {
	height: 31px;
	display: block;
	width: 150px;
	}

/* Modified Phark Image Replacement Technique */
#sn03 a, #sn03 a:active {
	text-indent: -9000px;
	text-decoration: none;
	border:none;	
	}

/* CSS Sprites Technique from Dave Shea, Mezzoblue */
#sn0301 {background: transparent url(/i/navi/sn_news.gif) 0px 0 no-repeat; }
#sn0302 {background: transparent url(/i/navi/sn_news.gif) 0px -31px no-repeat; }

#sn0301 a:hover, #sn0301 a:visited:hover { background: transparent url(/i/navi/sn_news.gif) -151px 0px no-repeat;}
#sn0302 a:hover, #sn0302 a:visited:hover { background: transparent url(/i/navi/sn_news.gif) -151px -31px no-repeat;}

#sn0301 a.selected:link, #sn0301 a.selected:visited { background: transparent url(/i/navi/sn_news.gif) -151px 0px no-repeat;}
#sn0302 a.selected:link, #sn0302 a.selected:visited { background: transparent url(/i/navi/sn_news.gif) -151px -31px no-repeat;}