html { margin: 0; padding: 0; background:url(//s3-ap-northeast-1.amazonaws.com/traindelay/img/bg_texture.png); }
html * { margin: 0; padding: 0; }
body {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    font-size: 12px;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
    letter-spacing: normal;
    color:#333;
}
ul { list-style:none; }
img { border: none; vertical-align: middle; }
table { border-collapse: collapse; }
p {
    margin: 1em 0;
}
a {
    color: #00f;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
.error {
    border: #f00 solid 1px;
    background: #fdd;
    padding: 8px;
    color: #f00;
}
.clickable {
    color: #00f;
    cursor: pointer;
    text-decoration: none;
}
.clear {
    clear: both;
}
.center {
    text-align: center;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.notice {
    color: #777;
}
.warning {
    color: #900;
}
.message {
    color: #00f;
    background: #ddf;
    padding: 8px;
    border: 1px solid #99f;
}
.pager {
    clear: both;
    text-align: center;
    padding: 16px 0 16px 0;
}
.pager a,
.pager b {
    font-size: 16px;
    padding: 6px;
}
.date {
    color: #909090;
}

#wrapper {
    width: 728px;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 0;
}

#header {
    width:100%;
    text-align:center;
    margin:24px auto 4px auto;
    padding:12px 0;
}
#footer {
    clear: both;
    width: 100%;
    height: 100%;
    margin:32px 0 0 0;
    padding: 12px 0 64px 0;
    text-align: center;
}
#footer a {
    margin:8px;
}

#main {
    clear: both;
    width: 100%;
    text-align: left;
    font-size:14px;
}

h1, h1 > a {
  font-size:20px;
  font-weight:normal;
  color:#333;
}
h1 img {
  vertical-align:-1px;
}

div.adsense-header {
  background:#fff;
  font-size:14px;
  font-weight:bold;
  margin:3px 0;
}
div.adsense {
  margin:48px 0;
  text-align:center;
}

.date-header {
    padding:4px;
    margin:18px 0 0 0;
}

.tweet {
  margin: 8px 0;
  padding: 8px;
  text-shadow:#fff 0 1px 0;
  overflow:hidden;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #fefefe;
  border-top: 1px solid #f6f6f6;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  font-size:12px;
}

.tweet:hover {
  background: #fdfdff;
}

.tweet-left {
  width:64px;
  float:left;
}
.tweet > .tweet-left > .timestamp {
  margin-bottom: 8px;
  font-size: 11px;
}
.tweet > .tweet-left > .timestamp > a {
  color:#3030c0;
}
.tweet > .tweet-left img {
  margin-left:10px;
  width:36px;
  height:36px;
  border-radius:5px;
}
.tweet-body {
  float:left;
  width:646px;
}
.tweet-body .fa-twitter {
  float: right;
  color: #1da1f2;
}
.tweet-body .tweet-user {
  margin-bottom: 4px;
}
.tweet-body .tweet-text {
  font-size: 14px;
}

.tweet-intents {
  list-style:none;
  float:right;
  text-align:right;
  font-size:14px;
  color:#aaa;
  margin:8px 0 0 0;
  padding:0;
  vertical-align:middle;
}
.tweet-intents li {
  float:right;
  display:inline-block;
  margin:3px 0 0 14px;
}
.tweet-intents li a {
  color: #bbb;
}
.tweet-intents li a:hover {
  color:#66f;
}

.tweet-reply {
  display:inline-block;
  background:url(//s3-ap-northeast-1.amazonaws.com/traindelay/img/tw-sprite-v2.png);
  background-repeat:no-repeat;
  background-position:0 0;
  width:16px;
  height:16px;
}
.tweet-retweet {
  display:inline-block;
  background-image:url(//s3-ap-northeast-1.amazonaws.com/traindelay/img/tw-sprite-v2.png);
  background-repeat:no-repeat;
  background-position:-80px 0;
  width:16px;
  height:16px;
  margin-left:4px;
}
.tweet-favorite {
  display:inline-block;
  background:url(//s3-ap-northeast-1.amazonaws.com/traindelay/img/tw-sprite-v2.png);
  background-repeat:no-repeat;
  background-position:-32px 0;
  width:16px;
  height:16px;
  margin-left:4px;
}

.twitter_name {
  font-weight:bold;
  color:#556;
}
.twitter_screen_name {
  color:#999;
}

div.ranking {
  width:320px;
  margin:0 auto;
  text-align:center;
}
div.ranking h2 {
  margin:0 0 12px 0;
  padding:6px 0;
  font-size:18px;
  background:#faf3f3;
  border-bottom:1px solid #f5e7e7;
}
div.ranking .comment {
  text-align:left;
  font-size:14px;
  padding:18px;
}
table.ranking {
  width:320px;
  margin:0 auto;
  background:#faf3f3;
}
table.ranking th,
table.ranking td {
  padding:4px;
  font-size:16px;
  border:2px solid #fff;
  text-align:left;
}
table.ranking th {
  text-align:center;
}
table.ranking td.rank {
  font-size:14px;
}
table.ranking td.score {
  font-size:12px;
}
.fa-arrow-up {
  color:#f77;
}
.fa-arrow-right {
  color:#666;
}
.fa-arrow-down {
  color:#77f;
}
.last_rank {
  font-size:12px;
  color:#999;
}

ul.pasts {
  list-style:none;
  margin:16px 0;
}
ul.pasts > li {
  margin:6px 0;
  font-size:16px;
}

select {
  width: 240px;
  height: 48px;
  margin: 16px 0;
  padding: 0 16px;
  font-size: 16px;
}

ul.annual-ranking {
  margin: 16px 0;
  font-size: 16px;
}