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

/******* G menu *********/
.menuOrderMade a{
	background-image: url(../images/btn-gmenu-order-made-jewelry-on.gif);
}

/****************************************
			main
****************************************/
#mainBody{
	width: 801px;
	padding: 0 4px;
}
#mainImage{
	background: url(../images/img-m-c.jpg) no-repeat;
	width: 801px;
	height: 68px;
	text-indent: -9999px;
}

/******* alpha *********/
#alpha{
	width: 600px;
	padding: 0 0 35px 0;
}
#mainTextDiv{
	background: url(../images/txt-b2-top.gif) no-repeat;
	text-indent: -9999px;
	margin: 20px 0 15px 70px;
	width: 456px;
	height: 13px;
}
.textBox{
	width: 526px;
	margin: 0 0 0 43px;
	text-indent: -9999px;
}
.tb1{
	background: url(../images/txt-b2-b1.gif) no-repeat;
	height: 119px;
}
.tb2{
	background: url(../images/txt-c2-b10.jpg) no-repeat;
	height: 130px;
}
.tb3{
	background: url(../images/txt-c2-b9.jpg) no-repeat;
	height: 103px;
}
.tb4{
	background: url(../images/txt-b2-b4.jpg) no-repeat;
	height: 129px;
}
.tb5{
	background: url(../images/txt-b2-b5.jpg) no-repeat;
	height: 103px;
}
.tb6{
	background: url(../images/txt-b2-b6.jpg) no-repeat;
	height: 103px;
}
.tb7{
	background: url(../images/txt-b2-b7.jpg) no-repeat;
	height: 103px;
}
.tb8{
	background: url(../images/txt-c2-b11.jpg) no-repeat;
	height: 42px;
	padding: 120px 0 0 90px;
	width: 436px;
	margin: 0 0 0 43px;
	text-indent: -9999px;
	font-size: 1px;
}
.triangle{
	background: url(../images/icn-triangle1.gif) no-repeat;
	margin: 6px 0 7px 295px;
	width: 23px;
	height: 11px;
	text-indent: -9999px;
}
#situation{
	width: 232px;
	height: 23px;
}
#situation a{
	background: url(../images/btn-situation-off.gif) no-repeat;
	width: 232px;
	height: 23px;
	text-indent: -9999px;
	display: block;
}
#situation a:hover{
	background: url(../images/btn-situation-on.gif) no-repeat;
}
.text{
	line-height: 150%;
}
*html .text{font-size: 10px; letter-spacing: 1px; line-height: 170%;}
*:first-child+html .text{font-size: 10px; letter-spacing: 1px; line-height: 170%;}

/*** btn ***/
#btnBox{
	padding: 40px 0 0 100px;
}
#btnL{
	width: 228px;
}
#btnContact{
	width: 165px;
	height: 38px;
}
#btnContact a{
	background: url(../images/btn-toiawase-off.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 165px;
	height: 38px;
}
#btnContact a:hover{
	background: url(../images/btn-toiawase-on.gif) no-repeat;
}
#btnConcierge{
	width: 167px;
	height: 38px;
}
#btnConcierge a{
	background: url(../images/btn-concierge-off.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 167px;
	height: 38px;
}
#btnConcierge a:hover{
	background: url(../images/btn-concierge-on.gif) no-repeat;
}
.btnTxt{
	padding: 5px 0 0 0;
}

/******* beta *********/
#betaBg{
	background: url(../images/bg-beta.gif) repeat-y right;
	width: 801px;
}
#betaHeart{
	width: 801px;
}
#beta{
	width: 201px;
	padding: 14px 0 0 0;
}
.sideMenuDiv{
	width: 201px;
	height: 24px;
	padding: 18px 0 0 0;
}
#sm1,#sm2,#sm3,#sm4{
	width: 201px;
	height: 24px;
	text-indent: -9999px;
	display: block;
}
#sm1{
	background: url(../images/btn-smenu-full.gif) no-repeat;
}
#sm2{
	background: #efefef url(../images/btn-smenu-nagare.gif) no-repeat;
}
#sm3{
	background: url(../images/btn-smenu-sample.gif) no-repeat;
}
#sm4{
	background: url(../images/btn-smenu-concierge.gif) no-repeat;
}
#sm1:hover,#sm2:hover,#sm3:hover,#sm4:hover{
	background-color: #efefef;
}
#question{
	margin: 40px 0 0 15px;
	width: 173px;
	height: 56px;
}
#question a{
	background: url(../images/btn-smenu-QandA-off.gif) no-repeat;
	width: 173px;
	height: 56px;
	text-indent: -9999px;
	display: block;
}
#question a:hover{
	background: url(../images/btn-smenu-QandA-on.gif) no-repeat;
}

/******* banner *********/
#bannerContents{
	margin: 0 0 12px 33px;
}