div#main{
width:980px;
height:675px;
display:block;
z-index:10;
position:relative;
z-index:1000;
}
h2{
	background-image:url(../images/h2_index.png);
	width:292px;
	height:200px;
	text-indent: -999px;
	background-repeat: no-repeat;
	display:block;
	position:absolute;
	top:0;
	left:-15px;
}
h3#info{
	background-image:url(../images/info.png);
	width:381px;
	height:67px;
	background-repeat: no-repeat;
	text-indent:-999px;
	overflow:hidden;
	position:absolute;
	top:20px;
	left:384px;
}
div#key_visual{
	background-image:url(../images/key_visual.png);
	width:786px;
	height:696px;
	background-repeat: no-repeat;
	display:block;
	position:absolute;
	top:-675px;
	left:10px;
	z-index:-1;
}
/* バナー */
div#banners{
	position:absolute;

	left:766px;
	top:21px;
	font-size:0;
	line-height:0;
}
div#banners div#banners_top{
	background-image:url(../images/banners_top.png);
	width:218px;
	height:18px;
	background-repeat: no-repeat;
	display:block;
}
div#banners div#banners_inner{
	background-image:url(../images/banners_inner.png);
	width:218px;
	display:block;
	position:relative;
}
div#banners div#banners_bottom{
	background-image:url(../images/banners_bottom.png);
	width:218px;
	height:17px;
	background-repeat: no-repeat;
	display:block;
}
div#banners div.ribon{
	top:-30px;
	left:53px;
}
div#anime_wrap{
	height:143px;
	position:relative;
}
div#btn_anime{
	width:192px;
	height:143px;
	display:block;
	position:absolute;
	top:-5px;
	left:12px;
}
div#btn_anime div#screen{
	width:172px;
	height:107px;
	display:block;
	position:absolute;
	background-color:#000;
	top:10px;
	left:10px;
}
div#btn_anime a{
	background-image:url(../images/btn_anime.png);
	width:192px;
	height:143px;
	display:block;
	text-indent:-999px;
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
}
div#btn_anime a:hover{
	background-position:0 -143px;
	width:192px;
	height:143px;
	padding:0;
	top:0;
	left:0;
}

div#btn_up{
	background-image:url(../images/btn_bg.gif);
	width:192px;
	height:14px;
	display:block;
	position:relative;
	margin:0 auto;
	margin-bottom:4px;
}

div#btn_down{
	background-image:url(../images/btn_bg.gif);
	width:192px;
	height:14px;
	display:block;
	position:relative;
	margin:0 auto;
	margin-top:4px;
}
div.btn_up_active,div.btn_down_active{
	cursor:pointer;
}
div#banner_wrap{
	width:192px;
	height:255px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	background-image:url(../images/no_banner.gif);
}


/* ---*/
div#index_gm{
	display:block;
	position:absolute;
	top:300px;
	left:300px;
}

div#list_wrap{
position:relative;
display:block;
z-index:500;
}
div#wrap{
	width:946px;
	position:relative;
	margin:0 auto;
	margin-top:-45px;
}
*:first-child+html div#wrap{
	position:relative;
	display:inline;
	margin-left:17px;
	margin-top:-45px;
}
div#list_wrap_inner{
	display:block;
	background-image:url(../images/inner_bg.png);
	position:relative;
}
div#rainbow_top{
	position:absolute;
	top:-173px;
	left:0;
}
/*新着情報*/

div#update_wrap{
	width:318px;
	position:relative;
	margin-right:2px;
	float:left;
}
div#update_wrap div.ribon{
	top:-13px;
	left:102px;
}
div#update_wrap h3{
	background-image:url(../images/update_head.png);
	width:318px;
	height:62px;
	overflow:hidden;
	text-indent:-999px;
}
div#update_wrap div.inner{
	background-image:url(../images/update_inner_bg.png);
}

div#update_wrap div.inner div.dot_img{
	width:302px;
	margin:0 auto;
	margin-top:2px;
}
div#update{
	width:298px;
	height:248px;
	margin-left:8px;
	padding-right:4px;
	overflow:auto;
}
div#update ul li {
	padding:10px;
}
div#update p.desc{
	line-height:1.2em;
	margin-top:5px;
}
p.update_date{
	font-size:11px;
}
p.m_list{
	margin-top:5px;
	
	font-weight: bold;
	line-height:1.2em;
}

div#update_wrap div#update_bottom{
	background-image:url(../images/update_bottom.png);
	width:318px;
	height:43px;
	display:block;
}


/*イベント情報　ショップ＆キャンペーン情報 */
div#ec_wrap{
	float:left;
	width:626px;
	position:relative;
}
div#ec_wrap div.ribon{
	top:-13px;
	left:255px;
}
div#ec_wrap div.inner div.dot_img{
	width:611px;
	margin:0 auto;
	margin-top:2px;
}
div#ec_head{
	background-image:url(../images/ec_head.png);
	width:626px;
	height:59px;
}
div#ec_wrap div#ec_bottom{
	background-image:url(../images/ec_bottom.png);
	width:626px;
	height:43px;
	overflow:hidden;
	display:block;
	position:relative;

}
div#ec_wrap div.inner{
	background-image:url(../images/ec_inner_bg.png);
}

/* イベント情報 */
div#event_wrap{
	float:left;
	display:block;
}

div#event{
	width:295px;
	/*height:248px;*/
	overflow:auto;
	padding-right:4px;
	margin-left:8px;
	position:relative;
	
}

div.thumb{
	width:60px;
	height:60px;
	display:block;
	float:left;
	margin-right:8px;
}
div.thumb img{
	position:absolute;
}
div#event ul li {
	padding:10px;
}
div#event ul li p{
	margin-top:10px;
	line-height:1.2em;
}
div#event ul li a{
	font-weight: bold;
	line-height:1.2em;
}
div#event ul li div.tops{
	position:relative;
}
div#event ul li div.tops div.icon_wrap{
	position:absolute;
	right:0;
	bottom:0;
}

div#icon_desc{
	width:626px;
	text-align: center;
	margin-top:8px;
}
/* キャンペーン情報 */
div#campaign_wrap{
	float:left;
	width:299px;
	margin-left:12px;
	display:block;
}

div#campaign{
	width:295px;
	height:248px;
	overflow:auto;
	padding-right:4px;
	position:relative;
	float:left;
	
}

div#campaign ul li {
	padding:10px;
}
div#campaign ul li p{
	margin-top:10px;
	line-height:1.2em;
}
div#campaign ul li a{
	font-weight: bold;
	line-height:1.2em;
}
div#campaign ul li div.tops{
	position:relative;
}
div#campaign ul li div.tops div.icon_wrap{
	position:absolute;
	right:0;
	bottom:0;
}

/*menu*/

div#index_gm{
	position:absolute;
	top:0;
	left:0;
}
ul#pr_g_menu li#g_goods{
	top:367px;
	left:27px;

	background-image:url(../images/gm_goods.png);
}
ul#pr_g_menu li#g_ec{
	top:450px;
	left:159px;
	background-image:url(../images/gm_ec.png);
}
ul#pr_g_menu li#g_game{
	top:477px;
	left:311px;
	background-image:url(../images/gm_game.png);
}
ul#pr_g_menu li#g_ap{
	top:450px;
	left:463px;
	background-image:url(../images/gm_ap.png);
}
ul#pr_g_menu li#g_shop{
	top:367px;
	left:596px;
	background-image:url(../images/gm_shop.png);
}

/* カレンダー */
div#cal{
	width:295px;
	border:2px solid #FF008F;
	margin-top:3px;
	float:left;
}
table#event_cal {
	margin:0 auto;
}
table#event_cal tr td{
	padding:2px 9px;
	text-align:center;
}
table#event_cal tr td p{
	width:16px;
	display:inline-block;
	text-align:center;
	padding:3px;
}
table#event_cal tr td p.hit{
	cursor:pointer;
	color:#fff;
}
#cal p#kongetsu{
	margin-right:1px;
} 
#cal p#raigetsu , #cal p#kongetsu {
width:147px;
height:23px;
display:block;
float:left;
text-indent:-999px;
overflow:hidden;
}
div#cal_footer{
	background-image:url(../images/cal_footer.gif);
	width:295px;
	height:18px;
	display:block;
	position:relative;
	overflow:hidden;
}
div#cal_pop p{
	line-height:1.3em;
	margin-bottom:5px;
	vertical-align:middle;
}
div#cal_pop div#cal_pop_date{
	line-height:1em;
	margin-bottom:10px;
	width:100%;
	background-color:#ffe9f5;
}
div#cal_pop div#cal_pop_date p{
	font-weight: bold;
	color:#FF008F;
	text-align:center;
	vertical-align:middle;
	padding:4px;
	line-height:1em;
	
	}
div#cal_pop img{
	margin-left:3px;
	vertical-align:top;
	display:inline;
}
div#cal_pop div.border{
	width:100%;
	height:2px;
	font-size:0;
	line-height:0;
	background-color:#FF008F;
	margin-top:5px;
	margin-bottom:10px;
}
div#cal_pop{
	width:314px;
	padding:9px;
	border:3px solid #FF008F;
	display:block;
	z-index:3000;
	position:absolute;
	background-color:#fff;
}
div#cal_pop div#btn_close{
	background-image:url(../images/btn_close.gif);
	width:65px;
	height:20px;
	display:block;
	text-indent:-999px;
	float:right;
	cursor:pointer;
	overflow:hidden;
	vertical-align: bottom;
	line-height:0;
}
div#cal_pop a{
	font-weight: bold;
}