@charset "utf-8" ; /* 文字コード UTF-8 */

/*   reset   */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, legend, address { margin: 0; padding: 0; }
em, address { font-style: normal; }

/*   Font   */
body{
	font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
	color:#FFFFFF;
	background-color:#b40f0b;
	
}
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

.textred{ color:#900;}
.textblue{ color:#06F;}
.textgreen{ color:#1f8109;}
.textviolet{ color:#606 }

/*   common   */
a					{ color: #0155d4; text-decoration: underline; }
a:hover				{ color: #f60; }
a img				{ border: none; }
.none				{ display: none; }
.indent				{ padding-left: 1em; text-indent: -1em; }
.lines				{ display:none; }

body				{ text-align:center; }


.lines{ display:none;}

* html #arrow img,
* html #hukidashi img,
* html #btn-regist img,
* html #btn-oidregist img,
* html #btn-koushiki img{ behavior: url(/entrance/landing003/js/iepngfix.htc); }



/* Aeria Games Common Header Style
----------------------------------------------------*/
#commonHeader {
	background-image:url(../images/common_header_img/common_heder_bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
	text-align:left;
	height:50px;
	color:#333333;
}
#commonHeader-in{
	clear:both;
	height:auto;
	width:1000px;
	margin:0px auto 0px auto;
}
#commonHeader p{
	margin:0px 0px 5px 0px;
	padding:0px;
}


#commonHeader-in #commonHeader-Left{
	width:250px;
	height:50px;
	text-align:center;
	float:left;
	overflow:hidden;
}
#commonHeader-in #commonHeader-Right{
	width:332px;
	height:auto;
	text-align:right;
	float:right;
	
}

#commonHeader-in #commonHeaderOutline{
	height:auto;
	font-size:10px;
	text-align:center;
	padding:5px 0px 0px 0px;
}
#commonHeader-in #commonHeaderOutline strong{
	font-weight:normal;
}
#commonHeader-in #commonHeaderLogo{
	width:140px;
	height:17px;
	margin:0px auto;
}
#commonHeader-in #commonHeaderLogo img{
	border:none;
}
#commonHeader-in #commonHeaderLogout{
	width:100px;
	height:auto;
	float:right;
	text-align:right;
	padding:10px 0px 0px 0px;
}


#commonHeader-in #commonHeaderMenu{
	width:464px;
	height:15px;
	float:right;
}
#commonHeaderMenu ul,#commonHeaderMenu li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	position:relative;
}

#commonHeaderMenu li{
	height:15px;
	float:left;
	background-image:url(/landing001/images/common/common_header_img/common_heder_menu.gif);
	background-repeat:no-repeat;
}

#commonHeaderHome{
	width:65px;
	background-position:0px 0px;
}
#commonHeaderMypage{
	width:83px;
	background-position:-65px 0px;
}
#commonHeaderComyunity{
	width:102px;
	background-position:-148px 0px;
}
#commonHeaderFriend{
	width:71px;
	background-position:-250px 0px;
}
#commonHeaderGame{
	width:60px;
	background-position:-321px 0px;
}
#commonHeaderShop{
	width:83px;
	background-position:-381px 0px;
}



#commonHeaderMenu li a{
	overflow:hidden;
	display:block;
	text-indent:-10000px;
	height:14px;
}
#commonHeaderMenu li a:hover{
	background-image:url(/landing001/images/common/common_header_img/common_heder_menu.gif);
	background-repeat:no-repeat;
}



#commonHeaderHome a{
	width:64px;
}
#commonHeaderMypage a{
	width:82px;
}
#commonHeaderComyunity a{
	width:101px;
}
#commonHeaderFriend a{
	width:70px;
}
#commonHeaderGame a{
	width:59px;
}
#commonHeaderShop a{
	width:83px;
}

/* mouce over */
#commonHeaderHome a:hover{
	background-position:0px -15px;
}
#commonHeaderMypage a:hover{
	background-position:-65px -15px;
}
#commonHeaderComyunity a:hover{
	background-position:-148px -15px;
}
#commonHeaderFriend a:hover{
	background-position:-250px -15px;
}
#commonHeaderGame a:hover{
	background-position:-321px -15px;
}
#commonHeaderShop a:hover{
	background-position:-381px -15px;
}



.commonHeaderNew{
	display:block;
	width:30px;
	height:18px;
	position:absolute;
		top:-16px;
	right:0px;
}



#textsizechange{
	padding:10px 0px 0px 0px;
	width:160px;
}
#textsizechangeTl{
	width:59px;
	height:20px;
	float:left;
	background-image:url(/landing001/images/common/common_header_img/text_sizeimage.gif);
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-10000px;
	text-align:left;
}

#textsizechangeBox{
	width:93px;
	float:right;
}

#textsizechangeBox #textsizechangeSmall,
#textsizechangeBox #textsizechangeMedium,
#textsizechangeBox #textsizechangeBig{
	display:block;
	width:29px;height:29px;
	background-image:url(/landing001/images/common/common_header_img/fontsizechange_text.gif); background-repeat:no-repeat; float:left; }

#textsizechangeBox #textsizechangeSmall		{ background-position:0px 0px; margin-right:3px; }
#textsizechangeBox #textsizechangeMedium	{ background-position:-32px 0px; margin-right:3px; }
#textsizechangeBox #textsizechangeBig		{ background-position:-64px 0px; }
#commonHeaderBanner							{ padding-top:7px;}


/* all
------------------------------------------------------*/
#all{
	background:url(../images/common/chara.jpg) center bottom no-repeat;
}
#wrapper{
	background:url(../images/common/footer.gif) center bottom no-repeat;
}

/* contents
------------------------------------------------------*/

#contentsbox{
	width:900px;height:843px;
	margin:0px auto;
	background:url(../images/common/header.jpg) left top no-repeat;
	position:relative;
}

/* btn */
#regist-menu{
}
#regist-menu ul,#regist-menu li{
	margin:0px; padding:0px;
	list-style-type:none;
}

#btn-regist{
	width:226px;height:226px;
	position:absolute;
	left:45px;top:525px;
}

#btn-oidregist{
	width:226px;height:226px;
	position:absolute;
	left:270px;top:525px;
}

#btn-koushiki{
	width:204px;height:57px;
	position:absolute;
	left:630px;top:690px;
}

#arrow{
	width:127px;height:127px;
	position:absolute;
	left:200px;top:500px;
	z-index:2;
}

#hukidashi{
	width:245px; height:189px;
	position:absolute;
	left:-135px; top:340px;
}

/* menu */
#g-menu{
	width:564px;height:43px;
	position:absolute;
	left:169px;top:767px;
}
#g-menu a{
	display:block;
	text-align:left;
	overflow:hidden;
	text-indent:-10000px;
}
#g-menu li,#g-menu a{
	width:141px;height:43px;
}
#g-menu ul,#g-menu li{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#g-menu li{
	float:left;
	
}
#g-menu li a:hover			{ background:url(../images/common/menu_over.jpg) no-repeat; }
#g-menu li#navi1 a:hover	{ background-position:0px 0px; }
#g-menu li#navi2 a:hover	{ background-position:-141px 0px; }
#g-menu li#navi3 a:hover	{ background-position:-282px 0px; }
#g-menu li#navi4 a:hover	{ background-position:-423px 0px; }


/* footer */
#footerlink{
	margin-bottom:15px;
}
#footerlink ul,#footerlink li{
	margin:0px;padding:0px;
	list-style-type:none;
}
#footerlink li{
	display:inline;
	border-right:solid 1px #FFFFFF;
	padding:0px 7px 0px 5px;
}
#footerlink li a{
	color:#FFF;
}
#footerlink li a:hover{
	text-decoration:none;
}
#coppyright{
	margin-bottom:15px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:2px;
}

/* css huck clear fix
----------------------------------------------------*/
.clearfix:after{ content:"."; display:block; height:0px; clear:both; visibility:hidden; }
.clearfix{display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix{ height:1%; }
.clearfix{ display:block; }
/* Hides from IE-mac */