@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-c1-top.gif) no-repeat;
	text-indent: -9999px;
	margin: 30px 0 28px 82px;
	width: 446px;
	height: 140px;
}

.textBox{
	margin: 16px 0 0 22px;
}
.textBoxHead{
	background: url(../images/bg-txt-top.gif) no-repeat;
	width: 558px;
	height: 14px;
}
.textBoxBody{
	background: url(../images/bg-txt-body.gif) repeat-y;
	width: 558px;
	padding: 5px 0 8px 20px;
}
.textBoxFoot{
	background: url(../images/bg-txt-foot.gif) no-repeat;
	width: 558px;
	height: 14px;
}

#Box2Title{
	background: url(../images/bar-c1-1.gif) no-repeat;
	width: 520px;
	height: 18px;
	padding: 0 0 13px 0;
	text-indent: -9999px;
}
#Box2Image{
	background: url(../images/img-c1-1.jpg) no-repeat;
	width: 132px;
	height: 101px;
	margin: 5px 18px 0 7px;
}
#Box2Text{
	width: 358px;
}

#Box3Title{
	background: url(../images/bar-c1-2.gif) no-repeat;
	width: 520px;
	height: 17px;
	padding: 0 0 13px 0;
	text-indent: -9999px;
}
.Box3Text{
	width: 507px;
	padding: 0 0 0 9px;
}
.innerBox1{
	width: 384px;
	margin: 10px 0 0 73px;
}
.innerBox1Head{
	background: url(../images/bg-inner1-head.gif) no-repeat;
	width: 384px;
	height: 5px;
}
.innerBox1Body{
	background: url(../images/bg-inner1-body.gif) repeat-y;
	width: 384px;
	padding: 7px 0 5px 0;
}
.innerBox1Foot{
	background: url(../images/bg-inner1-foot.gif) no-repeat;
	width: 384px;
	height: 5px;
}
#innerBox1Title1{
	background: url(../images/txt-c1-t1.gif) no-repeat;
	width: 112px;
	height: 12px;
	margin: 0 0 2px 124px;
	text-indent: -9999px;
}
#innerBox1Title2{
	background: url(../images/txt-c1-t2.gif) no-repeat;
	width: 112px;
	height: 12px;
	margin: 0 0 2px 124px;
	text-indent: -9999px;
}
.innerBox1Text{
	width: 315px;
	padding: 5px 0 0 42px;
}

#Box4Title{
	background: url(../images/bar-c1-3.gif) no-repeat;
	width: 460px;
	height: 33px;
	margin: 0 0 0 33px;
	text-indent: -9999px;
}
.innerBox2{
	width: 455px;
	margin: 12px 0 0 35px;
}
#innerBox2Index1{
	background: url(../images/txt-c1-t3.gif) no-repeat;
	width: 106px;
	height: 16px;
	padding: 0 0 3px 0;
	text-indent: -9999px;
}
.innerBox2Head{
	background: url(../images/bg-inner2-head.gif) no-repeat;
	width: 455px;
	height: 5px;
}
.innerBox2Body{
	background: url(../images/bg-inner2-body.gif) repeat-y;
	width: 455px;
	padding: 7px 0 5px 0;
}
.innerBox2Foot{
	background: url(../images/bg-inner2-foot.gif) no-repeat;
	width: 455px;
	height: 5px;
}
#innerBox2Title3{
	background: url(../images/txt-c1-t5.gif) no-repeat center;
	width: 455px;
	height: 10px;
	margin: 0 0 2px 0;
	text-indent: -9999px;
}
#innerBox2Title4{
	background: url(../images/txt-c1-t6.gif) no-repeat center;
	width: 455px;
	height: 12px;
	margin: 0 0 2px 0;
	text-indent: -9999px;
}
#innerBox2Title5{
	background: url(../images/txt-c1-t7.gif) no-repeat center;
	width: 455px;
	height: 11px;
	margin: 0 0 2px 0;
	text-indent: -9999px;
}
#innerBox2Title6{
	background: url(../images/txt-c1-t8.gif) no-repeat center;
	width: 455px;
	height: 11px;
	margin: 0 0 2px 0;
	text-indent: -9999px;
}
.innerBox2Text{
	width: 455px;
	text-align: center;
	padding: 0 0 5px 0;
}
#innerBox2Index2{
	background: url(../images/txt-c1-t4.gif) no-repeat;
	width: 81px;
	height: 16px;
	padding: 0 0 3px 0;
	text-indent: -9999px;
}
#innerBox2Title7{
	background: url(../images/txt-c1-t9.gif) no-repeat center;
	width: 455px;
	height: 12px;
	margin: 0 0 2px 0;
	text-indent: -9999px;
}
#innerBox2Title8{
	background: url(../images/txt-c1-t10.gif) no-repeat center;
	width: 455px;
	height: 11px;
	margin: 0 0 2px 0;
	text-indent: -9999px;
}
#sText{
	padding: 3px 0 8px 0;
	line-height: 110%;
}
*html #sText{font-size: 10px; letter-spacing: 1px; line-height: 120%;}
*:first-child+html #sText{font-size: 10px; letter-spacing: 1px; line-height: 120%;}

.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;
}
#btnSeisaku{
	width: 165px;
	height: 38px;
}
#btnSeisaku a{
	background: url(../images/btn-seisaku-off.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 165px;
	height: 38px;
}
#btnSeisaku a:hover{
	background: url(../images/btn-seisaku-on.gif) no-repeat;
}
#btnContact{
	margin: 20px 0 0 0;
	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;
}
#btnSample{
	width: 167px;
	height: 38px;
}
#btnSample a{
	background: url(../images/btn-sample-off.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 167px;
	height: 38px;
}
#btnSample a:hover{
	background: url(../images/btn-sample-on.gif) no-repeat;
}
#btnConcierge{
	margin: 20px 0 0 0;
	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: #efefef url(../images/btn-smenu-full.gif) no-repeat;
}
#sm2{
	background: 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;
}