/* ■■■■■■■■■■■■■■■■■■ ------------------------------------------------------------------------------ */
/* ■■■イワジン真珠・たまてばこ■■■ ------------------------------------------------------------------------------ */
/* ■■■■■■■■■■■■■■■■■■ ----------index.html用-------------------------------------------------------- */

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

/* ■壁紙■ ---------------------------------------------------------------------------------------------------------- */
div#Back {
	position:absolute; top:50%; left:50%; margin-left: -552px; margin-top: -390px;
	width: 1104px; height: 781px;
}

/* ■メニュー■ ------------------------------------------------------------------------------------------------------ */
div#Menu {
	position:absolute; top:50%; left:50%; margin-left: -250px; margin-top: -250px;	/* 配置 (真ん中表示のためwidth,heightの */
	width: 500px; height: 500px;													/*       半分をmarginで位置あわせ      )*/
	z-index: 4;																		/* 重なりの優先順位                */
}

/* ボタン共通 */
p.MenuButton a {
	display: block;
	width: 157px; height: 157px;
	text-indent: -9999px; 															/* 文字を見えなくする              */
	z-index: 2;
}
p.MenuButton a:hover {																/* マウスがきたとき                */
	background-position: top right;
}

/* ボタン個別 */
a.Menu_A {
	background: #000066 url(img/TOPPH1.jpg) no-repeat;
	position:absolute; top:  0px; left:  0px; 
}
a.Menu_B {
	background: #000066 url(img/Menu_B.jpg) no-repeat;
	position:absolute; top:  0px; left:170px; 
}
a.Menu_C {
	background: #000066 url(img/TOPPH2.jpg) no-repeat;
	position:absolute; top:  0px; left:340px; 
}
a.Menu_D {
	background: #000066 url(img/Menu_D.jpg) no-repeat;
	position:absolute; top:170px; left:  0px; 
}
a.Menu_E {
	background: #000066 url(img/Menu_E.jpg) no-repeat;
	position:absolute; top:170px; left:170px; 
}
a.Menu_F {
	background: #000066 url(img/Menu_F.jpg) no-repeat;
	position:absolute; top:170px; left:340px; 
}
a.Menu_G {
	background: #000066 url(img/TOPPH3.jpg) no-repeat;
	position:absolute; top:340px; left:  0px; 
}
a.Menu_H {
	background: #000066 url(img/Menu_H.jpg) no-repeat;
	position:absolute; top:340px; left:170px; 
}
a.Menu_I {
	background: #000066 url(img/TOPPH4.jpg) no-repeat;
	position:absolute; top:340px; left:340px; 
}

/* 影 */
p.Shadow_A, p.Shadow_B, p.Shadow_C, 
p.Shadow_D, p.Shadow_E, p.Shadow_F, 
p.Shadow_G, p.Shadow_H, p.Shadow_I 
 {
	background: url(img/shadow.png);
	width: 157px; height: 157px;
	display: block;
}
p.Shadow_A {
	position:absolute; top: 10px; left: 10px; 
}
p.Shadow_B {
	position:absolute; top: 10px; left:180px; 
}
p.Shadow_C {
	position:absolute; top: 10px; left:350px; 
}
p.Shadow_D {
	position:absolute; top:180px; left: 10px; 
}
p.Shadow_E {
	position:absolute; top:180px; left:180px; 
}
p.Shadow_F {
	position:absolute; top:180px; left:350px; 
}
p.Shadow_G {
	position:absolute; top:350px; left: 10px; 
}
p.Shadow_H {
	position:absolute; top:350px; left:180px; 
}
p.Shadow_I {
	position:absolute; top:350px; left:350px; 
}

/* ■フッタ■ -------------------------------------------------------------------------------------------------------- */
div#FooterS{	/* トップページ */
	position:absolute; top:85%; left:0%; 
	width: 100%; height: 15%;
	text-align:center;
}
div#Footer2S{	/* 商品詳細 */
	position:absolute; top:0%; left:0%; 
	width: 100%; height: 15%;
}

p.FootButton1S a {
	display: block;
	width: 103px; height: 70px;
	text-indent: -9999px; 															/* 文字を見えなくする              */
}
p.FootButton1S a:hover {															/* マウスがきたとき                */
	background-position: top right;
}

/* ボタン個別 */
a.Foot1S_A {
	background: url(img/Botan1-S.png) no-repeat;
	position:absolute; top:  40%; left:  30%; margin-left: -51.5px; margin-top: -35px;
}
a.Foot1S_B {
	background: url(img/Botan2-S.png) no-repeat;
	position:absolute; top:  40%; left:  44%; margin-left: -51.5px; margin-top: -35px;
}
a.Foot1S_C {
	background: url(img/Botan3-S.png) no-repeat;
	position:absolute; top:  40%; left:  58%; margin-left: -51.5px; margin-top: -35px;
}
a.Foot1S_D {
	background: url(img/Botan4-S.png) no-repeat;
	position:absolute; top:  40%; left:  71%; margin-left: -51.5px; margin-top: -35px;
}
/* ■　その他　■ ---------------------------------------------------------------------------------------------------- */

/* 水平線 */
HR {
	color: #FFFFFF; 																	/* 線の色(IE用)                */
	background-color: #ffffff; 															/* 線の色(NN用)                */
	position:absolute; top:35%; left:0%; 
	z-index: 3;																			/* 重なりの優先順位            */
	border: 0px; 																		/* 枠の太さ                    */
}

	/* メモ */
	/* 画像が表示されないときのために背景色と画像の両方を設定してある項目があります */
	/* background:color値 image値 repeat値 attachment値 position値(左 上);*/
	/* リンクの文字はインデントを調節して普段は見えなくしておく(スタイルシートが無い場合はリンク文字が表示される) */