html * {
    margin: 0;
    padding: 0;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

html {
    background: #fff;
    margin: 0;
    padding: 0;
}
body {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    font-size: 12px;
    font-family: Verdana,arial,sans-serif;
    line-height: 1.4em;
    letter-spacing: normal;
    background: #fff;
    color:#333;
}
ul, ol, dl ,li, dt, dd {
    margin:0;
    padding:0;
    list-style:none;
}
dt {
    font-weight: bold;
}
dd {
    margin-left: 16px;
}
img {
    border: none;
    vertical-align: middle;
}
table {
    border-collapse: collapse;
}
p {
    margin: 10px auto;
}
a {
    color: #1465c3;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
.error {
    border: #f00 solid 1px;
    background: #fdd;
    padding: 8px;
    color: #f00;
}
.error p {
    color: #f00;
}
.clickable {
    cursor: pointer;
}
.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: 2px;
    border: 1px solid #99f;
}

ul.normal_list li {
    margin-bottom: 12px;
}

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

#header {
    width: 100%;
    background: #fff;
    text-align: left;
    margin: 0 auto 4px auto;
}
#header-catch {
    margin:0 0 15px 0;
    color:#fff;
    font-weight:bold;
    background:#00ccff;
    padding:4px 0 4px 8px;
}
#header-menu {
    float:right;
    width:420px;
    margin:12px 0;
}

#footer {
    clear: both;
    width: 100%;
    height: 100%;
    padding: 12px 0 24px 0;
    text-align: center;
    color: #aaa;
    border-top:2px solid #00ccff;
}

#header-title {
    margin:12px 0 36px 12px;
    width:350px;
    float:left;
    font-size:16px;
}
#header-title a {
}

.pankuzu {
    text-align:right;
    font-weight:bold;
    margin: 6px 0;
}

#main {
    float: left;
    width: 480px;
    background: #fff;
    text-align: left;
}
#main.one-column {
    float:none;
    width:100%;
}

.section {
    clear: both;
    margin-bottom: 24px;
}
.half_left {
    float: left;
    width: 49%;
}
.half_right {
    float: right;
    width: 49%;
}
.section_header {
    clear: both;
    width: 541px;
    height: 19px;
    padding: 2px 0 2px 12px;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #59b441;
    color: #333;
    text-indent: 6px;
}
.section_header a {
    color: #333;
}
.half_left .section_header,
.half_right .section_header {
    width: 265px;
}

#sidebar {
    float: right;
    width: 300px;
    height: 100%;
    text-align:left;
}

.normal_form {
    background: #f1f1f1;
    border: 1px solid #d4d4d4;
    padding: 8px;
    margin-bottom: 12px;
}
.normal_form th {
    width: 6em;
}
.normal_form th,
.normal_form td {
    padding-bottom: 12px;
}

.form_table {
    width: 100%;
}
.form_table td,
.form_table th {
    padding: 4px;
    border: 1px solid #ccc;
}
.form_table th {
    width: 150px;
    background: #ddd;
}

.pager {
    clear: both;
    text-align: center;
    padding: 16px 0 16px 0;
}
.pager a,
.pager b {
    font-size: 16px;
    padding: 6px;
}

.date {
    color: #909090;
}

.help_header {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 12px;
}
.help_body {
    margin-bottom: 24px;
}
.help_sub_header {
    font-weight: bold;
    margin-bottom: 12px;
}
.help_sub_body {
    margin-bottom: 12px;
}

.normal_area {
    background: #fffff1;
    border: 1px solid #ddddd4;
    padding: 8px;
    margin-bottom: 12px;
}


.section-header {
    height:21px;
    margin:0 0 6px 0;
    font-size:14px;
    padding:4px 0 4px 44px;
    background:url(/img/section-header-bg.gif) no-repeat;
}
.section-body {
    margin-bottom:44px;
}

/* index */
#tweets {
    background:url(/img/tweets-bg.gif) repeat-y;
}
#tweets form {
    padding:4px 8px 0 0;
}
#tweets .tweet {
    clear:both;
    padding:14px 0;
    border-bottom:1px solid #e0e0e0;
    width:460px;
    margin:0 auto;
}
#tweets .tweet .image {
    float:left;
    width:48px;
    height:48px;
}
#tweets .tweet .comment {
    float:left;
    margin:0 0 0 12px;
    width:396px;
}
.user-search-form {
    padding:0 8px 0 0;
    text-align:right;
}
.no-results {
    padding: 0 12px;
}

.side-box {
    background: url(/img/news-bg.gif) repeat-y;
    margin:0 0 28px 0;
}
.side-box.map {
    background: url(/img/side-map-bg2.gif) no-repeat;
    height:265px;
}
.side-box.map .search-form {
    font-size:14px;
}
.side-box.map .search-form input {
    font-size:14px;
}
.side-box form {
    padding:21px 8px;
}
.other-areas {
    margin:8px;
    border-top:1px solid #e0e0e0;
}
.other-areas a{
    margin-left:0.3em;
}

.side-box .entry,
.section-body .entry{
    padding:8px 0;
    border-bottom:1px #e0e0e0 solid;
    margin:0 auto;
    width:280px;
    /*text-indent:22px;*/
    /*background:url(/img/news-entry-bg.gif) no-repeat 0 7px;*/
}
.side-box .entry.last,
.section-body .entry.last {
    border-bottom:none;
}

.side-box .more {
    text-align:right;
    padding-right:6px;
}

.side-box div.hotwords {
    padding:6px;
}

#results {
    overflow:scroll;
    height:320px;
    width:100%;
}
#results .tweet {
    padding:4px 0;
    border-bottom:1px solid #ddd;
}
#results .tweet .image {
    float:left;
    width:24px;
    height:24px;
}
#results .tweet .comment {
    float:left;
    margin:0 0 0 12px;
    width:184px;
}
.news-source {
    padding-right:6px;
    text-align:right;
    color:#555;
}

#news-list {
    overflow:scroll;
    width:100%;
    height:480px;
    margin-bottom:12px;
}
#news-list .entry {
    padding:4px 0;
    border-bottom:1px solid #ddd;
}
#news-list .entry.on ,
#results .tweet.on {
    font-weight:bold;
    background:#eef;
}
#news-list .entry .title {
}

.header-search {
    background:#ffed9a;
    border:1px solid #ffcd3a;
    padding: 0 8px 8px 0;
    text-align:left;
}
.header-search-title {
    padding:8px 0 8px 8px;
    text-align:left;
    font-weight:bold;
}
.header-search-body {
    text-align:right;
}

#search-conditions {
    padding:0 10px;
    background:url(/img/search-conditions-bg.gif) repeat-y;
}

.ad-area-1 {
    margin-top:18px;
    margin-bottom:28px;
    background:url(/img/tweets-bg.gif) repeat-y;
}
.ad-area-1-inner {
    padding:8px 0 8px 8px;
}
.page-num {
    padding:6px;
    text-align:right;
    color:#777;
}

ul.summary li {
    padding: 8px 0 8px 8px;
}
ul.summary li span.count {
    font-weight:bold;
    font-size:18px;
}
ul.summary li.odd {
    background:#eee;
}

#footer .section-header {
    color:#333;
    background:none;
    padding-left:4px;
}
#footer .footer-box {
    width:280px;
    float:left;
    text-align:left;
    margin-left:93px;
}
#footer .footer-box .section-body .entry{
    width:260px;
}

.side-header {
    font-weight:bold;
    padding:21px 0 12px 6px;
}
ul.map-news li {
    padding:4px 0;
    margin-left:6px;
    border-bottom:1px solid #eee;
}
ul.map-news li.last {
    border-bottom:none;
}

div.graph-area {
    margin:12px auto 24px auto;
    text-align:center;
    width:728px;
}
.graph-header {
    font-size:16px;
    text-align:left;
    margin-bottom:12px;
}

div.summary-tables {
    width:728px;
    margin:0 auto;
}
div.table-area {
    width:170px;
    float:left;
    margin:0 auto 20px auto;
}
.table-header {
    text-align:center;
    margin:0 0 8px 0;
}
table.normal-table {
    margin:0 auto;
    width:140px;
}
table.normal-table td {
    border:1px solid #ddd;
    padding:3px;
}

#media_index .section-body{
    margin-left:14px;
}
.section-body p.media {
    font-size:14px;
}
.section-body div.reprint {
    margin-left:18px;
}
.section-body div.reprint ul li{
    list-style:square;
    margin:4px 0 4px 24px;
}

.hotwords-by-date {
    margin:12px 0 36px 0;
}
.hotwords-by-date .date{
    margin:8px 0 16px 0;
    font-size:18px;
}
.hotwords {
    line-height:2em;
}
.hotwords .word {
    margin-right:6px;
    font-size:16px;
}