@charset "utf-8";
/* 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:930px;
	margin:0px auto 0px auto;
}

#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;
	padding:6px 0px 3px 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(../images/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(../images/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(../images/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(../images/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;
}