@charset "utf-8";

/* Tags aa */

    * {
        margin: 0;
        padding: 0;
    }

    body {
        font-size: 0.8125em;
        font-family: sans-serif;
        line-height: 1.2;
        color: #333;
        text-align: center;
        background:url("img/bg_body.png") repeat-y 50% 50%;
    }

    a {
        color: #33F;
        text-decoration: none;
    }

    a:hover {
        color: #E76;
        text-decoration: underline;
    }

    a:visited {
        color: #93F;
    }

    img {
        border: none;
    }

    ul {
        list-style-type: none;
    }

/* General Classes */
    .clr
    {
       clear:both;
       overflow:hidden;
       width:1px;
       height:1px;
       margin:0px -1px -1px 0px;
       border:0px;
       padding:0px;
       font-size:0px;
       line-height:0px;
    }

    .bold {
        font-weight: bold;
    }

    .center {
        text-align: center;
    }

    .bottom-10 {
        margin-bottom: 10px;;
    }

    .backToTop {
        font-size: 0.86em;
        text-align: right;
    }

/* Rounded Corners */

    .round {
        line-height: 0;
    }

    .round-overlay {
        line-height: 0;
        border-width: 0 1px;
        border-style: solid;
        border-color: #999;
    }

    .round p, .round-overlay p {
        height: 1px;
        line-height: 0;
        border-width: 0 1px;
        border-style: solid;
    }

    .round p.r0 { margin: 0 5px; }
    .round p.r1 { margin: 0 3px; border-width:0 2px; }
    .round p.r2 { margin: 0 2px; }
    .round p.r3 { margin: 0 1px; }
    .round p.r4 { margin: 0 1px; }

    .round-overlay p.r0 { margin: 0 4px; border-color: #999; background-color: #999 !important; }
    .round-overlay p.r1 { margin: 0 2px; border-width: 0 2px; border-color: #999; }
    .round-overlay p.r2 { margin: 0 1px; border-color: #999; }
    .round-overlay p.r3 { margin: 0 0px; border-color: #999; }
    .round-overlay p.r4 { margin: 0 0px; border-color: #CCC; }

    .orange p {
        border-color: #E76;
    }

    .orange .r0 {
        background-color: #E76;
    }

    .ranking-even .round-overlay {
        background-color: #FFF;
    }

    .ranking-even .round-overlay p {
        background-color: #FFF9F9;
    }

    .ranking-odd .round-overlay {
        background-color: #FFF9F9;
    }

    .ranking-odd .round-overlay p {
        background-color: #FFF;
    }

    .gray p {
        border-color: #999;
    }

    .gray .r0 {
        background-color: #999;
    }


/* ID's and Classes */

/* Overall Layout */

    #container {
        margin: 0px auto;
        width: 800px;
        text-align: left;
    }

    #header {
        width: 800px;
        height: 120px;
        margin-bottom: 10px;
        background: url("img/headerback.png");
    }

    #middle {
        width: 800px;
    }

    #column-left {
        margin-bottom: 20px;
        padding-left: 5px;
        width: 185px;
        float: left;
        overflow: hidden;
    }

    #column-right {
        margin-bottom: 20px;
        padding: 0 20px;
        width: 570px;
        float: right;
        overflow: hidden;
    }

    #footer {
        border-width: 1px 0 0 0;
        border-style: solid;
        border-color: #E76;
        padding: 10px;
    }


/* Header */

    #header-left {
        width: 260px;
        float:left;
    }

    #header-logo {
        width: 250px;
        height: 80px;
        margin: 20px 0 0 10px;
    }

    #header-right {
        width: 540px;
        float: right;
        text-align: right;
    }

    #header-right-banner {
        margin: 5px 5px 10px;
        width: 468px;
        height: 60px;
        float: right;
    }

    #header-right-description {
        margin-right: 5px;
    }

    #header-right-description p {
        margin-bottom: 4px;
        font-size: 16px;
    }

    #header-right-description ul {
        float: right;
    }

    #header-right-description li {
        margin-left: 20px;
        padding: 1px 0 0 20px;
        background:url(img/pochi.gif) 0px 1px no-repeat;
        float: left;
        font-size: 14px;
    }



/* Column Left */

    .menu {
        margin-bottom: 10px;
    }

    .menu-title {
        margin-bottom: 5px;
        width: 185px;
        height: 21px;
    }

    .menu-category {
        margin-left: 5px;
    }

    .menu-category-selected {
        background-color: #FCC;
    }

    .menu li {
        margin: 0 0 5px 5px;
    }

    .menu-search-input {
        margin-left: 5px;
        width: 120px;
    }

    .menu-search-submit {
        width: 40px;
        height: 20px;
    }

    .newetr-info {
        margin-bottom: 2px;
        height: 1.2em;
        font-size: 0.923em;
        overflow: hidden;
    }

    .newetr-blogtitle {
        color: #666;
    }

    .newetr-title {
        margin-left: 5px;
        height: 1.2em;
        overflow: hidden;
    }

    .newetr-img {
        text-align: center;
    }

    .newetr-more {
        margin-bottom: 5px;
        text-align: right;
    }

    .newetr-adsense {
        margin-left: 5px;
    }

    ul.newblog li {
        margin: 0 0 5px 0;
        padding: 2px 0 0 15px;
        background:url(img/newblog.gif) 0px 1px no-repeat;
    }



/* Column Right */

    #top-message {
        margin-bottom: 10px;
        width: 300px;
        height: 40px;
        margin: 0 10px 0 0;
        float:left;
        font-size: 0.923em;
    }

    .top-info-body {
        padding: 0 5px;
        height: 30px;
        border-width: 0 1px;
        border-style: solid;
        border-color: #E76;
    }

    #top-pv {
        margin-bottom: 10px;
        width: 260px;
        float: right;
        font-size: 0.923em;
    }

    #top-pv-left {
        width: 115px;
        margin-right: 10px;
        float:left;
    }

    #top-pv-right {
        width: 120px;
        float: left;
    }

    .top-pv-index {
        float: left;
    }

    .top-pv-num {
        float: right;
    }



/* Ranking */

    #blog-ranking {
        margin-bottom: 10px;
        width: 570px;
        height: 45px;
        background: url(img/blogranking.png) 0px no-repeat;
    }

    #blog-ranking p {
        padding: 10px 15px 0 0;
        text-align: right;
        font-weight: bold;
        font-size: 2em;
        color: #FFF;
    }

    .ranking-up1-body {
        width: 568px;
        border-width: 0 1px;
        border-style: solid;
        border-color: #999;
    }

    .ranking-up1-left {
        width: 140px;
        float: left;
    }

    .ranking-up1-right {
        width: 428px;
        float: right;
    }

    .ranking-up1-img {
        position: relative;
        top: -5px;
        left: -1px;
    }

    .ranking-up1-points {
        margin-top: 10px;
        font-size: 0.923em;
        text-align: center;
    }

    .ranking-up1-change {
        margin-top: 10px;
        font-size: 0.923em;
        color: #F63;
        text-align: center;
    }

    .ranking-up1-blogtitle {
        margin: 10px 0 0 0;
        font-size: 1.3em;
        font-weight: bold;
    }

    .ranking-top-description {
        text-align: center;
        font-size: 0.923em;
        color: #F63;
    }

    .ranking-odd {
        background-color: #transparent;
    }

    .ranking-even {
        background-color: #FFF9F9;
    }

    .ranking-body {
        padding-bottom: 10px;
        width: 568px;
        border-width: 0 1px;
        border-style: solid;
        border-color: #999;
    }

    .ranking-ad {
        width: 568px;
        border-width: 0 1px;
        border-style: solid;
        border-color: #999;
    }

    .ranking-ad-left {
        width: 60px;
        float: left;
    }

    .ranking-ad-number {
        position: relative;
        top: -5px;
        left: -1px;
        width: 52px;
        height: 25px;
        background:url(img/number.gif) 0px no-repeat;
        float: left;
    }

    .ranking-ad-number p {
        padding: 3px 0 0 0;
        text-align: center;
        font-size: 1.23em;
        font-weight: bold;
        color: #333;
    }

    .ranking-ad-right-middle {
        width: 508px;
        padding: 10px 0 15px;
        float: right;
        text-align: center;
    }

    .ranking-ad-right-bottom {
        width: 508px;
        padding: 10px 0 10px;
        float: right;
        text-align: center;
    }

    .ranking-left {
        width: 100px;
        float: left;
    }

    .ranking-right {
        width: 468px;
        float: right;
    }

    .ranking-no1 {
        margin-right: 10px;
        position: relative;
        top: -5px;
        left: -1px;
        width: 52px;
        height: 25px;
        background:url(img/number_red.gif) 0px no-repeat;
        float: left;
    }

    .ranking-no1 p {
        padding: 3px 0 0 10px;
        font-size: 1.23em;
        font-weight: bold;
        color: #FFF;
    }

    .ranking-number {
        margin-right: 10px;
        position: relative;
        top: -5px;
        left: -1px;
        width: 52px;
        height: 25px;
        background:url(img/number.gif) 0px no-repeat;
        float: left;
    }

    .ranking-number p {
        padding: 3px 0 0 0;
        text-align: center;
        font-size: 1.23em;
        font-weight: bold;
        color: #333;
    }

    .ranking-arrow {
        float: left;
    }

    .ranking-blogtitle {
        width: 370px;
        margin: 10px 0 0 0;
        font-size: 1.3em;
        font-weight: bold;
        float: left;
    }

    .ranking-points {
        margin: 5px 10px 0 0;
        font-size: 0.923em;
        float: right;
    }

    .ranking-description {
        margin: 10px 15px 10px 10px;
        color: #666;
    }

    .ranking-entries {
        margin-left: 10px;
        width: 370px;
    }

    .ranking-entrydate {
        margin: 0 10px 3px 0;
        width: 40px;
        float: left;
        text-align: right;
    }

    .ranking-entrytitle {
        margin: 0 10px 3px 0;
        width: 310px;
        float: left;
    }

    .ranking-friendlist {
        margin: -25px 5px 0 0;
        text-align: right;
        line-height: 0;
    }

    .ranking-friendlist img {
        width: 65px;
        height: 20px;
    }

    .page-nav {
        margin: 10px 0;
        font-size: 0.923em;
    }

    .page-nav-num {
        width: 398px;
        float: left;
        text-align: center;
    }

    .page-nav-current {
        background-color: #FCC;
    }

    .page-nav-num a {
        margin-right: 5px;
    }

    .page-nav-prev {
        width: 84px;
        float: left;
        text-align: left;
    }

    .page-nav-next {
        width: 84px;
        float: left;
        text-align: right;
    }



/* Setting */
    .setting-title {
        background:url("img/setting_title.png");
        padding: 10px;
        font-weight: bold;
        color: #FFF;
        text-align: center;
    }

    .setting-body {
        width: 538px;
        padding: 15px;
        border-width: 1px 1px 0 1px;
        border-style: solid;
        border-color: #999;
        overflow: hidden;
    }

    .btn1{
        width: 82px;
        height: 27px;
        background: url("img/btn1.gif");
        color: #FFFFFF;
        border: none;
    }

    .setting-input-text {
        width: 300px;
    }

    .setting-input-textarea {
        width: 350px;
        height: 80px;
        font-size: 1em;
    }

    .setting-banner-textarea {
        width: 450px;
        height: 80px;
        font-size: 1em;
    }

    .setting-explanation {
        margin-bottom: 10px;
        color: #F63;
    }

    .setting-log-time {
        width: 150px;
        float: left;
        overflow: hidden;
    }

    .setting-log-txt {
        width: 388px;
        float: left;
        line-height: 1;
        overflow: hidden;
    }


/* Footer */

    #footer p {
        margin-bottom: 5px;
        text-align: center;
        color: #666;
    }


/* Documsnts */
    .doc-head {
        margin: 0px 0px 10px 0px;
        font-weight: bold;
    }

    .doc-article {
        margin: 0px 20px 10px 20px;
    }

    .doc-screen {
        margin: 0px 0px 20px 0px;
    }

    ul.doc-item {
        list-style-type: disc;
        margin: 0px 20px 20px 40px;
    }

    ul.doc-item li {
        margin: 0 0 10px 0;
    }

    ul.doc-item ul {
        list-style-type: circle;
    }

    ul.doc-item ul li {
        margin: 0 0 10px 0;
    }



/* FAQ */
    .FAQlist {
        margin: 0 0 1em 40px;
    }

    .FAQlist li {
        list-style-type: disc;
    }

    .FAQcmt {
        margin-bottom: 2em;
    }

    .FAQcmt p {
        margin: 0 0 1em 15px;;
    }

    .FAQcmt hr {
        margin-bottom: 1em;
    }

    .FAQtitle {
        margin-bottom: 0.5em;
        font-size: 1.2em;
        font-weight: bold;
    }

    .FAQ-hr {
        margin-bottom: 1em;
    }


/* Login */
    .login-input-text {
        width: 200px;
    }



/* Friends List */
    #friends-title {
        margin-bottom: 10px;
        width: 570px;
        height: 45px;
        background: url(img/blogfriends.png) 0px no-repeat;
    }

    #friends-title p {
        padding: 10px 15px 0 0;
        text-align: right;
        font-weight: bold;
        font-size: 2em;
        color: #FFF;
    }

    .friends-myblog-body {
        width: 538px;
        padding: 15px;
        border-width: 0 1px;
        border-style: solid;
        border-color: #999;
    }

    .friends-myblog-txt {
        width: 395px;
        margin-right: 15px;
        float: left;
    }

    .friends-myblog-title {
        font-size: 1.3em;
        font-weight: bold;
    }

    .friends-myblog-description {
        margin: 10px 15px 10px 10px;
        color: #666;
    }

    .friends-myblog-thumbnail {
        width: 128px;
        float: left;
    }

    .friends-myblog-thumbnail img {
        width: 128px;
        height: 128px;
        float: left;
    }

    .friends-description-wrapper {
        margin: 15px 0 0 0;
    }

    .friends-description {
        margin: 0;
        font-size: 1.3em;
        float: left;
    }

    .friends-whatis {
        margin: 0;
        float: right;
        white-space: nowrap;
    }

    .friends-body {
        margin: 20px 11px 0 0;
        float: left;
    }

    .friends-blogtitle {
        width: 128px;
        height: 1.2em;
        overflow: hidden;
    }

    .friends-thumbnail {
        width: 128px;
        height: 128px;
        overflow: hidden;
    }

    .friends-thumbnail img {
        width: 128px;
        height: 128px;
    }


/* TB Entries */
    .tbetr-title {
        width: 570px;
        height: 45px;
        margin-bottom: 15px;
    }

    .tbetr-body {
        width: 548px;
        padding: 10px;
        border-width: 0 1px;
        border-style: solid;
        border-color: #999;
        overflow: hidden;
    }

    .tbetr-time {
        text-align: right;
        color: #999;
        font-size: 0.86em;
    }

    .tbetr-entry {
        font-size: 1.2em;
        float: left;
    }

    .tbetr-blogtitle {
        float: right;
        color: #999;
    }

    .tbetr-excerpt {
        margin: 15px 0 0 15px;
    }


/* Random */
    .random-another-blog {
        float: left;
    }

    .random-another-entry {
        float: right;
    }

    .random-entry-title {
        font-weight: bold;
    }

    .random-entry-body {
        margin: 10px 0 0 10px;
    }

    .random-hr {
        height: 1px;
    }


/* New Entries */
    .newetr-table {
        border:1px solid #999;
        border-collapse: collapse;
    }

    .newetr-table th, .newetr-table td {
        border:1px solid #999;
    }