@charset "UTF-8";
/*
-----------------------------------------------------
エディタパレット共通CSS
-----------------------------------------------------
*/
#entryMain{
z-index:1;
}
* html #controlHTML{
display:none;
}
.paletteArea *{
font-size:12px;
}
.paletteArea{
cursor:default;
background-color:#FFFFFF;
visibility:hidden;
position:absolute;
top:-5000px;
left:-5000px;
z-index:999;
width:330px;
margin:0;
padding:0;
}
.paletteArea:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
position:relative;
z-index:3;
}
.paletteArea a,
.paletteArea a:link,
.paletteArea a:hover,
.paletteArea a:visited{
text-decoration:none !important;
}
a.paletteA,
a.paletteA:link,
a.paletteA:hover,
a.paletteA:visited{
text-decoration:none;
margin:0;
padding:0;
line-height:1.0;
}
.paletteArea ul,
.paletteArea li{
list-style-type:none;
margin:0;
padding:0;
}
.paletteList{
border:1px solid #7F9DB9;
margin:0;
padding:2px;
position:relative;
}
.paletteArea li.listTop{
background-color:#F0F3F7;
border-bottom:1px solid #7F9DB9;
padding:7px 20px 4px 7px !important;
text-align:center;
min-height:16px;
}
.paletteArea li.listTop a{
border-right:1px solid #aaaaaa;
line-height:1.5em;
padding:0 3px !important;
}
.paletteArea li.listTop a:hover{
text-decoration:underline !important;
}
.paletteArea li.listTop a.genreLast{
}
.paletteArea li.listTop a.currentGenre{
font-weight:bold;
}
.paletteArea li.listTop .close{
border:none;
padding:0;
position:absolute;
right:4px;
top:4px;
}
.paletteArea li.listMain ul{
min-height:150px;
}
.paletteArea li.listMain li{
padding:3px !important;
}
.paletteArea li.listMain li img{
cursor:pointer;
margin:2px !important;
}
.paletteArea li.listMain li.color{
background-color:#EBEDEC;
}
.paletteArea li.listBottom{
background-color:#F0F3F7;
border-top:1px solid #7F9DB9;
color:#000000;
padding:7px 0 !important;
text-align:center;
}
/* 絵文字・顔文字パレットのクローズはimgタグ */
.paletteArea .close{
width:15px;
height:14px;
display:block;
clear:both;
cursor:pointer;
}
.paletteArea .close,
.paletteArea .close:link,
.paletteArea .close:hover,
.paletteArea .close:visited{
text-decoration:none !important;
color:#000000;
font-size:10px;
}
.paletteArea .close span{
background-image:url(//stat.ameba.jp/common_style/img/editor/icon_close.gif);
background-repeat:no-repeat;
background-position:center left;
text-indent:-9999px;
display:block;
width:15px;
height:14px;
clear:both;
}
/*------------------------------ .makePalette --*/
.makePalette{
height:auto;
margin:0;
padding:0;
position:relative;
width:auto;
z-index:1000;
top:4px;
}
#classicEditor .makePalette{
left:-20px;
top:100px;
}
.entry .makePalette,
#blogInfo .makePalette{
display:inline;
>top:20px;
}
/*---------------------------------- #kaomoji --*/
#kaomoji{
/*
position:absolute;
top:33px;
left:250px;
z-index:3;
width:330px;
*/
}
#kaomoji li.listMain ul{
_height:150px;
_overflow:auto;
}
#kaomoji li.listMain li a{
padding:0px 5px;
color:#333333;
font-size:10px;
}
#kaomoji li.listMain li a:hover{
background-color:#AAD5FF;
text-decoration:none;
}
/*------------------------------------ #emoji --*/
#emoji{
/*
position:absolute;
top:33px;
left:250px;
z-index:3;
width:330px;
*/
}
#emoji li.listMain ul{
_height:150px;
_overflow:auto;
}
#emoji .paletteList{
width:330px;
}
#emoji table{
margin:0;
padding:0;
border:none;
border-collapse:collapse;
}
#emoji table *{
margin:0;
padding:0;
}
/*-------------------------------- #userEmoji --*/
#userEmoji.paletteArea{
border:1px solid #7f9db9;
width:350px;
}
#userEmoji li.listMain ul{
_height:150px;
_overflow:auto;
}
#userEmojiHeader{
background-color:#ebedec;
height:25px;
}
#userEmojiHeader .close{
right:4px;
top:4px;
position:absolute;
}
/*---------------------------------- #decoPeta --*/
#decoPeta{
/*
position:absolute;
top:33px;
left:250px;
z-index:3;
width:330px;
*/
}
#decoPeta .paletteList{
width:330px;
}
#decoPeta li.listMain ul{
min-height:160px;
/*_height:160px;
_overflow:hidden;*/
}
#decoPeta li.listMain li img{
margin:2px 2px 0 !important;
}
#decoPeta li.listMain li a{
padding:0px 5px;
color:#333333;
font-size:10px;
}

/*---------------------------------- #yui-nav --*/

#buttonWindow{
position:absolute;
top:465px;
left:452px;
width:488px;
height:364px;
border:solid 1px;
border-color:#7A9CB5;
text-align:left;
}

.petaButtonHeader{
height:30px;
}

.yui-content p{
height:23px;
width:488px;
padding-top:5px;
background:url("//stat.ameba.jp/home/img/common/linePeta.png") repeat-x  center bottom #F0F3F7;
text-align:center;
}

#naviPeta,#naviReader,#naviFollow,#naviAmember,#naviPresent{
height:250px;
}

.yui-navset .yui-content .yui-hidden{
border:0;
height:0;
width:0;
padding:0;
position:absolute;
left:-999999px;
overflow:hidden;
visibility:hidden;
}

.yui-nav,.yui-nav li{
margin:0;
padding:0;
list-style:none;
background:#F0F3F7;
}

.yui-nav li{
float:left;
width:97px;
height:27px;
}

.yui-nav a, .yui-navset-top .yui-nav a, .yui-nav .selected a, .yui-nav .selected a:hover, .yui-nav a:hover {
background:url("//stat.ameba.jp/home/img/common/tabu.png") repeat-x scroll left center #F0F3F7;
height:27px;
width:97px;
display:block;
overflow:hidden;
}

#petaPeta, #petaFollow, #petaPresent, #petaReader, #petaComment, #petaAmember  {
text-indent:-9999px;
}

.yui-nav #petaPeta{
background-position:0 0;
}

.yui-nav #petaPeta:hover{
background-position:0 -27px;
}

.yui-nav .selected #petaPeta:hover,.yui-nav .selected #petaPeta{
background-position:0 -54px;
}

.yui-nav #petaReader{
background-position:-97px 0;
}

.yui-nav #petaReader:hover{
background-position:-97px -27px;
}

.yui-nav .selected #petaReader:hover,.yui-nav .selected #petaReader{
background-position:-97px -54px;
}

.yui-nav #petaFollow{
background-position:-194px 0;
}

.yui-nav #petaFollow:hover{
background-position:-194px -27px;
}

.yui-nav .selected #petaFollow:hover,.yui-nav .selected #petaFollow{
background-position:-194px -54px;
}

.yui-nav #petaAmember{
background-position:-291px 0;
}

.yui-nav #petaAmember:hover{
background-position:-291px -27px;
}

.yui-nav .selected #petaAmember:hover,.yui-nav .selected #petaAmember{
background-position:-291px -54px;
}

.yui-nav #petaPresent{
background-position:-388px 0;
}

.yui-nav #petaPresent:hover{
background-position:-388px -27px;
}

.yui-nav .selected #petaPresent:hover,.yui-nav .selected #petaPresent{
background-position:-388px -54px;
}

.petaButtonHeader{
background:#F0F3F7;
}
.petaButtonFooter a{
padding:2px 0 0 16px;
background:url("//stat.ameba.jp/common_style/img/common/icon_list.gif") no-repeat -300px -175px;
}

.yui-skin-sam{
border:1px solid #7A9CB5;
}

#naviPeta,#naviReader,#naviFollow,#naviAmember,#naviPresent{
background:url("//stat.ameba.jp/home/img/common/linePeta.png") repeat-x  center bottom #FFF;
}

.yui-content li{
list-style-type:none;
display:inline;
}

.onedariButton{
padding:7px 0 0 7px;
}

.petaClose{
padding:8px 0 0 465px;
}

.petaButtonFooter{
font-size:0.8em;
text-align:right;
padding:7px 7px 0 0;
height: 22px;
background:#F0F3F7;
}

#tab1 a {
border-right:1px solid #AAAAAA;
padding:0 5px;
}

#naviArea{
width:488px;
height:27px;
overflow:hidden;
}

#naviPeta .onedariButton{
padding:15px 0 0 15px;
}