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

/******* G menu *********/
.menuRing a{
	background-image: url(../images/btn-gmenu-engagement-ring-on.gif);
}

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

/******* alpha *********/
#alpha{
	width: 600px;
	padding: 0 0 35px 0;
}
#mainTextDiv{
	background: url(../images/txt-b4-top.gif) no-repeat;
	text-indent: -9999px;
	margin: 21px 0 21px 34px;
	width: 540px;
	height: 83px;
}
.line1{
	background: url(../images/bar-line1.gif) repeat-x;
	font-size: 0px;
	text-indent: -9999px;
	margin: 0 0 0 13px;
	width: 573px;
	height: 1px;
}
.QLDPadTop{
	padding: 10px 0 0 0;
}
.QLDPadFoot{
	padding: 0 0 10px 0;
}
.QLD{
	width: 600px;
	margin: 6px 0 5px 0;
}
.Q{
	background: url(../images/icn-question.gif) no-repeat;
	text-indent: -9999px;
	margin: 0 8px 0 23px;
	width: 10px;
	height: 15px;
}
.QText{
	width: 290px;
	font-size: 12px;
	line-height: 150%;
	letter-spacing: 0.7px;
}
.arrowsRow1{
	padding: 0 0 0 5px;
}
.arrowsRow2{
	padding: 0 0 0 5px;
}
.arrow2{
	background: url(../images/icn-arrow2.gif) no-repeat;
	text-indent: -9999px;
	margin: 4px 0 0 0;
	width: 21px;
	height: 9px;
}
.arrowText1{
	width: 106px;
	padding: 0 0 0 5px;
}
.arrowText2{
	width: 125px;
	padding: 0 0 0 5px;
}
.arrowText3{
	width: 118px;
	padding: 0 0 0 5px;
}
.arrowText4{
	width: 225px;
	padding: 0 0 0 5px;
}
.concierge{
	font-size: 12px;
	line-height: 150%;
	letter-spacing: 0.7px;
	color: #a46c00;
	text-decoration: none;
}
.concierge:hover{
	text-decoration: underline;
}
#bgMain{
	margin: 25px 0 0 19px;
}
#bgMainHead{
	background: url(../images/bg-concierge-head.gif) no-repeat;
	text-indent: -9999px;
	font-size: 0px;
	width: 560px;
	height: 9px;
}
#bgMainBody{
	background: url(../images/bg-concierge-body.gif) repeat-y;
	width: 560px;
	padding: 1px 0 30px 0;
}
#bgMainFoot{
	background: url(../images/bg-concierge-foot.gif) no-repeat;
	text-indent: -9999px;
	font-size: 0px;
	width: 560px;
	height: 9px;
}
.conciergeName{
	text-indent: -9999px;
	width: 521px;
	height: 16px;
	margin: 20px 0 0 20px;
}
.n1{
	background: url(../images/bar-b4-1.gif) no-repeat;
	margin: 10px 0 0 20px;
}
.n2{
	background: url(../images/bar-b4-2.gif) no-repeat;
}
.n3{
	background: url(../images/bar-b4-3.gif) no-repeat;
}
.n4{
	background: url(../images/bar-b4-4.gif) no-repeat;
}
.n5{
	background: url(../images/bar-b4-5.gif) no-repeat;
}
.n6{
	background: url(../images/bar-b4-6.gif) no-repeat;
}
.n7{
	background: url(../images/bar-b4-7.gif) no-repeat;
}
.n8{
	background: url(../images/bar-b4-8.gif) no-repeat;
}
.n9{
	background: url(../images/bar-b4-9.gif) no-repeat;
}
.n10{
	background: url(../images/bar-b4-10.gif) no-repeat;
}
.n11{
	background: url(../images/bar-b4-11.gif) no-repeat;
}
.conciergeText{
	width: 510px;
	padding: 7px 0 0 27px;
	font-size: 12px;
	line-height: 130%;
	letter-spacing: 0.7px;
	color: #444444;
}
.innerBox{
	margin: 0 0 0 40px;
	widht: 475px;
}
.innerMargin{
	margin: 10px 0 0 40px;
}
.innerBoxHead{
	background: url(../images/bg-inner3-head.gif) no-repeat;
	text-indent: -9999px;
	font-size: 0px;
	width: 475px;
	height: 5px;
}
.innerBoxBody{
	background: url(../images/bg-inner3-body.gif) repeat-y;
	width: 475px;
	padding: 5px 0 0 0;
}
.innerBoxFoot{
	background: url(../images/bg-inner3-foot.gif) no-repeat;
	text-indent: -9999px;
	font-size: 0px;
	width: 475px;
	height: 5px;
}
#t1,#t2,#t3,#t4,#t5,#t6{
	text-indent: -9999px;
	font-size: 1px;
	width: 475px;
	height: 12px;
}
#t1{
	background: url(../images/txt-b4-1.gif) no-repeat center;
}
#t2{
	background: url(../images/txt-b4-2.gif) no-repeat center;
}
#t3{
	background: url(../images/txt-b4-3.gif) no-repeat center;
}
#t4{
	background: url(../images/txt-b4-4.gif) no-repeat center;
}
#t5{
	background: url(../images/txt-b4-5.gif) no-repeat center;
}
#t6{
	background: url(../images/txt-b4-6.gif) no-repeat center;
}
.innerText{
	width: 475px;
	padding: 3px 0 6px 0;
	text-align: center;
	font-size: 10px;
	line-height: 130%;
	letter-spacing: 0.8px;
}
.triangle2{
	background: url(../images/icn-triangle2.gif) no-repeat;
	text-indent: -9999px;
	margin: 3px 0 2px 268px;
	width: 21px;
	height: 12px;
}
#attention{
	width: 470px;
	padding: 25px 0 0 55px;
	font-size: 10px;
	line-height: 140%;
	letter-spacing: 0.7px;
	color: #444444;
}
.kome{
	width: 30px;
}
.komeText{
	width: 435px;
}

/*** btn ***/
#btnBox{
	padding: 40px 0 0 200px;
}
#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: url(../images/btn-smenu-nagare.gif) no-repeat;
}
#sm3{
	background: url(../images/btn-smenu-sample.gif) no-repeat;
}
#sm4{
	background: #efefef 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;
}