@charset "utf-8";
@import "/angelic/common/css/gecko.css";
/*------------------------------------
Angelic Crest
100406 kamome
------------------------------------*/

/*------------------------------------
layout
------------------------------------*/
html {
	background:url("/angelic/beginner/common/images/bg_footer.jpg") center bottom no-repeat transparent;}

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

a:link {color:#00097e;}

#wrapper {
	position:relative;
	width:1000px;
/*kagome
	min-height:1300px;
	_height:1300px;
kagome*/
	margin:-1px auto 0;
	background:url("/angelic/beginner/common/images/bg_wrapper.jpg") center top no-repeat transparent;}

#container {
	margin-left:176px;
	padding-top:439px;
	background:url("/angelic/beginner/common/images/bg_main_top.gif") left 407px no-repeat transparent;}

#main {
	min-height:605px;
	_height:605px;
	padding:0 18px 18px 35px;
	margin-bottom:240px;
	/margin-bottom:0px;
	background:url("/angelic/beginner/common/images/bg_main_bottom.gif") left bottom no-repeat transparent;}

/* class */
.imgreplace {display:none;}


/*------------------------------------
menu
------------------------------------*/
ul#mainMenu {display:none;}


/*------------------------------------
header
------------------------------------*/
h1 a {
	position:absolute;
	left:80px;
	top:5px;
	display:block;
	width:350px;
	height:170px;}

.read {display:none;}


/*------------------------------------
common_top
------------------------------------*/
#common_top .btn_regist {
  position:absolute;
  left:67px;
  top:225px;
}

/*------------------------------------
common_bottom
------------------------------------*/
#common_bottom {
	position:absolute;
	width:0;
	left:0;
	bottom:-240px;
	z-index:1;}

#common_bottom p .btn_regist {
	display:block;
	position:relative;
	top:62px;
	left:158px;
	z-index:7;}

#common_bottom p .btn_official {
	display:block;
	position:relative;
	top:-100px;
	left:330px;}


/*------------------------------------
footer
------------------------------------*/
#footer {
	position:absolute;
	left:9px;
	bottom:-160px;
	width:277px;
	height:362px;
	z-index:0;}

#footer ul {display:none;}

#footer #copyRight {
	position:absolute;
	left:370px;
	top:345px;
	display:block;
	width:504px;
	height:49px;
	background:url("/angelic/beginner/common/images/copyright.png") left top no-repeat transparent;}

#footer #copyRight br {display:none;}


/*------------------------------------
#menu_gs24
------------------------------------*/
#gsAllContentMenu {
	top:30px !important;
	width:211px !important;
	height:auto !important;
	background:#fff !important;
	border:1px solid #aaa;
	border-width:0 1px 1px 0;}

#gsAllContentMenu_dmy {
	width:211px !important;
	background:none !important;}

#gsAllContentMenu_gs24,
#gsAllContentMenu_vector{
	width:auto !important;
	float:none !important;}

#gsAllContentMenu_gs24{
	width:auto !impotant;
	margin:5px auto 5px 10px !important;}
#gsAllContentMenu_vector{
	width:auto !impotant;
	margin:5px auto 8px !important;}


/*------------------------------------
common
------------------------------------*/
h3 {
	margin:10px 0;
	font-weight:bold;
	font-size:14px;
	border-bottom:1px dashed #000560;
	background:none;}

body.detail h3 {
	height:38px;
	margin:0;
	line-height:38px;
	font-weight:bold;
	text-indent:20px;
	font-size:14px;
	border-bottom:1px dashed #000560;
	background:none;}

.article {
	width:713px;}

.article .article {width:auto;}

.box {
	width:639px;
	margin:7px 0 7px 37px;
	padding:0 0 14px;
	background:url("/angelic/beginner/common/images/bg_article_bottom.gif") left bottom no-repeat transparent;}

.box h3 {
	width:639px;
	height:38px;
	line-height:38px;
	font-weight:bold;
	text-indent:20px;
	border:none;
	background:url("/angelic/beginner/common/images/bg_article_top.gif") left top no-repeat transparent;}

.box h3.frametop {
	height:15px;}

.box p {
	padding:8px 20px;}

.pager {
	position:relative;
	min-height:40px;
	_height:40px;
	margin-top:6px;
	text-align:center;
	z-index:2;}

.pager a {
	margin:0 3px;}

.pager .pagetop {
	display:block;
	position:absolute;
	left:665px;
	top:0;}

.menustep {
	width:713px;
	margin-bottom:6px;
	background:url("/angelic/beginner/common/images/menu_step.png") left top no-repeat transparent;}

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

.menustep span {display:none;}

.menustep a {
	display:block;
	width:237px;
	height:56px;
	float:left;}

.red,
.red * {color:#d00 !important;}

.blue,
.blue * {color:#00097e;}

table {
	width:600px;
	margin:0 auto;
	border:2px solid #5c5c5c;
	border-collapse:collapse;}

table td,
table th {
	padding:3px;
	text-align:center;}

table thead th {
	font-weight:bold;}

table th {
	border:1px solid #5c5c5c;
	background-color:#5c5c5c;
	color:#fff;}

table td {
	background-color:#fff;
	border:1px solid #bdbdbd;
	color:#5c5c5c;}

#beg_howto .menustep {background-position:left top;}
#beg_system .menustep {background-position:left -56px;}
#beg_download .menustep {background-position:left -112px;}





/*------------------------------------
unique
------------------------------------*/
/* howto */
#beg_howto #art01 div {margin-left:12px;}

#beg_howto #art01 div br {display:none;}

#beg_howto #art02 p.step1 a,
#beg_howto #art02 p.step2 a,
#beg_howto #art01 div a {
	display:block;
	height:69px;
	margin-right:2px;
	background:url("") left top no-repeat transparent;
	float:left;}

#beg_howto #art02 p.step1 a:hover,
#beg_howto #art02 p.step2 a:hover,
#beg_howto #art01 div a:hover {
	background-position:left -68px;}

#beg_howto #art02 p.step1 a.btn_regist_ac,
#beg_howto #art01 a.btn_regist_ac {
	width:376px;
	background-image:url("/angelic/main/howto/images/btn_regist_ac.gif");}
#beg_howto #art02 p.step2 a.btn_regist_gs24,
#beg_howto #art01 a.btn_regist_gs24 {
	width:196px;
	background-image:url("/angelic/main/howto/images/btn_regist_gs24.gif");}

#beg_howto #art02 {
	width:595px;
	height:590px;
	margin-left:60px;
	background:url("/angelic/main/howto/images/howto_bg_index.gif") left top no-repeat transparent;}

#beg_howto #art02 p {
	position:relative;}

#beg_howto #art02 p.step1 a.btn_regist_ac {
	position:absolute;
	left:208px;
	top:230px;}

#beg_howto #art02 p.step2 a.btn_regist_gs24 {
	position:absolute;
	left:375px;
	top:64px;}

#beg_howto #art02 p.step3 a {
	display:block;
	width:400px;
	height:230px;
	position:absolute;
	left:85px;
	top:325px;}

#beg_howto #art02 p.step3 span {
	display:block;
	width:100%;
	left:0;
	text-align:center;
	position:absolute;
	top:560px;
	font-size:12px;
	text-indent:0;}

#beg_howto #footer {background-image:url("/angelic/beginner/common/images/img_gal02.png");}
/*
#beg_howto #main {
	margin-bottom:300px;
	/margin-bottom:230px;}

#beg_howto #common_bottom {
	bottom:-240px;
	/bottom:0;}

#beg_howto #footer {
	bottom:-160px;
	/bottom:50px;}

#beg_howto #footer #copyRight {
	/top:320px;}
*/

/* system */
#beg_system #art02 {
	width:640px;
	padding:0 40px;}

#beg_system #art02 p {
	padding-top:10px;
	line-height:1.4;}

#beg_system #art02 a {
	display:block;
	margin:10px 20px;
	float:left;}

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

/* download */
#beg_download a.btn_download {
	width:590px;
	height:120px;
	margin-left:5px;
	background:url("/angelic/beginner/common/images/btn_download.jpg") left top no-repeat transparent;}

#beg_download a.btn_download:hover {background-position:left -120px;}

#beg_download span.disable {
	width:590px;
	height:120px;
	margin-left:5px;
	background:url("/angelic/beginner/common/images/btn_download_disable.jpg") left top no-repeat transparent;}

#beg_download #art02 {
	width:580px;
	margin-left:60px;}

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

/* character */
#beg_character #art01 {
	margin-left:60px;}

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

/* info */
#beg_info #tabContainer {
	width:713px;}

#beg_info #tabContainer h3 {
	height:55px;
	border:none;
	float:left;
margin-bottom:-1px;}

#beg_info #tabContainer h3#tab_latest {width:176px;}
#beg_info #tabContainer h3#tab_latest a {background-position:left -55px;}
#beg_info #tabContainer h3#tab_latest a.current {background-position:left top;}

#beg_info #tabContainer h3#tab_notice {width:180px;}
#beg_info #tabContainer h3#tab_notice a {background-position:-176px top;}
#beg_info #tabContainer h3#tab_notice a.current {background-position:-176px -55px;}

#beg_info #tabContainer h3#tab_event {width:180px;}
#beg_info #tabContainer h3#tab_event a {background-position:-356px top;}
#beg_info #tabContainer h3#tab_event a.current {background-position:-356px -110px;}

#beg_info #tabContainer h3#tab_maintenance {width:177px;}
#beg_info #tabContainer h3#tab_maintenance a {background-position:-536px top;_background-position:-535px top;}
#beg_info #tabContainer h3#tab_maintenance a.current {background-position:-536px -165px;_background-position:-535px -165px;}

#beg_info #tabContainer h3 a {
	display:block;
	height:55px;
	background:url("/angelic/beginner/common/images/bg_info_top.png") left top no-repeat transparent;}

#beg_info #tabContainer .infoList {
	/margin-top:-1px;}

#beg_info #tabContainer .infoList,
#beg_info #tabContainer #tabList {
	clear:both;}
#beg_info #tabContainer .infoList,
#beg_info #tabContainer #tabList dl {
	position:relative;
	padding:0 48px 18px;
	background:url("/angelic/beginner/common/images/bg_info_bottom.png") left bottom no-repeat transparent;}

#beg_info #tabContainer .infoList li,
#beg_info #tabContainer #tabList dl dd {
	margin-bottom:8px;
	padding:10px 0 3px;
	border-bottom:1px dashed #cbcbcb;}

#beg_info #tabContainer .infoList li a,
#beg_info #tabContainer #tabList dl dd a {
	margin-left:3px;
	font-weight:bold;}

#beg_info #tabContainer #tabList dl dt,
#beg_info #tabContainer #tabList dl dt a {
	display:block;
	width:87px;
	height:32px;}

#beg_info #tabContainer #tabList dl dt {
	position:absolute;
	left:625px;
	bottom:-16px;
	/bottom:-15px;
	_bottom:-16px;}

#beg_info #tabContainer #tabList dl dt a {
	background:url("/angelic/beginner/common/images/btn_info_more.gif") left top no-repeat transparent;}

/* info(list) */
body.list .article .vPagerBox0 {
	width:713px;
	margin-top:10px;}

body.list .article .vPagerBox0 li {
	border:none;}

body.list .article .vPagerBox0 li a {
	display:block;
	width:66px;
	height:40px;
	background:url("") left top no-repeat transparent;
	float:left;}

body.list .article .vPagerBox0 li.prev a {background-image:url("/angelic/beginner/common/images/btn_prev.png");}

body.list .article .vPagerBox0 li.next a {background-image:url("/angelic/beginner/common/images/btn_next.png");}

/* info(detail) */
body.detail .article * {color:#00097e;}

body.detail .article p,
body.detail .article h4 {
	margin-left:35px;}

body.detail .article h3 {
	position:relative;
	height:2.2em;
	margin:30px 0 15px 50px;
	text-indent:25px;
	color:#f00;}

body.detail .article h3 img {
	display:block;
	position:absolute;
	top:-5px;
	left:-30px;}

body.detail .article h4 {
	font-size:14px;
	font-weight:bold;}

body.detail .article p {
	line-height:1.6;}

body.detail .article .pager {font-weight:bold;}

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

/* bbs */
#beg_bbs #footer {background-image:url("/angelic/beginner/common/images/img_gal04.png");}

/* terms */
#beg_terms #footer {background-image:url("/angelic/beginner/common/images/img_gal03.png");}

#beg_terms #art01 iframe {
	width:595px;
	height:500px;
	border:1px solid #888;}




/*---------------------
[common]:float clear
---------------------*/
body.list .article .vPagerBox0:after,
#beg_howto #art01 div:after,
.menustep:after,
.article:after {content:".";display:block;height:0px;font-size:0px;line-height:0;visibility:hidden;clear:both;}
body.list .article .vPagerBox0,
#beg_howto #art01 div,
.menustep,
.article {zoom:100%;}


/*---------------------
[common]:text fly out
---------------------*/
#beg_howto #art02 p.step3 a,
#beg_howto #art02 p.step1 a,
#beg_howto #art02 p.step2 a,
body.list .article .vPagerBox0 li a,
#beg_info #tabContainer #tabList dl dt a,
#beg_info #tabContainer h3 a,
#beg_download span.disable,
#beg_download a.btn_download,
.box h3.frametop,
#beg_howto #art02,
#beg_howto #art01 div a,
.menustep a,
#footer #copyRight,
h1 a,
#footer .gal {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;}
*/











/*---------------------
gecko@100604
---------------------*/
#common_top .btn_regist {
  display:block;
  width: 168px;
  height: 190px;
  text-indent: -9999pt;
  overflow: hidden;
  outline:none;
  background: url("../images/index_btnset_regist.png") no-repeat top left;
}
#common_top .btn_regist:hover{ background: url("../images/index_btnset_regist.png") no-repeat bottom left;}

#common_bottom p .btn_regist {
    display:block;
    position:relative;
    display:block;
    width: 168px;
    height: 190px;
    text-indent: -9999pt;
    overflow: hidden;
    outline:none;
    background: url("../images/index_btnset_regist.png") no-repeat top left;
    top:62px;
    left:158px;
    z-index:7;
}
#common_bottom p .btn_regist:hover {
  background: url("../images/index_btnset_regist.png") no-repeat bottom left;
}