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

@import url(common.css);

/* TOP */
#index-copy {
	position: absolute;
	width:676px;
	height:105px;
	left: 0px;
	top: 0px;
	background:url(../img/common/col_copy.jpg) bottom no-repeat;
	text-indent:-9999px;
}
#ruby-copy {
	position: absolute;
	width:676px;
	height:105px;
	left: 0px;
	top: 0px;
	background:url(../img/common/ruby_copy.jpg) bottom no-repeat;
	text-indent:-9999px;
}
#sapphire-copy {
	position: absolute;
	width:676px;
	height:105px;
	left: 0px;
	top: 0px;
	background:url(../img/common/sapphire_copy.jpg) bottom no-repeat;
	text-indent:-9999px;
}
#jadeite-copy {
	position: absolute;
	width:676px;
	height:105px;
	left: 0px;
	top: 0px;
	background:url(../img/common/jadeite_copy.jpg) bottom no-repeat;
	text-indent:-9999px;
}
#pearl-copy {
	position: absolute;
	width:676px;
	height:105px;
	left: 0px;
	top: 0px;
	background:url(../img/common/pearl_copy.jpg) bottom no-repeat;
	text-indent:-9999px;
}
#spinel-copy {
	position: absolute;
	width:676px;
	height:105px;
	left: 0px;
	top: 0px;
	background:url(../img/common/spinel_copy.jpg) bottom no-repeat;
	text-indent:-9999px;
}


/* Collection */
#collection {
	position: absolute;
	width: 676px;
	height: 160px;
	left: 0px;
	top: 108px;
	background-image: url(../img/common/coltitle.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-indent:-9999px;
}
#collection #menu01 a {
	position: absolute;
	width: 284px;
	height: 44px;
	left: 41px;
	top: 28px;
	background-image: url(../img/common/colmenu01.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-indent:-9999px;
}
#collection #menu02 a {
	position: absolute;
	width: 284px;
	height: 44px;
	left: 325px;
	top: 28px;
	background-image: url(../img/common/colmenu02.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-indent:-9999px;
}
#collection #menu03 a {
	position: absolute;
	width: 284px;
	height: 44px;
	left: 41px;
	top: 72px;
	background-image: url(../img/common/colmenu03.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-indent:-9999px;
}
#collection #menu04 a {
	position: absolute;
	width: 284px;
	height: 44px;
	left: 325px;
	top: 72px;
	background-image: url(../img/common/colmenu04.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-indent:-9999px;
}
#collection #menu05 a {
	position: absolute;
	width: 284px;
	height: 44px;
	left: 41px;
	top: 116px;
	background-image: url(../img/common/colmenu05.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-indent:-9999px;
}
#collection #menu06 a {
	position: absolute;
	width: 284px;
	height: 44px;
	left: 325px;
	top: 116px;
	background-image: url(../img/common/colmenu06.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-indent:-9999px;
}

#collectionflash {
	position: absolute;
	width: 676px;
	height: 419px;
	left: 0px;
	top: 106px;
	background-image: url(../img/common/coltitle.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 25px;	/*text-indent:-9999px;*/
	padding-left: 24px;
}

/* LOOSE */
#loose {
	position: absolute;
	width: 676px;
	height: 256px;
	left: 0px;
	top: 270px;
	background-image: url(../img/common/loosetitle.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-indent:-9999px;
}

#loose #fact {
	position: absolute;
	width: 364px;
	height: 152px;
	left: 8px;
	top: 28px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	color: #333355;
	line-height: 12px;
	letter-spacing: 0px;
	word-spacing: 0px;
	text-indent: 0px;
}