@charset "UTF-8";
/*blognews TOP
----------------------------------------*/
#blogNewsT10{ overflow:hidden; }
#blogNewsT10 li a { background:url(https://stat100.ameba.jp/common_style/img/common/icon/explain.gif) no-repeat 0 2px; padding:3px 0 2px 22px; }
#blogNewsT10 { width:100%; margin-right:10px; float:left; }
#blogNewsT10 li,.genreContent li { font-size:1.3em; line-height:1.1em; }
#blogNewsT10 li .relatedArticle { font-size:12px; float:right; padding-right:10px;}
#blogNewsT10 li .relatedArticle a { background:none; padding-left:0; }

/*archive,ganre,tag,talent,update Common
----------------------------------------*/
#topics { clear:both; margin-bottom:10px; }
#topics h2,#clickRnk h2 { font-size:1.5em; font-weight:bold; padding:0 10px 15px 10px; }
#topics h2 span { font-size:0.75em; font-weight:normal; padding-left:5px; }
#topics table,#clickRnk table { width:100%; }
#topics th,#clickRnk th { background:url(https://stat100.ameba.jp/ofcl/img/screen/portal/blognews/blogNews_th.gif) repeat-x scroll left top transparent ; height:16px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; font-color:#333333; }
#topics th,#clickRnk th {padding:3px 10px 0 10px; }
#topics #left,#clickRnk #left{ border-left:1px solid #cccccc; }
#topics #right,#clickRnk #right{ border-right:1px solid #cccccc; text-align:center; }
#topics .ttl { width:230px; }
#topics .date { width:65px; }
#topics .name,#clickRnk  .name{ width:auto; min-width:70px; text-align:center; *width:70px; }
#topics .caption,#clickRnk .caption{ font-size:1.3em; }
#topics .keyword,#clickRnk .keyword{ text-align:center; }
#topics .keyword li,#clickRnk .keyword li{ display:inline-block; margin-right:10px; *display:inline; *zoom:1; white-space:nowrap;  }
#topics .date { text-align:center; }
#topics .firstCell td { background:#f2f2f2; }
#topics .section td { padding-bottom:15px; }

#topics #topicsTitle{
background: url(https://stat100.ameba.jp/ofcl/img/screen/portal/common/bg_mbl_title.gif) repeat-x left top;
margin: 0;
padding: 7px 9px 0;
height: 1.5em;
min-height: 18px;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
font-weight: bold;
}
#topics .topicsList {
background: white url(/ofcl/img/screen/portal/line_rnk.gif) repeat-x 0 100%;
padding:10px 0 8px 10px;
overflow: hidden;
_zoom:1;
}
#topics .listEven{
background:#f9f9f9 url(/ofcl/img/screen/portal/line_rnk.gif) repeat-x 0 100%;
}

#topics .topicsList div{
width: 536px;
_width:531px;
margin-right: 10px;
float:left;
}
#topics .topicsList h3{
font-size:17px;
font-weight:bold;
margin-bottom:8px;
}
#topics .topicsList h3 a{
text-decoration:underline;
}
#topics .topicsList dt,#topics .topicsList dd{
margin-bottom:1px;
}
#topics .topicsList dt{
float:left;
}
#topics .topicsList dd{
margin-left:59px;
}
#topics .topicsList .keywordList a{
padding-right:10px;
text-decoration: underline;
color:#4DAC26;
}
#topics .topicsList .thumb {
background:#ffffff;
width:70px;
height:70px;
margin-right:10px;
display:table-cell;
vertical-align:middle;
}
#topics .topicsList .thumb img{
width:68px;
border:1px solid #cccccc;
padding:1px;
}
#topics .topicsList .thumb a:hover img{
border:1px solid #ffcc33;
}
/*socialBtnList
----------------------------------------*/
#head ul{ height:20px; padding:4px 1px 0 0; float:right; overflow:hidden; }
#head .newArticle{ border-right: 1px solid #666;
padding-right: 5px;
margin-right: 5px;
}
.socialBtnList{ float:left; margin-right:3px; }
#tweetBtn{
background:url(https://stat100.ameba.jp/ofcl/img/screen/portal/blognews/followBtn.png) no-repeat left top;
width:147px;
height:0;
padding-top:20px;
display:block;
line-height:1;
}
#nowBtn{
background:url(https://stat100.ameba.jp/ofcl/img/screen/portal/blognews/btn_share_now.png) no-repeat left top;
width:127px;
height:0;
padding-top:20px;
display:block;
line-height:1;
margin-right:5px;
}
#tweetBtn:hover{
background-position:0px -21px;
}
#tweetBtn:active{
background-position:0px -42px;
}
/*archive,talent
----------------------------------------*/
.blognewsMdl {background:url(https://stat100.ameba.jp/ofcl/img/screen/portal/line_rnk.gif) repeat-x scroll 0 bottom transparent; padding:0 0 10px 10px; margin-bottom:10px; overflow:hidden; _zoom:1; }
.blognewsMdl h2 { font-size:2em; margin-bottom:10px; }
.blognewsMdl h3 { padding:3px 0; line-height:1.2; }
.blognewsMdl ul { overflow:hidden; float:left; margin-top:10px; *margin-top:7px; }
.blognewsMdl dt { float:left; margin-right:5px; }
.blognewsMdl #talentImg { float:left; width:72px; margin-right:20px; }
.blognewsMdl #talentImg a img { border:1px solid #CCCCCC; padding:1px; }
.blognewsMdl #talentImg a:hover img { border:1px solid #f9c202; padding:1px; }
.blognewsMdl #readerBtn { float:right; text-align:center; }
.blognewsMdl #readerBtn li { margin-bottom:5px; }
.blognewsMdl #readerBtn .amember a { background:url(https://stat100.ameba.jp/common_style/img/common/icon/amember.gif) no-repeat 0 0; padding:3px 0 0 18px; }
.borderLink a { border-right:1px solid #333333; padding:0 5px 0 0; margin-right:5px;  }
dd a.last,li a.last { border:none; margin:0; }



/*talent
----------------------------------------*/
#talentFrame { background: url("https://stat100.ameba.jp/ofcl/img/screen/portal/line_rnk.gif") repeat-x scroll 0 top transparent; padding-top: 10px; }



/*ranking TopMod
----------------------------------------*/

#topRank { margin:-10px 0 15px 0; }
#topRank .ranking { background:url(https://stat100.ameba.jp/ofcl/img/screen/portal/line_rnk.gif) repeat-x scroll 0 100%; padding:10px 5px 10px 10px;}
#topRank .odd { background:url(https://stat100.ameba.jp/ofcl/img/screen/portal/line_rnk.gif) repeat-x scroll 0 100% #F2F2F2; }
#topRank .last { background:none; }
.rankWord,.rankTalent,.rankWord h3, .rankWord span, .rankTalent h4 { float: left; }
#topRank ul{ overflow: hidden; width: 100%; }
.rankLi #topRank { margin:0; }
.rankLi .rankCount { margin:14px 0 0 0; }
.rankLi .rankWord a { margin:17px 0 0 0; }

.rankWord{ width:303px; padding:7px 0 0 0; }
.rankTalent { width: 301px; _width:auto; padding:0; }
.rankWord h3 { width: 98%; padding-left;5px;}
.rankWord span { margin-right: 10px; display: block; text-align: center;}
.rankWord a { display: block; margin-top: 13px; font-weight:bold; font-size:1.3em;}
.rankWord span { margin-right: 10px; text-align: center;}
.rankWord .rankCount { margin-bottom: 5px; }
.rankTalent h4 { text-align:center; width:85px; word-wrap:break-word;}
.rankTalent h4 img { border:1px solid #cccccc; padding:1px; }
.rankTalent h4 a { diplay:block; }
.rankTalent ul { width:auto !important; padding-top:23px; text-align:center; }
.rankTalent ul li { display:inline-block; padding:0 10px 0 0; *zoom:1; *display:inline; }

#clickUpdate { color:#666666; font-size:.85em; font-weight:normal; float:right; *padding-right:10px; *margin-top:-18px; }

/*ranking Page
----------------------------------------*/

#clickRnk {margin-bottom:20px; }
#clickRnk h2 { border:none; background:none; }
#head #update {color: #E60012; padding: 2px 0 0 0;}
#clickRnk .rankStatus { width:40px;}
#clickRnk .ttl { width:240px; }
#clickRnk .under3 span { width:35px; display:block; float:left; }
#clickRnk .under3 img {padding-top:2px;}
.top3 td { padding:10px 0 10px 6px !important; }
.top3  .rankCount { margin-top:-5px; }
.top3 span {width:39px; display:block; float:left;}
.topRnkImg { border:1px solid #cccccc; padding:1px; margin-bottom:5px; }

#rankingTitle {
overflow:hidden;
*zoom:1;
margin: 0 0 15px 10px;
}
#rankingTitle li {
float:left;
line-height:1.2;
padding-top:1px;
}
#rankingTitle #real,#rankingTitle #daily {
background:url("https://stat100.ameba.jp/common_style/img/common/icon/crown1.gif") no-repeat scroll 0 0 transparent;
padding-right:7px;
padding-left:17px;
margin-right:8px;
border-right:1px solid #333333;
}


/*sidebar
----------------------------------------*/
#keyword ol { padding:5px 0 5px 10px; }
#keyword li { display:inline; border-right:1px solid #666666; padding:0 5px 0 0; margin-right:2px; *margin-bottom:5px; }
#keyword .tag1 { font-size:1em; line-height:1.1em; }
#keyword .tag2 { font-size:1.2em; line-height:1.1em; }
#keyword .tag3 { font-size:1.4em; line-height:1.2em; font-weight:bold; }
#keyword .last { border:none; }
html*#keyword ol { padding-right:8px; }
html*#keyword li { padding-right:5px; margin-right:6px; white-space:nowrap; zoom:1; line-height:1.1;}
#rnkMdl ul { padding:5px 10px; oveflow:hidden; }
#rnkMdl ul h3 { float:left; }
#rnkMdl ul li { background:url(https://stat100.ameba.jp/ofcl/img/screen/portal/line_rnk.gif) repeat-x scroll 0 100%; height:20px; padding:10px 0 13px 0; *padding:10px 0 13px 0; }
#rnkMdl .rankCount {vertical-align:middle; padding-bottom:3px; margin-right:6px;}
#rnkMdl .last { background:none; padding-bottom:0; }
#rnkMdl .under3 h3{padding:5px 0 0 10px; _padding:5px 0 4px 10px; }


/*paging
----------------------------------------*/
#blogNews .pagingBlk { margin-bottom:10px; }



/*footer
----------------------------------------*/
#footerArea { clear:both; }



#mainCol #bnsContent #head h1 { background:url(https://stat100.ameba.jp/ofcl/img/screen/portal/title_blogNews.gif) no-repeat left top; }



/*blognews TOP
----------------------------------------*/
#bnsContent { margin-bottom:30px; *margin-bottom:0; }
#bnsContent .mdl { border:none; }
#bnsContent .mdl h2 { border-left:1px solid #cccccc; border-right:1px solid #cccccc; padding:7px 9px 6px 9px; margin-bottom:10px; }
#bnsContent .mdl #blogNewsT10,#bnsContent .genreContent { padding-bottom:2px; }
#bnsContent .mdl #blogNewsT10 li,#bnsContent .genreContent li,#topics td,#clickRnk td { padding:4px 0 3px 10px; margin:1px 0; }
#bnsContent .bg { background:#f2f2f2; }
#bnsContent .subGenre dd { width:540px; }
#bnsContent .subGenre li { margin: 0 5px 3px 0 ; padding: 0 5px 0 0 ;}
#blogNewsT10,#bnsContent #blogNewsImg { overflow:hidden; }
#blogNewsT10 li a,#bnsContent .genreContent li a { background:url(https://stat100.ameba.jp/common_style/img/common/icon/explain.gif) no-repeat 0 2px; padding:3px 0 2px 22px; }
#blogNewsT10 { width:100%; margin-right:10px; float:left; }
#blogNewsImg { background:#f2f2f2; margin-left:460px; text-align:center; }
#blogNewsImg #realTimePhoto { background:#ffffff; width:150px; height:150px; margin:10px auto; }
#blogNewsT10 li,.genreContent li { font-size:1.3em; line-height:1.1em; }
#bnsContent .longLi ul { padding-left:10px; }
#bnsContent .longLi li { display:inline; border-right:1px solid #333333; padding:0 9px 0 0; margin:0 7px 5px 0; }
#bnsContent .longLi li.last { border:none; }
#bnsContent .rankLi #topRank .ranking { padding:5px; }
#bnsContent .genreContent { width:314px !important; margin-right:10px; float:left; }
#bnsContent .right { margin-right:0; }
html*#bnsContent .longLi li {padding-right:0;}
html*#bnsContent .longLi a { *white-space:nowrap;}

#bnsContent .moreRead { padding-left:10px; margin-top:-10px; }
#bnsContent .moreRead li { display:inline; border-right:1px solid #333333; padding:0 9px 0 0; margin:0 7px 5px 0; }
#bnsContent .moreRead li.last { border:none; }
html*#bnsContent .moreRead li {padding-right:0;}
html*#bnsContent .moreRead a { *white-space:nowrap;}


/*paging
----------------------------------------*/
#bnsContent .pagingBlk { margin-bottom:10px; }

/*rnkPaging
-------------------------------------------*/
.rnkPaging { padding:0 0 10px 0; }
.rnkPaging li { height:27px; line-height:27px; background:#f7f7f7; border:1px solid #999999; text-align:center; }
.rnkPaging li a { display:block; height:27px; line-height:27px; }
.rnkPaging li a:hover { background:#0066cc; color:#ffffff; text-decoration:none; }

.rnkPaging .pagingA ul,
.rnkPaging .pagingB ul { display:none; position:absolute; top:27px; left:-1px; z-index:300; background:#fff; }
.rnkPaging .pagingA.on ul,
.rnkPaging .pagingB.on ul { display:block; }
.rnkPaging .pagingA li,
.rnkPaging .pagingB li { width:140px; border-bottom:none; }
.rnkPaging .pagingA li.last,
.rnkPaging .pagingB li.last { border-bottom:1px solid #999999; }
.rnkPaging .pagingA li a,
.rnkPaging .pagingB li a { width:140px; color:#000000; }
.rnkPaging .pagingB li a:hover { color:#ffffff; }

/*pagingLastA*/
.rnkPaging .pagingLastA { float:left; width:27px; margin:0 10px 0 0; }
.rnkPaging .pagingLastA a { width:27px; }
.rnkPaging .pagingA { float:left; position:relative; width:140px; }
/*pagingLastB*/
.rnkPaging .pagingLastB { float:right; width:27px; margin:0 0 0 10px; }
.rnkPaging .pagingLastB a { width:27px; }
.rnkPaging .pagingB { float:right; position:relative; width:140px; }


/*footer
----------------------------------------*/
#footerArea { clear:both; *position:static !important; }