@charset "utf-8";
/* CSS Document */

/****************************************
			all
****************************************/

*{
	margin: 0px;
	padding: 0px;
}
.float{
	float: left;
}
.clear{
	clear: both;
}
.alignLeft{
	text-align: left;
}
.alignRight{
	text-align: right;
}
.alignCenter{
	text-align: center;
}
h1{
	font-size: 11px;
	font-weight: 500;
	text-align: right;
	color: #FFFFFF;
}
*html h1{font-size: 10px; letter-spacing: 0.9;}
*:first-child+html h1{font-size: 10px; letter-spacing: 0.9;}

/****************************************
			structure
****************************************/

body{
	background-color: #000000;
	font-size: 11px;
}
#wrapper{
	margin: 16px auto 0;
	width: 870px;
	background-image: url(../images/bg-body-line.gif);
	background-repeat: repeat-y;
}

/****************************************
			header
****************************************/

#headerTop{
	background-image: url(../images/bg-top-line.gif);
	background-repeat: no-repeat;
	width: 870px;
	height: 4px;
	text-indent: -9999px;
	font-size: 0px;
}
#headerLeft{
	width: 322px;
	height: 83px;
	padding: 19px 0px 0px 33px;
}
#logo{
	width: 250px;
	height: 70px;
}
#logo a{
	background-image: url(../images/logo-image-off.gif);
	background-repeat: no-repeat;
	width: 250px;
	height: 70px;
	display: block;
	text-indent: -9999px;
}
#logo a:hover{
	background-image: url(../images/logo-image-on.gif);
}
#headerRight{
	width: 485px;
	padding: 19px 30px 0px 0px;
}
#telImage{
	background-image: url(../images/img-tel-number.gif);
	background-repeat: no-repeat;
	width: 161px;
	height: 30px;
	margin: 0 0 0 120px;
	text-indent: -9999px;
}
#mailImage{
	background-image: url(../images/img-mail-address.gif);
	background-repeat: no-repeat;
	width: 200px;
	height: 30px;
	text-indent: -9999px;
}
#businessHoursImage{
	background-image: url(../images/img-business-hours.gif);
	background-repeat: no-repeat;
	width: 161px;
	height: 25px;
	margin: 0 0 0 125px;
	text-indent: -9999px;
}
#formImage{
	width: 146px;
	height: 27px;
	margin: 0 0 0 41px;
	text-indent: -9999px;
}
#formImage a{
	background-image: url(../images/btn-contact-form-off.gif);
	background-repeat: no-repeat;
	width: 146px;
	height: 27px;
	display: block;
	text-indent: -9999px;
}
#formImage a:hover{
	background-image: url(../images/btn-contact-form-on.gif);
	background-repeat: no-repeat;
	width: 146px;
	height: 27px;
}

/*******G menu*********/

#gmenu{
	width: 809px;
	height: 23px;
	margin: 0 0 0 33px;
}
.menuRing{
	width: 120px;
	height: 23px;
}
.menuRing a{
	background-image: url(../images/btn-gmenu-engagement-ring-off.gif);
	background-repeat: no-repeat;
	width: 120px;
	height: 23px;
	display: block;
	text-indent: -9999px;
}
.menuRing a:hover{
	background-image: url(../images/btn-gmenu-engagement-ring-on.gif);
}
.menuOrderMade{
	width: 184px;
	height: 23px;
}
.menuOrderMade a{
	background-image: url(../images/btn-gmenu-order-made-jewelry-off.gif);
	background-repeat: no-repeat;
	width: 184px;
	height: 23px;
	display: block;
	text-indent: -9999px;
}
.menuOrderMade a:hover{
	background-image: url(../images/btn-gmenu-order-made-jewelry-on.gif);
}
.menuReform{
	width: 121px;
	height: 23px;
}
.menuReform a{
	background-image: url(../images/btn-gmenu-reform-off.gif);
	background-repeat: no-repeat;
	width: 121px;
	height: 23px;
	display: block;
	text-indent: -9999px;
}
.menuReform a:hover{
	background-image: url(../images/btn-gmenu-reform-on.gif);
}
.menuLesson{
	width: 129px;
	height: 23px;
}
.menuLesson a{
	background-image: url(../images/btn-gmenu-lesson-off.gif);
	background-repeat: no-repeat;
	width: 129px;
	height: 23px;
	display: block;
	text-indent: -9999px;
}
.menuLesson a:hover{
	background-image: url(../images/btn-gmenu-lesson-on.gif);
}
.menuGuide{
	width: 132px;
	height: 23px;
}
.menuGuide a{
	background-image: url(../images/btn-gmenu-purchase-guide-off.gif);
	background-repeat: no-repeat;
	width: 132px;
	height: 23px;
	display: block;
	text-indent: -9999px;
}
.menuGuide a:hover{
	background-image: url(../images/btn-gmenu-purchase-guide-on.gif);
}
.menuCompany{
	width: 118px;
	height: 23px;
}
.menuCompany a{
	background-image: url(../images/btn-gmenu-company-off.gif);
	background-repeat: no-repeat;
	width: 118px;
	height: 23px;
	display: block;
	text-indent: -9999px;
}
.menuCompany a:hover{
	background-image: url(../images/btn-gmenu-company-on.gif);
}
.menuBar{
	background-image: url(../images/bar-gmenu.gif);
	background-repeat: no-repeat;
	width: 1px;
	height: 23px;
	text-indent: -9999px;
	font-size: 1px;
}

/****************************************
			main
****************************************/

#main{
	width: 809px;
	margin: 8px 0 8px 33px;
	background: url(../images/bdr-main-body.gif) repeat-y;
}
#mainBdrHead{
	width: 809px;
	height: 4px;
	background: url(../images/bdr-main-head.gif) repeat-y;
	text-indent: -9999px;
	font-size: 0px;
}
#mainBdrFoot{
	width: 809px;
	height: 4px;
	background: url(../images/bdr-main-foot.gif) repeat-y;
	text-indent: -9999px;
	font-size: 0px;
}

/*******banner*********/

#bannerContents{
	background-color: #502a04;
	width: 804px;
	height: 62px;
	padding: 4px 0px 3px 5px;
	margin: 0 0 0 33px;
}
.bnr1{
	width: 196px;
	height: 61px;
	margin: 0 6px 0 0;
}
.bnr1 a{
	background-image: url(../images/bnr-best-off.jpg);
	background-repeat: no-repeat;
	width: 196px;
	height: 61px;
	display: block;
	text-indent: -9999px;
}
.bnr1 a:hover{
	background-image: url(../images/bnr-best-on.jpg);
}
.bnr2{
	width: 195px;
	height: 61px;
	margin: 0 6px 0 0;
}
.bnr2 a{
	background-image: url(../images/bnr-design-off.jpg);
	background-repeat: no-repeat;
	width: 195px;
	height: 61px;
	display: block;
	text-indent: -9999px;
}
.bnr2 a:hover{
	background-image: url(../images/bnr-design-on.jpg);
}
.bnr3{
	width: 195px;
	height: 61px;
	margin: 0 6px 0 0;
}
.bnr3 a{
	background-image: url(../images/bnr-message-off.jpg);
	background-repeat: no-repeat;
	width: 195px;
	height: 61px;
	display: block;
	text-indent: -9999px;
}
.bnr3 a:hover{
	background-image: url(../images/bnr-message-on.jpg);
}
.bnr4{
	width: 195px;
	height: 61px;
}
.bnr4 a{
	background-image: url(../images/bnr-greetings-off.jpg);
	background-repeat: no-repeat;
	width: 195px;
	height: 61px;
	display: block;
	text-indent: -9999px;
}
.bnr4 a:hover{
	background-image: url(../images/bnr-greetings-on.jpg);
}

/****************************************
			footer
****************************************/

#footerBox{
	width: 855px;
	height: 26px;
	padding: 5px 0 0 15px;
	background-color: #000000;
}
#footerUnder{
	background-image: url(../images/bg-under-line.gif);
	background-repeat: no-repeat;
	width: 870px;
	height: 4px;
	text-indent: -9999px;
	font-size: 0px;
}
#home{
	width: 57px;
	height: 20px;
	margin: 0 17px 0 0;
}
#home a{
	background-image: url(../images/btn-home-off.gif);
	background-repeat: no-repeat;
	width: 57px;
	height: 20px;
	display: block;
	text-indent: -9999px;
}
#home a:hover{
	background-image: url(../images/btn-home-on.gif);
}
#privacy{
	width: 128px;
	height: 20px;
	margin: 0 17px 0 0;
}
#privacy a{
	background-image: url(../images/btn-privacy-off.gif);
	background-repeat: no-repeat;
	width: 128px;
	height: 20px;
	display: block;
	text-indent: -9999px;
}
#privacy a:hover{
	background-image: url(../images/btn-privacy-on.gif);
}
#sitemap{
	width: 79px;
	height: 20px;
	margin: 0 17px 0 0;
}
#sitemap a{
	background-image: url(../images/btn-sitemap-off.gif);
	background-repeat: no-repeat;
	width: 79px;
	height: 20px;
	display: block;
	text-indent: -9999px;
}
#sitemap a:hover{
	background-image: url(../images/btn-sitemap-on.gif);
}
#copyright{
	background-image: url(../images/img-copy-right.gif);
	background-repeat: no-repeat;
	width: 250px;
	height: 20px;
	margin: 0 0 0 150px;
	text-indent: -9999px;
}
#toAI{
	width: 100px;
	height: 20px;
}
#toAI a{
	background-image: url(../images/img-to-AI.gif);
	background-repeat: no-repeat;
	width: 100px;
	height: 20px;
	display: block;
	text-indent: -9999px;
}