@charset "utf-8";
/*--------------------------------------------------
for ameba user common toolbar
$Id: toolbar.css,v 1.2 2008/06/04 01:42:59 kosaka_tomohiro Exp $
--------------------------------------------------*/
/*TOC===============================================
toolbar
toolbar old
==================================================*/

 /*toolbar
--------------------------------------------*/
#toolbar{color:#aaa;background-color:#fff;font-size:12px;border-bottom:1px solid;}
#toolbar a,#toolbar a:link,#toolbar a:visited{text-decoration:none;color:#333 !important;font-size:0.85em;}
#toolbar a:hover{text-decoration:underline;color:#333 !important;font-size:0.85em;}

#toolbarLeft{float:left;display:block;margin:0;padding:0;}
#toolbarLeft img{margin:1px 0 2px 5px;}

#toolbarCenter{text-align:center;float:left;padding-top:1px;margin:0 0 0 40px;}
#toolbarCenter li{list-style:none;}
#toolbar ul#toolbarCenter a{color:#FF3399;}

#officialLink {float:right;position:relative;}
#officialLink ul{padding:0;margin:0;}

#toolbarRight{display:block;float:right;text-align:right;margin:0;padding:0;}
#toolbarRight li{display:block;float:left;padding:0 6px;line-height:16px;border-right:1px solid;border-color:#ccc !important;}
#toolbarRight li a{;background-repeat:no-repeat;background-position:left center;display:block;float:left;height:16px;}
#toolbarRight li.last{border-right:medium none !important;}
#toolbarRight li#amebaTop a{padding-left:23px;background-image:url(/https/stat100.ameba.jp/common_style/img/ameba/common/icons/top_on.gif);}
#toolbarRight li#help a{padding-left:14px;background-image:url(/https/stat100.ameba.jp/blog/ucs/img/tohelp.gif);}
#toolbarRight li#checkList a{background:url(/https/stat100.ameba.jp/common_style/img/ameba/common/icons/icon_checklist.gif) no-repeat scroll 0pt !important;
padding:0 0 0 21px !important;
}
#toolbarRight li#ad a{padding-left:37px;margin:0 3px;background:url(/https/stat100.ameba.jp/p_skin/cmn/img/icon_ad.gif) left center no-repeat;}

/*---------- news ------------*/
#nowBanner a.option_header_news{
padding-left:65px;
padding-bottom:1px;
margin-right:30px;
}
#nowBanner a.option_header_amesta{
padding-left:65px;
padding-bottom:1px;
margin-right:30px;
}

/*---bannerList---*/
#bannerList a.option_header_news{
display:block;
text-align:left;
padding-bottom:1px;
margin:0 5px;
}
#bannerList a.option_header_amesta{
display:block;
text-align:left;
padding-bottom:1px;
margin:0 5px;
}

#bannerList{
background:url(/https/stat100.ameba.jp/p_skin/cmn/img/bg_list.gif) left top no-repeat #FFFFFF;
border:1px solid #cccccc;
position :absolute;
padding:0;
top :-3px;
left:-5px;
display:none;
width:300px;
text-align:left;
z-index:50
}
#bannerList ul{
display:block;
}
#bannerList li{
border:none;
display:inline;
margin:0pt;
padding:0pt;
}

*html #bannerList a.option_header_news {
display:block;
float:none;
margin:4px 5px 5px;
padding-bottom:1px;
text-align:left;
}

*html #bannerList a.option_header_amesta {
display:block;
margin:6px 5px 5px;
padding-bottom:1px;
text-align:left;
padding-left:65px;
}

#bannerList a.header_news{
display:block;
margin:4px 5px 19px;
padding-bottom:1px;
text-align:left;
}

#bannerList a.header_amesta{
display:block;
margin:4px 5px 19px;
padding-bottom:1px;
text-align:left;
}

.header_news {
background:transparent url(/https/stat100.ameba.jp/p_skin/cmn/img/option_header_news_bg.gif) no-repeat scroll left top;
margin-right:30px;
padding-left:45px;
padding-bottom:1px;
}


.header_amesta {
background:transparent url(/https/stat100.ameba.jp/p_skin/cmn/img/option_header_amesta_bg.gif) no-repeat scroll left top;
margin-right:30px;
padding-left:65px;
padding-bottom:1px;
}

#bannerList ul#ulAmesta{
background:transparent url(/https/stat100.ameba.jp/p_skin/cmn/img/bg_amesta.gif) no-repeat scroll left top;
display:block;
padding-top:2px;
padding-bottom:2px;
}

#bannerList a {
padding-left:65px;
}

*html #bannerList a.option_header_news {
display:block;
margin:4px 5px 5px;
padding-bottom:1px;
text-align:left;
}

*html #bannerList a.option_header_amesta {
display:block;
margin:6px 5px 5px;
padding-bottom:1px;
text-align:left;
}

#officialTop{
vertical-align:middle;
}

 /*toolbar old
--------------------------------------------*/
#optionHead,
#optionHeadUsr{
background-color:#ffffff;
font-size:10px;
padding:0;
margin:0;
border-bottom:1px solid #999999;
color:#999999;
}
#optionHead a,
#optionHeadUsr a {color:#333333 !important;}
#optionHead a:link,
#optionHeadUsr a:link {text-decoration: none; color:#333333 !important;}
#optionHead a:visited,
#optionHeadUsr a:visited {text-decoration: none; color:#333333 !important;}
#optionHead a:hover,
#optionHeadUsr a:hover {text-decoration: underline; color:#333333 !important;}

/*-- optionHeadLeft --*/
#optionHeadLeft {
float:left;
margin:0;
padding:0;
}
#optionHeadLeft a{
display:block;
margin:0;
padding:0;
background:none;
}
#optionHeadLeft img{
margin:2px 0 2px 5px;
}

/*-- optionHeadRight --*/
#optionHeadRight {
float:right;
margin:4px 5px 0 0;
padding:0;
text-align:right;
}
/*-- optionHeadRight ul li --*/
#optionHeadRight ul{
margin:0;
padding:0;
}
#optionHeadRight li{
display:inline;
margin:0;
padding:0;
}
#optionHeadRight li a{
text-decoration: none;
}
#optionHeadRight li a:hover{
text-decoration: underline;
}
img#logo{
float:left;
margin-top:1px;
margin-left:10px;
}
p#editRoom{
position:absolute;
top:25px;
right:3px;
}
/* floating box clear */
.clearFix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearFix { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clearFix { height: 1%; }
.clearFix { display:block; }
/* End Hide from mac IE5 */