@charset "utf-8";
/*------------------------------------------------------
headerArea(top,secondLevel)
$Date: 2007/01/04 06:28:31 $
$Revision: 1.2 $
------------------------------------------------------*/
/*--#headerArea "basics" --*/

#headerArea form,
#headerArea input{
padding:0;
margin:0;
font-size:12px;
}

#headerArea img{
border:0;
}

#headerArea p,
#headerArea li{
margin:0px;
padding:0px;
}

#headerArea ul,
#headerArea ol,
#headerArea dt{
display:block;
margin:0;
padding:0;
list-style-type:none;
}

#headerArea dl,
#headerArea dt,
#headerArea dd{
margin:0;
padding:0;
}


/*-- #headerArea "box"--*/
#headerArea{
margin: 0 auto;
text-align:left;
width:780px;
color:#555555;
position:relative;
}

/*-- #headerArea "Ameba Logo"--*/
#headerArea #logo{
padding:30px 0 28px 0;
}

/*-- #headerArea "top,right TextSize Links"--*/
/*#enlarge "TextSize"*/
#Navigation #enlarge li{
display:inline;
margin-left:30px
}

#Navigation #enlarge li{
float:left;
padding:0;
margin:0 1px;
height:20px;
}

#ssize{padding-top:5px;}
#msize{padding-top:3px;}
#lsize{padding-top:2px;}
#llsize{padding-top:1px;}

#Navigation #enlarge,
#Navigation #topLinks{
float:right;
margin-left:6px;
}

#Navigation #enlarge{
width:125px;
height:20px;
padding-left:5px;
font-size:10px;
background:url(/common_style/img/ameba/common/fontsize_background.gif) no-repeat 0px 0px;
}

#Navigation #enlarge .text{
display:block;
padding-top:3px;
vertical-align:top;
clear:both;
}

/*#topLinks "toTopLink&Help"*/
#Navigation ul#topLinks{
font-size:11px;
margin-top:0;

}

#Navigation #topLinks li a{
font-size:13px;
line-height:1.2em;
}

#Navigation #topLinks .lastItem{
border-right:none;
padding:0 0 0 6px;
}

#topLinks li{
display:inline;
padding:0px 0px 0px 8px;
}

#topLinks a,
#topLinks a:link,
#topLinks a:hover,
#topLinks a:visited{
color:#0265CB;
}

/*-- #headerArea "486banner" --*/
#headBanner{
position:absolute;
top:24px;
right:0px;
}

/*-- #Navigation icon --*/
#Navigation ul li#amebaTop a{
padding-left:25px;
background: url(/common_style/img/ameba/common/icons/top_off.gif) no-repeat left center;
}

#Navigation ul li#amebaTop a:hover{
padding-left:25px;
background: url(/common_style/img/ameba/common/icons/top_on.gif) no-repeat left center;
}

#Navigation ul li#member a{
padding-left:25px;
background: url(/common_style/img/ameba/common/icons/user_off.gif) no-repeat left center;
}

#Navigation ul li#member a:hover{
padding-left:25px;
background: url(/common_style/img/ameba/common/icons/user_on.gif) no-repeat left center;
}

#Navigation ul li#logout a{
padding-left:25px;
background: url(/common_style/img/ameba/common/icons/logout_off.gif) no-repeat left center;
}

#Navigation ul li#logout a:hover{
padding-left:25px;
background: url(/common_style/img/ameba/common/icons/logout_on.gif) no-repeat left center;
}

#Navigation ul li#login a{
padding-left:25px;
background: url(/common_style/img/ameba/common/icons/login_off.gif) no-repeat left center;
}

#Navigation ul li#login a:hover{
padding-left:25px;
background: url(/common_style/img/ameba/common/icons/login_on.gif) no-repeat left center;
}

#Navigation ul li#help a{
padding-left:15px;
background: url(/common_style/img/ameba/common/icons/off_help.gif) no-repeat left center;
}

#Navigation ul li#help a:hover{
padding-left:15px;
background: url(/common_style/img/ameba/common/icons/on_help.gif) no-repeat left center;
}

#Navigation ul li#userIdHead{
padding:1px 0 1px 20px;
background: url(/common_style/img/ameba/common/icons/ico_myid.gif) no-repeat left center;
font-size:13px;
}

#Navigation ul li#userIdHead span{
font-weight:bold;
}

/*--breadClamNavi--*/

#breadClamNavi{
clear: both;
width: 780px;
margin: 0px auto 7px;
padding: 2px 0px;
border-top: 1px solid #818C87;
border-bottom: 1px solid #818C87;
background-color: #EBEDEC;
text-indent: 0.8em;
font-size: 0.8em;
text-align:left;
}