@charset "utf-8";
/*-------------------------------------
beginner top style
-------------------------------------*/
/*---------------------
overwrite
---------------------*/
#container {
	margin:0;
	padding-top:539px;
	background:none;}


#main {
	padding:0;
	background:none;}





/*------------------------------------
art01
------------------------------------*/
#art01 {
	position:absolute;
	left:0;
	top:0;}

#art01 dl {
	position:absolute;
	top:406px;
	left:132px;
	width:495px;
	overflow:hidden;
	padding:26px 23px;
	background:url("/angelic/beginner/common/images/bg_info.gif") left top no-repeat transparent;}

#art01 dl dt {display:none;}

#art01 dl dd {
	margin:1px 0;
	/margin:1px 0 2px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {/*webkit*/
	body #art01 dl dd {
		margin:2px 0 1px;
	}
}

#art01 dl dd,
#art01 dl dd * {
	color:#ff9000;
	font-size:12px;
	line-height:1.6;}

#art01 dl dd a {
	margin-left:3px;
	font-weight:bold;}
#art01 dl dd a:hover {text-decoration:none;}

#art01 dl dd a img {
	margin-right:2px;}

#art01 .banner {
	position:absolute;
	top:406px;
	left:633px;
	display:block;
	width:330px;
	height:86px;
	display:none;/*beta*/}


/*------------------------------------
art02
------------------------------------*/
#art02 {
	position:relative;
	width:1000px;
	height:363px;
	margin:0;
	background:url("/angelic/beginner/common/images/bg_art02.png") left top no-repeat transparent;}

#art02 .btn_box {
	position:absolute;
	left:86px;
	top:264px;}

#art02 .btn_box br {display:none;}

#art02 .btn_box img,
#art02 .btn_box a {
	display:block;
	width:259px;
	height:52px;
	margin-left:3px;
	_margin-left:1px;
	background:url("") left top no-repeat transparent;
	float:left;}
#art02 .btn_box a:hover {background-position:left -52px;}

#art02 .btn_box #btn_character {background-image:url("/angelic/beginner/common/images/btn_character.jpg");margin-left:22px;}

#art02 .btn_box #btn_howto {background-image:url("/angelic/beginner/common/images/btn_howto.jpg");}

#art02 .movie {
	position:absolute;
	left:647px;
	top:264px;
	width:259px;
	height:52px;}

#art02 .movie a.btn_play {
	display:block;
	width:259px;
	height:52px;
	background:url("/angelic/beginner/common/images/img_pv.jpg") left top no-repeat transparent;}
#art02 .movie a.btn_play:hover {background-position:left -52px;}
#art02 .movie p.noplayer {
	font-size:;}

#art02 .movie a:hover {

/*
	-moz-opacity:0.7;
	opacity:0.7;
	_filter:alpha(opacity=70);*/}

#ibox_content {background-color:#000;}


/*------------------------------------
art03
------------------------------------*/
#art03 {
	width:1068px;
	height:912px;
/*	margin-bottom:-220px;*/

	background:url("/angelic/beginner/common/images/bg_top_art03_new.png") left top no-repeat transparent;}

#art03 * {display:none;}







#beg_top #footer {background-image:url("/angelic/beginner/common/images/img_gal01.png");}



#beg_top #main {margin-bottom:0;}
#beg_top #common_bottom {bottom:0;}
#beg_top #footer {bottom:60px;}



/*---------------------
[common]:float clear
---------------------*/
.btn_box:after {content:".";display:block;height:0px;font-size:0px;line-height:0;visibility:hidden;clear:both;}
.btn_box {zoom:100%;}


/*---------------------
[common]:text fly out
---------------------*/
#art02 .movie a.btn_play,
#art02 .btn_box a {display:block;text-indent:-9999px;overflow:hidden;font-size:0;}


/*---------------------
[common]:absolute a text fly out
---------------------*/
/*
 a {display:block;text-indent:-9999px;overflow:hidden;background-color:#fff;filter:alpha(opacity=0);opacity:0;}
*/




/*--20101019--*/
body#beg_top {
	background:url("/angelic/beginner/common/images/bg_wrapper_new.jpg") center 31px no-repeat transparent;
	font-size:12px;}

#wrapper2 {
	position:relative;
	width:1000px;
	margin:-1px auto 0;
	background:url("/angelic/beginner/common/images/bg_wrapper_n.jpg") center top no-repeat transparent;}
#container2 {
	padding-top:540px;}

#common_top .btn_regist2 {
	position:absolute;
	left:59px;
	top:401px;
	display:block;
	width: 262px;
	height: 245px;
	text-indent: -9999pt;
	overflow: hidden;
	outline:none;
	background: url("../images/btn01.png") no-repeat top left;
	z-index:10;}
#common_top .btn_regist2:hover{ background: url("../images/btn01.png") no-repeat bottom left;}

#common_bottom2 {
	position:absolute;
	width:0;
	left:0;
	bottom:0px;
	/bottom:5px;
	z-index:1;}

#common_bottom2 p .btn_regist {
	display:block;
	position:relative;
	top:100px;
	left:58px;
	z-index:7;}

#common_bottom2 p .btn_official {
	display:block;
	position:relative;
	top:-24px;
	left:330px;}
#common_bottom2 p .kogadoIco{
	display:block;
	position:relative;
	top:0px;
	left:496px;}
#common_bottom2 p .btn_regist {
    display:block;
    position:relative;
    display:block;
    width: 217px;
    height: 218px;
    text-indent: -9999pt;
    overflow: hidden;
    outline:none;
    background: url("../images/btn02.png") no-repeat top left;
    top:157px;
    left:65px;
    z-index:7;
}
#common_bottom2 p .btn_regist:hover {
  background: url("../images/btn02.png") no-repeat bottom left;
}

/*--20101102--*/
.btn_bana {
	position:absolute;
	left:354px;
	top:430px;
	display:block;
	width: 362px;
	height: 87px;
	text-indent: -9999pt;
	overflow: hidden;
	outline:none;
	background: url("../images/AC_be_1.gif") no-repeat top left;
	z-index:10;}
/*.btn_bana:hover{ background: url("../images/btn_bana.jpg") no-repeat bottom left;}*/