.trend-header {
    margin:0;padding:5px 0;
}
.trend-header .block {
    width:280px;
    margin:5px;
    float:left;
}
.trend-content{
    padding:5px 10px;
    background: #F3F3F3;
}
.trend {
    clear:both;
    padding:2px 0;
    border-bottom:1px groove;
 }
.authors {
    clear:both;
    padding:2px 0;
}
.trend .content-right,.trend .content-left{
    height:40px;
 }
.trend .content-left{
    float:left;
    width:40px;
}
.item-image{
    text-align:left;
 }
.author, .title{
    float:left;
    margin:5px;
    font-weight:bold;
}
.author a, .title a{
    color:#444;
}
.author{
    width:210px;
}
.title{
    width:150px;
 }
.count, .finished-dt{
    padding:5px 0 5px 0;
    color:#882D2D;
    font-weight:bold;
}

.chronicle {
   clear:both;
   width:550px;
   margin:10px 5px;
   padding:5px 10px;
}
.chronicle table {
    border:none;
		margin:0px;
}
.chronicle th {
    width:15%;
    height:85px;
    text-align:center;
    background-color:#636363;
    border-color:#fff;
    border-width: 5px;
 }
.chronicle td {
    margin:0;
    padding:5px 5px 0 5px;
    border-top-color:#fff;
    border-right-color:#fff;
    border-left-color:#fff;
    border-width: 1px;
    line-height:1.5;
 }
.chonicle .annual{
    margin-bottom:10px;
    color:#882D2D;
    font-size:110%;
		font-weight:bold;
} 
.month {
    color:#fff;
	  font-family:Meiryo,メイリオ,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳＰゴシック','ＭＳゴシック',Osaka,Osaka-等幅,sans-serif;
    font-weight:bold;
    font-size:1em;
}
.select-display {
  float:right;
}
.detail{
	clear:both;
	padding:3px 5px 0 0;
  text-align:right;
	font-weight:bold;
}
.history{
	width:420px;
}
.chronicle .graph-ranking,.chronicle .graph-title,.chronicle .graph-init,.chronicle .graph,.chronicle .bar{
	float:left;
  height: 2em;
  line-height: 2em;
}
.graph-item{
	float:left;
	margin:0;padding:0;
  line-height:0;
}
.graph-ranking{
	width:30px;
	clear:both;
}
.graph-title{
	width:50px;
	margin:0;padding:0;
	font-weight:bold;
  border-right: 1px solid #ccc;
  margin-bottom: 2px;
}
.graph,.graph-init {
  position: relative;
  width: 300px;
  margin-bottom: 2px;
}
.graph-init {
  width: 30px;
	font-weight:bold;
	margin:0;padding:0;
}
.graph .bar,.graph-init .bar  {
  display: block;
  position: relative;
  background: #7B9623;
  text-align: center;
  color: #fff;
}
.graph .bar span { position: absolute; left: 1em; }
.graph-item:hover{
  background: #c0d0f0;
}

.block .graph-ranking,.block .graph-title,.block .graph-init,.block .graph,.block .graph .bar{
	float:left;
	height:1.8em;
	line-height:1.8em;
}
.block .line0,.block .line1{
  background: #F3F3F3;
}
.block .graph-ranking {
	width:20px;
	clear:both;
}
.block .graph-title {
	width:150px;
	overflow:hidden;
}
.block .graph {
  width:55px;
}