#MainArea {
	position:relative;
	text-align: center;
	font-size: 100%;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: rgb(255, 255, 255);
	background-color: rgb(255, 255, 255);
	width:380px;
	height:1036px;
}


/* ロゴ  */
.logo{
	position: absolute;
	top:-50px;
    left: 0;
    width:300px;
    height:auto;
	margin:0;
	z-index:5;
	text-align:left;
}
.logo img{
	width:45%;
	height:auto;
}


/* 購入ページ */
.DL_btn {
	z-index: 100;
	position: fixed;
    right: 0;
    top: 250px;
}


.Area1{
	z-index:0;
	position:relative;
	width:380px;
	height:286px;
    margin:0 auto;
	padding:0;
}
.Area1 .obj1{
	z-index:1;
	position: absolute;
	width:380px;
	height:280px;
	top:0;
	left:0;
	margin:auto;
}
.Area1 .obj1 img{
	width:100%;
	height:auto;
}
.Area1 .obj2{
	z-index:2;
	position: absolute;
	width:380px;
	height:280px;
	top:10px;
	left:0;
	margin:auto;
	text-align : left;
}
.Area1 .obj2 img{
	width:70%;
	height:auto;
}
.Area1 .obj3{
	z-index:3;
	position: absolute;
	width:380px;
	height:280px;
	top:0;
	right:0;
	margin:auto;
	text-align : right;
}
.Area1 .obj3 img{
	width:65%;
	height:auto;
}
.Area1 .obj4{
	z-index:4;
	position: absolute;
	width:380px;
	height:280px;
	top:0;
	left:0;
	margin:auto;
	text-align : right;
}
.Area1 .obj4 img{
	width:100%;
	height:auto;
}
.Area1 .obj5{
	z-index:5;
	position: absolute;
	width:380px;
	height:280px;
	top:0;
	left:0;
	margin:auto;
	padding:250px 0 0 0;
}
.Area1 .obj5 img{
	width:100%;
	height:auto;
}
.Area1 .obj6{
	z-index:6;
	position: absolute;
	width:380px;
	height:280px;
	top:0;
	left:0;
	margin:auto;
	padding:260px 0 0 0;
}
.Area1 .obj6 img{
	width:100%;
	height:auto;
}


.Area2{
	z-index:0;
	position:relative;
	width:380px;
	height:240px;
    margin:0 auto;
	padding:0;
}
.Area2 .obj1{
	z-index:1;
	position: absolute;
	width:380px;
	height:240px;
	top:0;
	left:0;
	margin:auto;
}
.Area2 .obj1 img{
	width:100%;
	height:auto;
}
.Area2 .obj2{
	z-index:2;
	position: absolute;
	width:380px;
	height:240px;
	top:-20px;
	right:0;
	margin:auto;
	text-align : right;
	overflow:hidden;
}
.Area2 .obj2 img{
	width:60%;
	height:auto;
}
.Area2 .obj3{
	z-index:3;
	position: absolute;
	width:380px;
	height:240px;
	top:0;
	left:0;
	margin:auto;
	text-align : left;
}
.Area2 .obj3 img{
	width:65%;
	height:auto;
}
.Area2 .obj4{
	z-index:4;
	position: absolute;
	width:380px;
	height:240px;
	top:206px;
	left:0;
	margin:auto;
}
.Area2 .obj4 img{
	width:100%;
	height:auto;
}
.Area2 .story1{
	z-index:5;
	position:absolute;
	width:380px;
	height:50px;
	top: 160px;
	left: 0;
	/*margin:0 0 0 50px;*/   /*  上 右 下 左  */
	padding-left:50px;
}


.Area3{
	z-index:0;
	position:relative;
	width:380px;
	height:222px;
}
.Area3 .obj1{
	z-index:1;
	position: absolute;
	width:380px;
	height:222px;
	top:0;
	left:0;
	margin:auto;
}
.Area3 .obj1 img{
	width:100%;
	height:auto;
}
.Area3 .obj2{
	z-index:2;
	position: absolute;
	width:380px;
	height:222px;
	top:0;
	left:0;
	margin:auto;
	text-align:left;
}
.Area3 .obj2 img{
	width:55%;
	height:auto;
}
.Area3 .obj3{
	z-index:3;
	position: absolute;
	width:380px;
	height:222px;
	top:0;
	right:0;
	margin:auto;
	text-align:right;
}
.Area3 .obj3 img{
	width:65%;
	height:auto;
}
.Area3 .story2{
	z-index:5;
	position: absolute;
	width:380px;
	height:50px;
	bottom: 6px;
	
	padding-right:50px;
}


/* テーブルの余白調整 */
td, th {
	/* 上下 左右 */
	padding: 2px 2px;
}





.star1{
	position: absolute;
	width: 122px;
	height: 139px;
	top:190px;
	right:10px;
	text-align:right;
}
.star1 img{
	width: 60%;
	height: auto;
}

.star2{
	position: absolute;
	width: 122px;
	height: 139px;
	top:440px;
	right:0;
	text-align:right;
}
.star2 img{
	width: 50%;
	height: auto;
}

.star3{
	position: absolute;
	width: 122px;
	height: 139px;
	top:470px;
	left:0;
	text-align:left;
}
.star3 img{
	width: 45%;
	height: auto;
}





*{
	margin:0;
	padding:0;
	box-sizing:border-box;            /* パディングとボーダーを幅と高さに含める */
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

body {
	width:100%;
	height:100%;
	min-width:380px;
}