/* ■■■■■■■■■■■■■■■■■■ ------------------------------------------------------------------------------ */
/* ■■■イワジン真珠・たまてばこ■■■ ------------------------------------------------------------------------------ */
/* ■■■■■■■■■■■■■■■■■■ ----------商品導入ページ用---------------------------------------------------- */

/* ■全体■ ---------------------------------------------------------------------------------------------------------- */
html{
	height:100%;
}
body{
	height:100%;
	margin : 0px ;
}

/* ■壁紙■ ---------------------------------------------------------------------------------------------------------- */
div#Back {
	background: url(img/Back1.png) no-repeat;
	position:absolute; top:  10px; left:  50%; margin-left: -552px;
	width: 1104px; height: 561px;
}

div#Back_B0 {
	background: url(img/Back2+.png) no-repeat;
	position:absolute; top:  10px; left:  50%; margin-left: -552px;
	width: 1104px; height: 561px;
}

/* ■レイアウト■ ---------------------------------------------------------------------------------------------------- */
div#Header{
	position:absolute; top:0px;
	width: 100%; height: 130px;
	text-align:center;
}
div#Main {
	position:absolute; top:130px;
	width: 100%; height: 315px;
}
div#Footer{
	position:absolute; top:445;
	width: 100%; height: 180px;
	text-align:center;
}

/* ■ヘッダ■ -------------------------------------------------------------------------------------------------------- */
div#Header1{
	position:absolute; top:5%; left:0%; 
	width: 100%; height: 45%;
}

div#Header2{
	position:absolute; top:50%; left:0%; 
	width: 100%; height: 50%;
	color: #808080; 																
	font-weight: 900;																/* 太さ900                        */
	line-height: 180%; 																/* 行間                           */
	font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif;								/* フォントの種類                 */
}

/* ■メイン■ ------------------------------------------------------------------------------------------------------ */
p.ItemButton a {
	display: block;
	width: 186px; height: 234px;
	text-indent: -9999px; 															/* 文字を見えなくする              */
}
p.ItemButton a:hover {																/* マウスがきたとき                */
	background-position: top right;
}

/* ボタン個別 A*/
a.ItemB1_1 {
	background: url(img/A-1.png) no-repeat;
	position:absolute; top:  48%; left:  14%; margin-left: -80px; margin-top: -113px;
}
a.ItemB1_2 {
	background: url(img/A-2.png) no-repeat;
	position:absolute; top:  48%; left:  37%; margin-left: -80px; margin-top: -113px;
}
a.ItemB1_3 {
	background: url(img/A-3.png) no-repeat;
	position:absolute; top:  48%; left:  60%; margin-left: -80px; margin-top: -113px;
}
a.ItemB1_4 {
	background: url(img/A-4.png) no-repeat;
	position:absolute; top:  48%; left:  83%; margin-left: -80px; margin-top: -113px;
}

/* ボタン個別 B*/
a.ItemB2_1 {
	background: url(img/B-1.png) no-repeat;
	position:absolute; top:  48%; left:  14%; margin-left: -80px; margin-top: -113px;
}
a.ItemB2_2 {
	background: url(img/B-2.png) no-repeat;
	position:absolute; top:  48%; left:  37%; margin-left: -80px; margin-top: -113px;
}
a.ItemB2_3 {
	background: url(img/B-3.png) no-repeat;
	position:absolute; top:  48%; left:  60%; margin-left: -80px; margin-top: -113px;
}
a.ItemB2_4 {
	background: url(img/B-4.png) no-repeat;
	position:absolute; top:  48%; left:  83%; margin-left: -80px; margin-top: -113px;
}

/* ボタン個別 C*/
a.ItemB3_1 {
	background: url(img/C-1.png) no-repeat;
	position:absolute; top:  48%; left:  14%; margin-left: -80px; margin-top: -113px;
}
a.ItemB3_2 {
	background: url(img/C-2.png) no-repeat;
	position:absolute; top:  48%; left:  37%; margin-left: -80px; margin-top: -113px;
}
a.ItemB3_3 {
	background: url(img/C-3.png) no-repeat;
	position:absolute; top:  48%; left:  60%; margin-left: -80px; margin-top: -113px;
}
a.ItemB3_4 {
	background: url(img/C-4.png) no-repeat;
	position:absolute; top:  48%; left:  83%; margin-left: -80px; margin-top: -113px;
}

/* ボタン個別 D*/
a.ItemB4_1 {
	background: url(img/D-1.png) no-repeat;
	position:absolute; top:  48%; left:  14%; margin-left: -80px; margin-top: -113px;
}
a.ItemB4_2 {
	background: url(img/D-2.png) no-repeat;
	position:absolute; top:  48%; left:  37%; margin-left: -80px; margin-top: -113px;
}
a.ItemB4_3 {
	background: url(img/D-3.png) no-repeat;
	position:absolute; top:  48%; left:  60%; margin-left: -80px; margin-top: -113px;
}
a.ItemB4_4 {
	background: url(img/D-4.png) no-repeat;
	position:absolute; top:  48%; left:  83%; margin-left: -80px; margin-top: -113px;
}

/* ボタン上のコメント */
p.ItemTextTopB1, p.ItemTextTopB2, p.ItemTextTopB3, p.ItemTextTopB4, p.ItemTextTopB5 {
	width: 197px; height: 20px;
	color: #808080; 																
	font-size: 12px;	font-weight: 600;
	text-align:center;
}
p.ItemTextTopB1 {
	position:absolute; top:  8%; left:  14%; margin-left: -80px; margin-top: -10px;
}
p.ItemTextTopB2 {
	position:absolute; top:  8%; left:  37%; margin-left: -80px; margin-top: -10px;
}
p.ItemTextTopB3 {
	position:absolute; top:  8%; left:  60%; margin-left: -80px; margin-top: -10px;
}
p.ItemTextTopB4 {
	position:absolute; top:  8%; left:  83%; margin-left: -80px; margin-top: -10px;
}

/* ボタン下のコメント */
p.ItemTextBtmB1, p.ItemTextBtmB2, p.ItemTextBtmB3, p.ItemTextBtmB4, p.ItemTextBtmB5 {
	width: 245px; height: 20px;
	color: #808080; 																
	font-size: 11px;	font-weight: 600;
	text-align:center;
}
p.ItemTextBtmB1 {
	position:absolute; top:  94%; left:  12%; margin-left: -80px; margin-top: -10px;
}
p.ItemTextBtmB2 {
	position:absolute; top:  94%; left:  35%; margin-left: -80px; margin-top: -10px;
}
p.ItemTextBtmB3 {
	position:absolute; top:  94%; left:  58%; margin-left: -80px; margin-top: -10px;
}
p.ItemTextBtmB4 {
	position:absolute; top:  94%; left:  81%; margin-left: -80px; margin-top: -10px;
}

/* ボタン 扉用 --------------------------------------------------------------------------------------------*/
p.ItemButtonT a {
	display: block;
	width: 220px; height: 220px;
	text-indent: -9999px; 															/* 文字を見えなくする              */
}
p.ItemButtonT a:hover {																/* マウスがきたとき                */
	background-position: top right;
}

/* ボタン個別 ネックレス*/
a.ItemT_1 {
	background: url(img/Tobira1.png) no-repeat;
	position:absolute; top:  5%; left:  37%; margin-left: -110px; margin-top: -110px;
}
a.ItemT_2 {
	background: url(img/Tobira2.png) no-repeat;
	position:absolute; top:  5%; left:  63%; margin-left: -110px; margin-top: -110px;
}
a.ItemT_3 {
	background: url(img/Tobira3.png) no-repeat;
	position:absolute; top:  92%; left: 37%; margin-left: -110px; margin-top: -110px;
}
a.ItemT_4 {
	background: url(img/Tobira4.png) no-repeat;
	position:absolute; top:  92%; left: 63%; margin-left: -110px; margin-top: -110px;
}

/* ■フッタ■ -------------------------------------------------------------------------------------------------------- */

div#Footer1{
	position:absolute; top:0%; left:0%; 
	width: 100%; height: 75%;
}

div#Footer2{
	position:absolute; top:75%; left:0%; 
	width: 100%; height: 25%;
}

/* １（上段） */
/* ボタン共通 */
p.FootButton1 a {
	display: block;
	width: 200px; height: 70px;
	text-indent: -9999px; 															/* 文字を見えなくする              */
}
p.FootButton1 a:hover {																/* マウスがきたとき                */
	background-position: top right;
}
/* ボタン個別 */
a.Foot1_A {
	background: url(img/itemA.png) no-repeat;
	position:absolute; top:  50%; left:  15%; margin-left: -100px; margin-top: -35px;
}
a.Foot1_B {
	background: url(img/itemB.png) no-repeat;
	position:absolute; top:  50%; left:  39%; margin-left: -100px; margin-top: -35px;
}
a.Foot1_C {
	background: url(img/itemC.png) no-repeat;
	position:absolute; top:  50%; left:  62%; margin-left: -100px; margin-top: -35px;
}
a.Foot1_D {
	background: url(img/itemD.png) no-repeat;
	position:absolute; top:  50%; left:  85%; margin-left: -100px; margin-top: -35px;
}

/* ２（下段） */
/* ボタン共通 */
p.FootButton2 a {
	display: block;
	width: 59px; height: 25px;
	text-indent: -9999px; 															/* 文字を見えなくする              */
}
p.FootButton2 a:hover {																/* マウスがきたとき                */
	background-position: top right;
}
/* ボタン個別 */
a.Foot2_A {
	background: url(img/Foot2_A.jpg) no-repeat;
	position:absolute; top:  25%; left:  30%; margin-left: -30px; margin-top: -12px;
}
a.Foot2_B {
	background: url(img/Foot2_B.jpg) no-repeat;
	position:absolute; top:  25%; left:  40%; margin-left: -30px; margin-top: -12px;
}
a.Foot2_C {
	background: url(img/Foot2_C.jpg) no-repeat;
	position:absolute; top:  25%; left:  50%; margin-left: -30px; margin-top: -12px;
}
a.Foot2_C2 {
	background: url(img/Botan100.jpg) no-repeat;
	position:absolute; top:  25%; left:  50%; margin-left: -30px; margin-top: -12px;
}
a.Foot2_D {
	background: url(img/Foot2_D.jpg) no-repeat;
	position:absolute; top:  25%; left:  60%; margin-left: -30px; margin-top: -12px;
}
a.Foot2_D2 {
	background: url(img/Botan100.jpg) no-repeat;
	position:absolute; top:  25%; left:  60%; margin-left: -30px; margin-top: -12px;
}
a.Foot2_E {
	background: url(img/Foot2_E.jpg) no-repeat;
	position:absolute; top:  25%; left:  70%; margin-left: -30px; margin-top: -12px;
}

/* ■　その他　■ ------------------------------------------------------------------------------------------------------- */
/*	border:1px solid black;	*/														/* 作業用 */