@charset "UTF-8";
body { font-size: 14px; background-color: #FFFFFF; color: #333333; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Verdana,Arial,sans-serif; line-height: 1.4; }

a { color: #333333; text-decoration: underline; }

a:hover { color: #999999; text-decoration: none; }

dl, ul, ol { list-style-type: none; }

body, #wrap_header, #wrap_content, #wrap_footer { width: 100%; }

#wrap_header .navigation, #header, #content, #wrap_content .pagetop, #wrap_footer .navigation, #footer { margin: auto; width: 780px; }

.wrap_navibar { font-size: 85.4%; background-color: #111111; background: -moz-linear-gradient(center bottom, #111111 0%, #333333 61.8%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111111), color-stop(0.618, #333333)); color: #FFFFFF; font-weight: bold; padding: 5px 0; }
.wrap_navibar a { color: #FFFFFF; }
.wrap_navibar .navigation { position: relative; }
.wrap_navibar .navigation ul li { display: inline; padding-right: 4px; }
.wrap_navibar .navigation .about { position: absolute; right: 0; top: 0; }

#header h1 { margin: 24px 0; }
#header h1 img { height: 40px; width: 780px; }

#wrap_content .pagetop { text-align: right; }

#wrap_footer { margin-top: 8px; }
#wrap_footer #footer { margin-top: 4px; }
#wrap_footer #footer .copyright { text-align: center; }

.index #content:after { clear: both; content: '.'; display: block; font-size: 0.1%; height: 0; line-height: 0.1; visibility: hidden; }
.index #content #wrap_hot { float: left; width: 61.8029%; }
.index #content #wrap_hot section { margin: 0 24px 16px 0; }
.index #content #wrap_hot section header { margin-bottom: 6px; }
.index #content #wrap_hot section header hgroup { border-bottom: 2px solid #333333; border-left: 6px solid #333333; margin-bottom: 6px; }
.index #content #wrap_hot section header hgroup h2 { font-size: 123.6%; display: inline; padding: 0 6px; }
.index #content #wrap_hot section header hgroup h3 { display: inline; }
.index #content #wrap_hot section .more { font-size: 85.4%; font-weight: bold; text-align: right; }
.index #content #wrap_hot #hot .hot_entry { background-color: #F9FCFC; background: -moz-linear-gradient(center bottom , #F0F5F5 0%, #FEFFFF 100%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F0F5F5), color-stop(1, #FEFFFF)); border: 2px solid #888888; margin-bottom: 4px; padding: 6px; }
.index #content #wrap_hot #hot .hot_entry:after { clear: both; content: '.'; display: block; font-size: 0.1%; height: 0; line-height: 0.1; visibility: hidden; }
.index #content #wrap_hot #hot .hot_entry .thumbnail { border: 2px solid #333333; position: relative; height: 72px; width: 96px; float: left; }
.index #content #wrap_hot #hot .hot_entry .thumbnail .length { font-size: 85.4%; background-color: #000000; bottom: 0; color: #FFFFFF; font-weight: bold; padding: 0 4px; position: absolute; right: 0; }
.index #content #wrap_hot #hot .hot_entry .thumbnail img { height: 72px; width: 96px; }
.index #content #wrap_hot #hot .hot_entry .wrap_brief { float: right; margin-left: -100px; width: 100%; }
.index #content #wrap_hot #hot .hot_entry .wrap_brief .brief { margin-left: 108px; }
.index #content #wrap_hot #hot .hot_entry .wrap_brief .brief .tweet_count { font-weight: bold; }
.index #content #wrap_hot #hot .hot_entry .wrap_brief .brief .tweet_count .unit { font-size: 85.4%; }
.index #content #wrap_hot #hot .hot_entry .wrap_brief .brief .title a { color: #666666; font-weight: bold; }
.index #content #wrap_hot #hot .hot_entry .wrap_brief .brief .title a:hover { background-color: #666666; color: #FFFFFF; }
.index #content #wrap_hot #hot .hot_entry .wrap_brief .brief .description { font-size: 85.4%; }
.index #content #wrap_hot #hot .hot_entry .wrap_brief .brief .detail { font-size: 85.4%; font-weight: bold; }
.index #content #wrap_menu { float: right; width: 38.197%; }
.index #content #wrap_menu .wrap_menu_item section article .more { font-size: 85.4%; font-weight: bold; margin-top: 4px; text-align: right; }
.index #content #wrap_menu #menu dl dt { font-weight: bold; margin-bottom: 6px; }
.index #content #wrap_menu #menu dl dd { border-bottom: 2px dotted #888888; margin-bottom: 8px; padding-bottom: 8px; }
.index #content #wrap_menu #menu dl dd:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.index #content #wrap_menu #velocities ul li { border: none; margin: 0; padding: 0; }
.index #content #wrap_menu #velocities ul li .count { font-weight: bold; }

.ranking #content header { margin-bottom: 8px; }
.ranking #content header hgroup h2 { font-size: 161.8%; display: inline; margin-right: 8px; }
.ranking #content header hgroup h3 { font-size: 123.6%; display: inline; }
.ranking #content header .period .count { font-weight: bold; }
.ranking #content .entry { background-color: #F9FCFC; background: -moz-linear-gradient(center bottom , #F0F5F5 0%, #FEFFFF 100%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F0F5F5), color-stop(1, #FEFFFF)); border: 2px solid #888888; margin-bottom: 4px; padding: 4px 8px; }
.ranking #content .entry:after { clear: both; content: '.'; display: block; font-size: 0.1%; height: 0; line-height: 0.1; visibility: hidden; }
.ranking #content .entry .wrap_thumbnail { float: left; }
.ranking #content .entry .wrap_thumbnail .thumbnail { border: 2px solid #333333; position: relative; height: 100px; width: 130px; margin-top: 10px; }
.ranking #content .entry .wrap_thumbnail .thumbnail .length { font-size: 85.4%; background-color: #000000; bottom: 0; color: #FFFFFF; font-weight: bold; padding: 0 4px; position: absolute; right: 0; }
.ranking #content .entry .wrap_thumbnail .thumbnail img { height: 100px; width: 130px; }
.ranking #content .entry .wrap_brief { float: right; margin-left: -134px; width: 100%; }
.ranking #content .entry .wrap_brief .brief { margin-left: 146px; position: relative; }
.ranking #content .entry .wrap_brief .brief .indicator { margin-bottom: -4px; }
.ranking #content .entry .wrap_brief .brief .indicator .rank { font-weight: bold; margin-right: 8px; }
.ranking #content .entry .wrap_brief .brief .indicator .rank .number { font-size: 161.8%; }
.ranking #content .entry .wrap_brief .brief .indicator .tweet_count { font-weight: bold; margin-right: 16px; }
.ranking #content .entry .wrap_brief .brief .indicator .tweet_count .number { font-size: 123.6%; }
.ranking #content .entry .wrap_brief .brief .indicator .timestamp { font-size: 85.4%; }
.ranking #content .entry .wrap_brief .brief .indicator .timestamp time { font-weight: bold; }
.ranking #content .entry .wrap_brief .brief .title a { font-size: 123.6%; color: #666666; font-weight: bold; }
.ranking #content .entry .wrap_brief .brief .title a:hover { background-color: #666666; color: #FFFFFF; }
.ranking #content .entry .wrap_brief .brief .description { font-size: 85.4%; }
.ranking #content .entry .wrap_brief .brief .comments { font-size: 85.4%; background-color: #FFFFFF; border: 2px solid #888888; margin: 4px 0; padding: 4px; }
.ranking #content .entry .wrap_brief .brief .meta { font-size: 85.4%; }
.ranking #content .entry .wrap_brief .brief .meta dt { display: inline; }
.ranking #content .entry .wrap_brief .brief .meta dd { display: inline; font-weight: bold; }
.ranking #content .entry .wrap_brief .brief .meta dd:after { content: '|'; padding-left: 6px; }
.ranking #content .entry .wrap_brief .brief .meta dd:last-child:after { content: ''; }
.ranking #content .entry .wrap_brief .brief .detail { font-size: 85.4%; bottom: 0; font-weight: bold; position: absolute; right: 0; }
.ranking #content .entry .tweets { clear: both; padding-top: 8px; }
.ranking #content .entry .tweets .tweet .meta { margin-bottom: 0; }

.ranking #wrap_content .pagetop { margin-top: 8px; }

.tweet { margin-bottom: 4px; }
.tweet:after { clear: both; content: '.'; display: block; font-size: 0.1%; height: 0; line-height: 0.1; visibility: hidden; }
.tweet .wrap_icon { float: left; }
.tweet .wrap_icon .icon { border: 1px solid #333333; height: 48px; margin-top: 6px; position: relative; width: 48px; }
.tweet .wrap_icon .icon img { height: 48px; width: 48px; }
.tweet .wrap_status { float: right; margin-left: -50px; width: 100%; }
.tweet .wrap_status .status { -moz-border-radius: 6px; -webkit-border-radius: 6px; background-color: #FDFDFF; border: 2px solid #888888; margin-left: 62px; padding: 6px; position: relative; }
.tweet .wrap_status .status .angle { border-bottom: 8px solid transparent; border-right: 10px solid #888888; border-top: 8px solid transparent; height: 0; left: -12px; position: absolute; top: 20px; width: 0; }
.tweet .wrap_status .status .angle .inner_angle { border-bottom: 6px solid transparent; border-right: 8px solid #FDFDFF; border-top: 6px solid transparent; height: 0; left: 4px; position: absolute; top: -6px; width: 0; }
.tweet .wrap_status .status .text { margin-bottom: 2px; }
.tweet .wrap_status .status .meta { font-size: 85.4%; margin-bottom: 6px; text-align: right; }
.tweet .wrap_status .status .meta .name { font-weight: bold; }
.tweet .wrap_status .status .meta .timestamp { color: #666666; }
.tweet .wrap_status .status .video { background-color: #F9FCFC; border: 1px solid #888888; padding: 4px; }
.tweet .wrap_status .status .video:after { clear: both; content: '.'; display: block; font-size: 0.1%; height: 0; line-height: 0.1; visibility: hidden; }
.tweet .wrap_status .status .video .thumbnail { border: 2px solid #333333; position: relative; height: 48px; width: 64px; float: left; }
.tweet .wrap_status .status .video .thumbnail .length { font-size: 85.4%; background-color: #000000; bottom: 0; color: #FFFFFF; font-weight: bold; padding: 0 4px; position: absolute; right: 0; }
.tweet .wrap_status .status .video .thumbnail img { height: 48px; width: 64px; }
.tweet .wrap_status .status .video .wrap_brief { float: left; margin-left: -68px; width: 100%; }
.tweet .wrap_status .status .video .wrap_brief .brief { margin-left: 74px; }
.tweet .wrap_status .status .video .wrap_brief .brief .title a { color: #666666; font-weight: bold; }
.tweet .wrap_status .status .video .wrap_brief .brief .title a:hover { background-color: #666666; color: #FFFFFF; }
.tweet .wrap_status .status .video .wrap_brief .brief .description { font-size: 85.4%; }
.tweet .wrap_status .status .video .wrap_brief .brief .detail { font-size: 85.4%; font-weight: bold; }

.about #content:after { clear: both; content: '.'; display: block; font-size: 0.1%; height: 0; line-height: 0.1; visibility: hidden; }
.about #content #navi { float: right; width: 216px; }
.about #content #main { float: left; width: 540px; }
.about #content #main section header { margin-bottom: 1em; }
.about #content #main section header h2 { font-size: 161.8%; border-bottom: 1px solid #333333; }
.about #content #main section article { margin-bottom: 2em; }
.about #content #main section article p { margin-bottom: 1em; }
.about #content #main section article dl dt { font-weight: bold; margin-bottom: 0.2em; }
.about #content #main section article dl dd { margin-bottom: 0.6em; }
.about #content #main section article ul { list-style-type: disc; margin-left: 2em; }
.about #content #main section article ul li { margin-bottom: 0.3em; }
.about #content #main #tracking ul { margin-bottom: 1em; }
.about #content #main .link img { border: 1px solid #888888; vertical-align: middle; }

.menu .wrap_menu_item { border: 1px solid #BBBBBB; margin-bottom: 16px; }
.menu .wrap_menu_item section { border: 1px solid #333333; }
.menu .wrap_menu_item section header { font-size: 123.6%; background-color: #111111; background: -moz-linear-gradient(center bottom, #111111 0%, #333333 50%, #777777 100%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111111), color-stop(0.50, #333333), color-stop(1, #777777)); border-bottom: 1px solid #BBBBBB; border-top: 1px solid #BBBBBB; color: #FFFFFF; padding: 6px; }
.menu .wrap_menu_item section article { padding: 8px; }
.menu .wrap_menu_item section article ul li { border-bottom: 2px dotted #888888; margin-bottom: 8px; padding-bottom: 8px; }
.menu .wrap_menu_item section article ul li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

.video #content section { margin-bottom: 8px; }
.video #content section header { border-bottom: 2px solid #333333; border-left: 6px solid #333333; margin-bottom: 8px; padding: 0 6px; }
.video #content section header .timestamp { float: left; margin-right: 6px; }
.video #content section header .timestamp time { font-weight: bold; }
.video #content section header .timestamp:after { content: '|'; padding-left: 6px; }
.video #content section header .meta { float: left; }
.video #content section header .meta dt { display: inline; }
.video #content section header .meta dd { display: inline; font-weight: bold; }
.video #content section header .meta dd:after { content: '|'; padding-left: 6px; }
.video #content section header .meta dd:last-child:after { content: ''; }
.video #content section header h2 { font-size: 161.8%; clear: both; }
.video #content section header h2 a { text-decoration: none; }
.video #content section article { margin-bottom: 8px; }
.video #content section article .description { background-color: #F9FCFC; border: 2px solid #888888; margin-bottom: 8px; padding: 6px; }
.video #content section article .player { text-align: center; }
.video #content .tweets header h2 { display: inline; margin-right: 16px; }
.video #content .tweets header p { display: inline; }
.video #content .tweets .tweet { margin-bottom: 6px; }

.timeline #content header { border-bottom: 2px solid #333333; border-left: 6px solid #333333; margin-bottom: 8px; padding: 0 6px; }
.timeline #content header h2 { font-size: 161.8%; }
.timeline #content article .tweet { margin-bottom: 6px; }

.page_navigation { font-weight: bold; margin: 8px 0; }
.page_navigation:after { clear: both; content: '.'; display: block; font-size: 0.1%; height: 0; line-height: 0.1; visibility: hidden; }
.page_navigation .update { float: left; }
.page_navigation .prev_page { float: left; }
.page_navigation .next_page { float: right; }