/*
--------------------------------------------------
Option Header for OfficlaBlog
FileName:  option_header.css
Skin for:  HeadeToolBar
--------------------------------------------------
*/
#optionHead{
background-color:#ffffff;
font-size:10px;
padding:0;
margin:0;
border-bottom:1px solid #999999;
color:#999999;
}
#optionHeadUsr{
background-color:#ffffff;
font-size:10px;
padding:0;
margin:0;
border-bottom:1px solid #999999;
color:#999999;
}
#optionHeadUsr a{color:#333333;}
#optionHead a{color:#333333;}
#optionHeadUsr a:link{text-decoration:none;color:#333333;}
#optionHead a:link{text-decoration:none;color:#333333;}
#optionHeadUsr a:visited{text-decoration:none;color:#333333;}
#optionHead a:visited{text-decoration:none;color:#333333;}
#optionHeadUsr a:hover{text-decoration:underline}
#optionHead a:hover{text-decoration:underline}
/*-- 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;
}
#optionHead li a{
text-decoration:none;
}
#optionHeadRight li a:hover{
text-decoration:underline;
}

/*---------- optionHeadCenter ------------*/
#optionHeadCenter{
text-align:center;
float:left;
padding-top:4px;
margin:0 auto 0 40px;
}
#optionHeadCenter li{
list-style:none;
}
#optionHead ul#optionHeadCenter a{
color:#FF3399;
}
/*---------- 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;
}
/*---------- //news ------------*/
#optionHeadRight li.headerAd a{
padding-top:0px;
padding-left:37px;
padding-bottom:1px;
margin-top:0;
margin-right:3px;
margin-left:3px;
background:url(http://stat.ameba.jp/p_skin/cmn/img/icon_ad.gif) left top no-repeat;
}
#optionHeadRight li.profileLink a{
margin-right:3px;
margin-left:3px;
}
#optionHeadRight li.writeblogLink a{
margin-right:3px;
margin-left:3px;
}
#optionHeadRight li.offlistLink a{
margin-right:3px;
margin-left:5px;
}
#optionHeadRight li.readerLink a{
margin-right:3px;
margin-left:3px;
}
#optionHeadRight li.mesLink a{
margin-right:3px;
margin-left:3px;
}
#optionHeadRight li.amebaLink a{
margin-left:3px;
}
#optionHeadRight li.nextLink a{
margin-left:3px;
background:url(http://stat.ameba.jp/p_skin/cmn/img/btn_next.gif) no-repeat right top;
padding:1px 10px 2px 0px;
text-align:left;
text-decoration:none;
}
#optionHeadRight li.nextLink a:hover{
background:url(http://stat.ameba.jp/p_skin/cmn/img/btn_next.gif) no-repeat right bottom;
text-decoration:none;
}
/* Flash AD */
#optionHeadUsr{
min-width:860px;
}
#optionHeadFlash{
float:right;
}
/*---clearfix---*/
.clearFix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearFix{
display:inline-table;
}
/* Hides from IE-mac \*/
.clearFix{>height:1%;}
.clearFix{display:block;}
/* End hide from IE-mac */

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


#bannerList{
background:url(http://stat.ameba.jp/p_skin/cmn/img/bg_list.gif) left top no-repeat #FFFFFF;
border:1px solid #cccccc;
position :absolute;
top :-3px;
left:-5px;
display:none;
width:300px;
text-align:left;
z-index:50
}


*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;
padding-left:65px;
}

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

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

.header_news {
background:transparent url(http://stat.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(http://stat.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(http://stat.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;
}

#optionHeadRight img{
margin-top:-2px;
}

#optionHeadRight{
position:relative;
}