@charset "UTF-8";

* {
    font-variant: normal;
    font-family: sans-serif;
}

/* tags definition */
    html {
        margin:0px;
        padding:0px;
    }

    body {
        margin:0px;
        padding:0px;
        font-size:14px;
        line-height:18px;
        text-align:center;
        background-color:#FFFFFF;
        min-width:760px;
        color:#333333;
    }

    input, textarea {
        line-height:18px;
/*
        font-size:14px;
        color:#333333;
*/
    }

    form, input, textarea, div {
        margin:0px;
        padding:0px;
    }

    textarea {
        width: 500px;
        height: 300px;
    }

    p {
        margin:0px 0px 10px 0px;
        padding:0px;
    }

    div {
        margin:0;
        padding:0;
    }

    table {
        margin:0;
        border-collapse:collapse;
    }

    img {
        border-width:0;
        margin:0;
        text-decoration:none;
    }

    label {
        cursor:pointer;
    }

    a {
        color:#33C;
        text-decoration:underline;
    }

    a:visited {
        color:#33C;
        text-decoration:underline;
    }

    a:hover {
        color:#C33;
        text-decoration:underline;
    }
    
    del {
        display: inline;
        color: #999;
        text-decoration: line-through;
    }
    

/* IDs and classes definition */

/* 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;
    }

    .indent {
        margin-left:20px;
    }

    .linkstyle {
        color:#3333CC;
        cursor:pointer;
    }

    #alert {
        margin:0px 0px 15px 0px;
        padding:3px;
        border:1px solid #FF6666;
        background-color:#FFEEEE;
        text-align:center;
        font-weight:bold;
    }

    #notice {
        margin:0px 0px 15px 0px;
        padding:3px;
        border:1px solid #FF9933;
        background-color:#FFF9F3;
        text-align:center;
        font-weight:bold;
    }

    .msg {
        margin:0px 0px 15px 0px;
        padding:3px;
        border:1px dashed #33FF99;
        background-color:#F3FFF9;
        text-align:center;
    }

    .box-white
    {
        margin: 0 0 15px 0;
        padding: 15px;
        border: 1px solid #999;
        background-color: #FFF;
    }

    .input_left {
        width:100px;
        margin:0px 15px 5px 0px;
        float:left;
        text-align:right;
    }

    .input_right {
        margin-bottom:5px;
        float:left;
        text-align:left;
    }

    .input_right_input {
        width:200px;
    }

    .larger {
        font-size: 16px;
    }

    .smaller {
        font-size: 12px;
    }

    .right {
        text-align: right;
    }

    .center {
        text-align:center;
    }

    .round {
        margin:0;
        padding:0;
        line-height:0;
    }

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

    .r0 {margin:0 5px !important;background-color:#999 !important;}
    .r1 {margin:0 3px !important;border-width:0 2px !important;}
    .r2 {margin:0 2px !important;}
    .r3 {margin:0 1px !important;}
    .r4 {margin:0 1px !important;}

    .FFF p {
        background-color:#FFF;
    }

    .F5F5FF p {
        background-color:#F5F5FF;
    }

    .EEF p {
        background-color:#EEF;
    }

    .DDF p {
        background-color:#DDF;
    }

    .DEE p {
        background-color:#DEE;
    }


    .table_with_border th {
        border:1px solid #999;
        background-color:#DDF;
    }

    .table_with_border td {
        border:1px solid #999;
        background-color:#F5F5FF;
    }

    ul.list_voice {
        margin:0;
        padding:0;
        list-style-type: none;
    }

    ul.list_voice li {
        margin-bottom:20px;
        padding:0 0 0 20px;
        background: url(../img/voice.gif) no-repeat;
    }

    .head_780 {
        margin:0;
        padding: 8px 0px 7px;
        text-align:center;
        font-weight:bold;
        font-size:16px;
        background: url(../img/head_780.png);
    }

    .body_780 {
        margin: 0;
        padding: 20px 20px 40px 20px;
        border-width: 1px 1px 0px 1px;
        border-style: solid;
        border-color: #999;
        text-align:left;
    }


    .foot_780 {
        background: url(../img/foot_780.png) no-repeat center bottom;
    }

    .foot_780_link {
        background: url(../img/foot_780.png) no-repeat center bottom;
        margin: 0 0 15px 0;
        padding: 0 20px 20px 20px;
    }

    .document_body {
        line-height: 1.5;
    }

    .document_body p {
        margin: 0 0 20px 20px;
    }

    .document_body ul, .document_body ol {
        margin: 0 0 20px 20px;
        padding: 0 0 0 20px;
    }

    .document_body h3 {
        margin: 40px 0 0 0;
        font-size: 20px;
        font-weight: bold;
        color: #369;
    }

    .document_body h4 {
        margin: 0;
        font-size: 16px;
        font-weight: bold;
        color: #036;
    }

    .double-space p {
        line-height: 2;
        margin: 0 0 20px 0;
    }

    table.blue {
        margin-bottom: 20px;
    }

    table.blue th {
                background-color: #EEEEFF;
        border: 1px solid #999;
        font-weight: bold;
        text-align: center;
    }

    table.blue td {
        background-color: #FCFCFF;
        border: 1px solid #999;
    }
    
    table.noborder {
        border: none;
    }
    table.noborder tr, table.noborder th, table.noborder td {
        background-color: transparent;
        border: none;
    }
    table.noborder th {
        text-align: right;
        vertical-align: top;
    }



/* IDs and classes */

/* Basic Layout */
    #overDiv {
        text-align:left;
        border:1px solid #FFF;
    }

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

    #header {
        width:780px;
        margin:0px 0px 20px 0px;
        padding:0px;
    }

    #logo {
        margin:10px 0 10px 0;
        padding:0;
        float:left;
        line-height:0;
    }

    #ad_header {
        width:468px;
        height:60px;
        margin:10px 0px 10px 0px;
        padding:0px;
        position:relative;
        float:right;
        line-height:0;
    }

    #header_right {
        margin:54px 0 10px 0;
        font-size:12px;
        float:right;
    }

    #menu {
        background-image:url(../img/menubar.png);
        height:30px;
    }

    #menu_inner {
        padding:7px 10px 0px 10px;
    }

    #menu_inner img {
        vertical-align:-3px;;
    }

    #main {
        margin:0px 0px 50px 0px;
    }

    #main th, #main td {
        padding:10px;
    }

    #bottom_info {
        margin-bottom:5px;
        text-align:center;
        font-size:12px;
    }

    #footer {
        width:780px;
        margin-bottom:10px;
        background-image:url(../img/menubar.png);
        height:30px;
    }

    #footer_inner {
        padding:7px 10px 0px 10px;
        text-align:right;
    }



/* Index */
    #index_top_info {
        margin:0;
        padding:5px 10px 1px 10px;
        border-width:0 1px;
        border-style:solid;
        border-color:#999;
        background-color:#F5F5FF;
        font-size: 12px;
    }

    .index_top_info_request {
        margin-bottom:4px;
        color:#FF6666;
        font-weight:bold;
    }

    .column_left {
        width:530px;
        float:left;
    }

    .column_right {
        width:230px;
        float:right;
        overflow: hidden;
    }

    .index_record_title {
        width:530px;
    }

    .index_record_title_inner {
        border-width:0 1px 1px 1px;
        border-style:solid;
        border-color:#999;
        margin:0;
        padding:2px 5px 5px 5px;
        background-color:#DDF;
        text-align:center;
        font-weight:bold;
        font-size:16px;
        background: url(../img/title_DDF.png);
        background-repeat: repeat-x;
    }

    .index_record_frame_outer {
        width:530px;
        margin:0 0 15px 0;
    }

    .index_record_frame {
        border-width:0 1px 0 1px;
        border-style:solid;
        border-color:#999;
        padding:5px 5px 2px 5px;
    }

    .index_record_frame_inner {
        width:518px;
    }

    .index_graph {
        width:400px;
        height:300px;
        margin:0 10px 10px 0;
        float:left;
    }

    .index_graph_target {
        margin:0;
        font-size:12px;
    }

    .index_friends_title {
        width:530px;
    }

    .index_friends_title_inner {
        border-width:0 1px 1px 1px;
        border-style:solid;
        border-color:#999;
        margin:0;
        padding:2px 5px 5px 5px;
        background-color:#F5F5FF;
        text-align:center;
        font-size:16px;
        font-weight:bold;
    }

    .index_friends_frame_outer {
        width:530px;
        margin:0 0 15px 0;
    }

    .index_friends_frame {
        border-width:0 1px 0 1px;
        border-style:solid;
        border-color:#999;
        padding:20px 0 0 18px;
    }

    .index_friends_frame_inner {
        width:510px;
    }

    .index_friends {
        margin:0 15px 10px 0;
        float:left;
        font-size:12px;
    }

    .index_friends_link {
        margin:0;
        text-align:center;
    }

    .index_friends_graph {
        width:150px;
        height:120px;
        margin-top:3px;
    }

    .index_rightcolumn_news_title {
        border-width:0 1px 1px 1px;
        border-style:solid;
        border-color:#999;
        margin:0;
        padding:0;
        background-color:#DDF;
        text-align:center;
        font-weight:bold;
    }

    .index_rightcolumn_news {
        margin:0;
        padding:8px 5px 0 10px;
        border-width:0 1px;
        border-style:solid;
        border-color:#999;
        background-color:#FFF;
        font-size:12px;
    }

    .index_rightcolumn_news ul {
        margin:0;
        padding:0;
        list-style-type: none;
    }

    .index_rightcolumn_news li {
        padding:0 0 5px 20px;
        background: url(../img/news.gif) no-repeat;
    }

    .index_rightcolumn_news li .new_msg {
        color: #F66;
        font-weight: bold;
    }


    .index_rightcolumn_diary_title {
        border-width:0 1px 1px 1px;
        border-style:solid;
        border-color:#999;
        margin:0;
        padding:0;
        background-color:#DDF;
        text-align:center;
        font-weight:bold;
    }

    .index_rightcolumn_diary {
        margin:0;
        padding:8px 5px 0 10px;
        border-width:0 1px;
        border-style:solid;
        border-color:#999;
        background-color:#FFF;
        font-size:12px;
    }

    .index_rightcolumn_diary ul {
        margin:0;
        padding:0;
        list-style-type: none;
     }

    .index_rightcolumn_diary li {
        padding:0 0 5px 20px;
        background: url(../img/diary.gif) no-repeat;
    }

    .index_rightcolumn_forum_title {
        border-width:0 1px 1px 1px;
        border-style:solid;
        border-color:#999;
        margin:0;
        padding:0;
        background-color:#DDF;
        text-align:center;
        font-weight:bold;
    }

    .index_rightcolumn_forum {
        margin:0;
        padding:8px 5px 0 10px;
        border-width:0 1px;
        border-style:solid;
        border-color:#999;
        background-color:#FFF;
        font-size:12px;
    }

    .index_rightcolumn_forum ul {
        margin:0;
        padding:0;
        list-style-type: none;
     }

    .index_rightcolumn_forum li {
        padding:0 0 5px 20px;
        background: url(../img/forum.gif) no-repeat;
    }

    .ranking_about_head {
        text-align:right;
        margin-bottom:3px;
        font-size:12px;
    }

    #ranking_about {
        margin-bottom:5px;
        width:230px;
    }

    #ranking_about_inner {
        padding:5px;
        border:1px solid #999;
        background-color:#FCFCFF;
        font-size:12px;
    }

    .ranking_table_caption {
        margin-bottom:3px;
        text-align:center;
        font-weight:bold;
    }

    .ranking_table {
        width:350px;
        margin: 0 auto;
        table-layout: fixed;
    }

    .ranking_table th {
        padding:5px !important;
        border:1px solid #999;
        text-align:center;
        vertical-align:top;
        background-color:#DEF;
    }

    .ranking_table td {
        padding:5px !important;
        border:1px solid #999;
        vertical-align:top;
    }

    .ranking_table td p {
        margin:0;
        height:16px;
        overflow:hidden;
    }

    .ranking_table_index {
        width:229px;
        margin-bottom:20px;
        margin-left: 1px;
        table-layout: fixed;
    }

    .ranking_table_index th {
        padding:5px !important;
        border:1px solid #999;
        text-align:center;
        vertical-align:top;
        background-color:#DEF;
    }

    .ranking_table_index td {
        padding:5px !important;
        border:1px solid #999;
        vertical-align:top;
        font-size: 12px;
    }

    .ranking_table_index td p {
        margin:0;
        height:16px;
        overflow:hidden;
    }

    tr.ranking_table_user td, tr.ranking_table_user a, tr.ranking_table_user a:visited {
        color:#F33 !important;
        font-weight:bold;
    }

    .ranking_table_user th, .ranking_table_others th  {
        background-color:#E5F5FF;
    }

    .ranking_cmt {
        font-size:10px;
        font-weight:normal;
        color:#666;
        height:12px;
        overflow:hidden;
    }

    .index_supervisor_title {
        border-width:0 1px 1px 1px;
        border-style:solid;
        border-color:#999;
        margin:0;
        padding:0;
        background-color:#DDF;
        text-align:center;
        font-weight:bold;
    }

    .index_supervisor_body {
        margin:0;
        padding:13px 10px 1px 10px;
        border-width:0 1px;
        border-style:solid;
        border-color:#999;
        background-color:#FFF;
        font-size:12px;
    }


/* Index - Questions for Guests */
    .index_question_table_wrapper {
        margin:0 auto 20px auto;
        border-width:1px 0px 0px 1px;
        border-style:solid;
        border-color:#999;
    }

    .index_question_table {
        width:529px;
    }

    .index_question_table th {
        border-width:0px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        background-color:#DDF;
        text-align:center;
    }

    .index_question_table td {
        border-width:0px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        text-align:center;
        vertical-align:top;
    }

    .index_answer_table_wrapper {
        margin:0 auto 20px auto;
        border-width:1px 0px 0px 1px;
        border-style:solid;
        border-color:#999;
    }

    .index_answer_table {
        width:529px;
    }

    .index_answer_table th {
        border-width:0px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        background-color:#F5F5F5;
        text-align:center;
    }

    .index_answer_table td {
        border-width:0px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        text-align:center;
    }

    .index_answer_tr_right td {
        background-color:#FEE;
    }

    .index_answer_tr_wrong td {
        background-color:#EEF;
    }

    #intro_guest_index {
        width:530px;
        margin-bottom:15px;
    }

    #intro_guest_result {
        margin-bottom:15px;
    }

    #intro_guest_inner {
        padding:10px 10px 0 10px;
        border:1px dashed #999;
        background-color:#EFE;
    }

    #intro_guest_index_again {
        font-size:12px;
    }

    .index_guest_result_title {
        width:530px;
        height:30px;
    }

    .index_guest_result_title_inner {
        border:1px solid #999;
        margin:0;
        padding:5px;
        background-color:#BBE;
        text-align:center;
        font-size:16px;
        font-weight:bold;
    }

    .index_guest_result_frame {
        width:530px;
    }

    .index_guest_result_frame_inner {
        border-width:0 1px 1px 1px;
        border-style:solid;
        border-color:#999;
        padding:20px 20px 0 20px;
    }



/* Questions and Answers */
    .question_ready_wrapper {
        width:450px;
        margin:0 15px;
    }

    .question_ready_title {
        border-width:0 1px 1px 1px;
        border-style:solid;
        border-color:#999;
        margin:0;
        padding:2px 5px 5px 5px;
        background-color:#DDF;
        text-align:center;
        font-weight:bold;
        font-size:16px;
    }

    .question_ready_body {
        padding:20px 20px 7px 20px;
        border-width:0px 1px;
        border-style:solid;
        border-color:#999;
        background-color:#F5F5FF;
        text-align:left;
    }

    .question_ready_option_left {
        width:110px;
        font-weight:bold;
        text-align:right;
        float:left;
    }

    .question_ready_option_right {
        margin-left:10px;
        float:left;
    }

    .questions_ready_honki_trial {
        padding:0;
        width:450px;
        background-color:#F5F5FF;
    }

    .questions_ready_honki_trial_inner {
        padding:2px 10px 2px 10px;
        border-width:0px 1px;
        border-style:solid;
        border-color:#999;
    }

    .question_ready_subjects_wrapper {
        border-width:1px 0px 0px 1px;
        border-style:solid;
        border-color:#999;
        float:left;
    }

    .question_ready_subjects {

    }

    .question_ready_subjects tr.head th {
        border-width:0px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        background-color:#DEF;
        font-size:12px;
        text-align:center;
        vertical-align:middle;
    }

    .question_ready_subjects th {
        border-width:0px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        background-color:#EEF5FF;
        font-size:12px;
        text-align:left;
        vertical-align:middle;
    }

    .question_ready_subjects td {
        border-width:0px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        text-align:center;
        vertical-align:middle;
        font-size:12px;
    }

    .question_ready_max_num_over_msg {
        margin:0;
        padding:5px;
        border-width:0px 1px;
        border-style:solid;
        border-color:#999;
        background-color:#F5F5FF;
        font-size:12px;
        font-weight:bold;
        color:#F66;
        text-align:left;
    }


    .question_table_wrapper {
        margin:0 auto 20px auto;
        border-width:1px 0px 0px 1px;
        border-style:solid;
        border-color:#999;
    }

    .question_table {
        width:779px;
    }

    .question_table th {
        border-width:0px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        background-color:#DDF;
        text-align:center;
    }

    .question_table td {
        border-width:0px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        text-align:center;
        vertical-align:top;
    }

    .question_subject {
        margin:0;
        font-size:12px;
        color: #666;
    }

    #question_data {
        margin: 10pt -5px -10px 0pt;
        text-align: right;
        font-size: 12px;
        color: #669;
    }

    .answer_table_wrapper {
        margin:0 auto 20px auto;
        border-width:1px 0px 0px 1px;
        border-style:solid;
        border-color:#999;
    }

    .answer_table {
        width:779px;
    }

    .answer_table th {
        border-width:0px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        background-color:#EEE;
        text-align:center;
    }

    .answer_table td {
        border-width:0px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        text-align:center;
    }

    .answer_tr_right td {
        background-color:#FFEEEE;
    }

    .answer_tr_wrong td {
        background-color:#FCFCFC;
    }

    #btn_true, #btn_false {
        width: 40px;
    }


/* Result */
    .result_table_caption {
        margin:0;
        padding:10px;
        border-width:1px 1px 0 1px;
        border-style:solid;
        border-color:#999999;
        background-color:#DDF;
        text-align:center;
        font-weight:bold;
    }

    .result_table_wrapper {
        margin-bottom:10px;
        border-width:1px 0px 0px 1px;
        border-style:solid;
        border-color:#999;
    }

    .result_table {
        width:779px;
    }

    .result_table th {
        padding:10px;
        border-width:0px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        background-color:#DDF;
        text-align:center;
        font-weight:bold;
    }

    .result_table td {
        padding:10px;
        border-width:0px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        background-color:#FFF;
    }

    .result_hidden_ex {
        margin:0;
        padding:10px;
        border:1px solid #999999;
        background-color:#F5F5F5;
    }

    .result_simple_question p {
        margin-bottom:0;
    }

    .result_simple_sw {
        font-size:12px;
        text-align:right;
    }



/* Studybook */
    .studybook_head {
        border-width:0 1px 0 1px;
        border-style:solid;
        border-color:#999;
        margin:0;
        padding:7px 10px 10px 10px;
        background-color:#DDF;
        text-align:center;
    }

    .studybook_head_inner {
        width:758px;
    }

    .studybook_table_wrapper {
        margin-bottom:15px;
        border-width:0px 0px 0px 1px;
        border-style:solid;
        border-color:#999;
    }

    .studybook_table {
        width:779px;
    }

    .studybook_table th {
        padding:10px;
        border-width:1px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        background-color:#EEF;
        text-align:center;
        font-weight:bold;
    }

    .studybook_table td {
        padding:10px;
        border-width:1px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        background-color:#FFF;
    }

    .studybook_hidden_ex {
        margin:0;
        padding:10px;
        border:1px solid #999999;
        background-color:#F5F5F5;
    }

    .studybook_simple_date {
        white-space: nowrap;
    }

    .studybook_simple_question p {
        margin-bottom: 0;
    }

    .studybook_simple_sw {
        font-size:12px;
        text-align:right;
    }

    #studybook_nodata {
        padding:5px;
        border:1px solid #999;
        background-color:#F5F5F5;
        text-align:center;
        font-weight:bold;
    }

    .studybook_nodata_explanation {
        border-width:0 1px;
        border-style:solid;
        border-color:#999;
        padding:20px;
        background-color:#F5F5FF;
    }

    .check_notice{
        color:#C66;
        font-weight:bold;
    }

/* Setting */
    .setting_table_wrapper {
        margin-bottom:15px;
        border-width:1px 0px 0px 1px;
        border-style:solid;
        border-color:#999;
    }

    .setting_table {
        width:779px;
    }

    .setting_table th {
        padding:10px;
        border-width:0px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        background-color:#EEF;
        text-align:center;
        font-weight:bold;
    }

    .setting_table td {
        padding:10px;
        border-width:0px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        background-color:#FCFCFF;
    }

    .setting_table_input {
        width:400px;
        height:20px;
        padding:2px 0 0 3px;
    }

    .setting_table_textarea {
        width:400px;
        height:100px;
        padding:2px 0 0 3px;
    }

    .setting_frame {
        border:1px solid #999;
        padding:20px 20px 0 20px;
        background-color:#F9F9FF;
    }

    .setting_frame_inner {
        width:730px;
    }

    .setting_tab_on {
        margin:0 5px 0 0;
        padding:5px;
        border-width:1px 1px 0px 1px;
        border-style:solid;
        border-color:#999;
        background-color:#EEF;
        float:left;
    }

    .setting_tab_off {
        margin:0 5px 0 0;
        padding:5px;
        border-width:1px 1px 0px 1px;
        border-style:solid;
        border-color:#999;
        background-color:#FCFCFF;
        float:left;
    }

    .setting_step {
        font-weight:bold;
    }

    .setting_select_banners {
        margin: 0 0 20px 20px;
    }

    .setting_select_banners p {
        float:left;
        margin: 0 15px 10px 0;
    }

    .setting_select_banners img {
        vertical-align:middle;
    }

    .setting_options {
        margin:0 0 20px 20px;
    }

    .delete_user_title {
        margin:0;
        padding:5px;
        border:1px solid #999;
        background-color:#DDF;
        font-size:16px;
        font-weight:bold;
        text-align:center;
    }

    .delete_user_box {
        margin:0 0 15px 0;
        padding: 20px 20px 10px 20px;
        border-width:0px 1px 1px 1px;
        border-style:solid;
        border-color:#999;
        text-align:center;
    }

    .setting_associate_table {
        margin-bottom:20px;
    }

    .setting_associate_table th {
        border:1px solid #999;
        background-color:#EEF;
    }

    .setting_associate_table td {
        border:1px solid #999;
        background-color:#FFF;
        text-align:right;
    }



/* User's Page */
    .user_username {
        border-width:1px 1px 0px 1px;
        border-style:solid;
        border-color:#999;
        padding:5px;
        margin:0;
        text-align:center;
        background-color:#F5F5ff;
        font-size:20px;
    }

    .user_table_wrapper {
        margin-bottom:15px;
        border-width:1px 0px 0px 1px;
        border-style:solid;
        border-color:#999;
    }

    .user_table {
        width:779px;
    }

    .user_table th {
        padding:10px;
        border-width:0px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        background-color:#EEF;
        text-align:center;
        font-weight:bold;
    }

    .user_table td {
        padding:10px;
        border-width:0px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        background-color:#FFF;
    }

    .user_table_site {
        margin:0;
        float:left;
        text-align:center;
    }

    .user_table_site img {
        margin-top:3px;
    }

    .user_table_graph {
        width:400px;
        height:300px;
        margin:0 10px 0 0;
        float:left;
    }

    .user_frends_link {
        margin:0 20px 10px 0;
        float:left;
        text-align:center;
    }

    .user_frends_link_graph {
        width:150px;
        height:120px;
        margin-top:3px;
    }

    .user_diary {
        padding:10px 10px 5px 10px !important;
    }

    .user_diary ul {
        margin:0;
        padding:0;
        list-style-type: none;
     }

    .user_diary li {
        padding:0 0 5px 20px;
        background: url(../img/diary.gif) no-repeat;
    }


/* Mail */
    .mail_table_title {
        margin:0;
        padding:5px;
        border:1px solid #999;
        background-color:#DDF;
        font-size:14px;
        font-weight:bold;
        text-align:center;
    }

    .mail_table_wrapper {
        margin-bottom:15px;
        border-width:0 0 0 1px;
        border-style:solid;
        border-color:#999;
    }

    .mail_table {
        width:779px;
    }

    .mail_table th {
        padding:10px;
        border-width:0px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        background-color:#EEF;
        text-align:center;
        font-weight:bold;
    }

    .mail_table td {
        padding:10px;
        border-width:0px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        background-color:#FFF;
    }

    .mail_post_title {
        margin:0;
        padding:5px;
        border:1px solid #999;
        background-color:#DDF;
        font-size:14px;
        font-weight:bold;
        text-align:center;
    }

    .mail_post_body {
        margin:0;
        padding:20px;
        border-width:0px 1px 1px 1px;
        border-style:solid;
        border-color:#999;
        background-color:#FFF;
    }


/* Register */
    .register_title {
        border-width:0 1px 1px 1px;
        border-style:solid;
        border-color:#999;
        margin:0;
        padding:2px 5px 5px 5px;
        background-color:#DDF;
        text-align:center;
        font-weight:bold;
        font-size:16px;
        background: url(../img/title_DDF.png);
        background-repeat: repeat-x;
    }

    .register_frame {
        padding:20px 20px 7px 20px;
        border-width:0px 1px;
        border-style:solid;
        border-color:#999;
        background-color:#FFF;
        text-align:left;
    }

    .register_table_wrapper_outer {
        width:450px;
    }

    .register_table_wrapper {
        margin-bottom:15px;
        border-width:1px 0px 0px 1px;
        border-style:solid;
        border-color:#999;
    }

    .register_table {
        width:449px;
    }

    .register_table th {
        padding:10px;
        border-width:0px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        background-color:#EEF;
        text-align:center;
        font-weight:bold;
    }

    .register_table td {
        padding:10px;
        border-width:0px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        background-color:#FFF;
    }



/* Login */
    .login_wrapper {
        text-align:center;
    }

    .login_title {
        width:400px;
        margin:0 auto;
    }

    .login_title_inner {
        margin:0;
        padding:5px;
        border:1px solid #999;
        background-color:#F5F5FF;
        font-size:16px;
        font-weight:bold;
        text-align:center;
    }

    .login_frame {
        width:400px;
        margin:0 auto;
    }

    .login_frame_inner {
        margin:0;
        padding:20px 20px 0px 20px;
        border-width:0 1px 1px 1px;
        border-style:solid;
        border-color:#999;
        text-align:left;
    }

    .login_dispsw {
        text-align:right;
        font-size:12px;
    }


/* Link */
    .link_title {
        margin:0;
        padding:5px;
        border:1px solid #999;
        background-color:#DDF;
        font-size:16px;
        font-weight:bold;
        text-align:center;
    }

    .link_body {
        margin:0;
        padding:20px 20px 0 20px;
        border-width:0px 1px 1px 1px;
        border-style:solid;
        border-color:#999;
        background-color:#FFF;
    }

    .link_body p {
        margin-bottom:20px;
    }


/* Documents */
    .documents_title {
        border-width:0 1px 1px 1px;
        border-style:solid;
        border-color:#999;
        margin:0;
        padding:2px 5px 5px 5px;
        background-color:#DDF;
        text-align:center;
        font-weight:bold;
        font-size:16px;
        background: url(../img/title_DDF.png);
        background-repeat: repeat-x;
    }

    .documents_body {
        padding:20px 20px 7px 20px;
        border-width:0px 1px;
        border-style:solid;
        border-color:#999;
        background-color:#FFF;
        text-align:left;
    }

    .documents_body p {
        margin-bottom:20px;
    }

    .doc-head {
        margin:0px 0px 10px 0px;
        font-weight:bold;
        font-size:11pt;
    }

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

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

    ul.doc-item {
        margin:0px 20px 20px 40px;
        padding:0px;
    }

    ul.doc-item li {
        margin:0px;
        font-size:10pt;
        line-height:20px;
    }

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

    .deal_table {
        width:779px;
    }

    .deal_table th {
        border-width:0 1px 1px 0;
        border-style:solid;
        border-color:#999;
        background-color:#EEF;
        text-align:center;
    }

    .deal_table td {
        border-width:0 1px 1px 0;
        border-style:solid;
        border-color:#999;
        text-align:left;
    }

    .faq_header_list {
        margin:20px 0 0 0 !important;
    }

    .faq_q_list {
        margin:0 0 0 20px !important;
        font-size:12px;
    }

    .faq_header {
        margin:20px 0 0 0 !important;
    }

    .faq_q {
        margin:0 !important;
        padding:20px 0 20px 0 !important;
        font-weight:bold;
        color:#F66;
    }

    .faq_a {
        margin:0 0 0 20px !important;
    }

    .faq_backToTop {
        margin:0 !important;
        text-align:right;
        font-size:12px;
    }

/* Honki mode */
    .honki_title {
        border-width:0 1px 1px 1px;
        border-style:solid;
        border-color:#999;
        margin:0;
        padding:2px 5px 5px 5px;
        background-color:#DDF;
        text-align:center;
        font-weight:bold;
        font-size:16px;
        background: url(../img/title_DDF.png);
        background-repeat: repeat-x;
    }

    .honki_body {
        padding:20px 20px 7px 20px;
        border-width:0px 1px;
        border-style:solid;
        border-color:#999;
        background-color:#F5F5FF;
        text-align:left;
    }

    .honki_body p {
        margin-bottom:20px;
    }

    .honki_application {
        width: 715px;
        margin-bottom: 20px;
    }

    .honki_application_body {
        padding: 10px;
        border-width: 0 1px;
        border-style: solid;
        border-color: #999;
        background-color: #FFF;
    }


/* Invitation */
    .invite_title {
        border-width:0 1px 1px 1px;
        border-style:solid;
        border-color:#999;
        margin:0;
        padding:2px 5px 5px 5px;
        background-color:#DDF;
        text-align:center;
        font-weight:bold;
        font-size:16px;
    }

    .invite_body {
        padding:20px 20px 7px 20px;
        border-width:0px 1px;
        border-style:solid;
        border-color:#999;
        background-color:#FFF;
        text-align:left;
    }



/* BBS */
    table.bbs_entry {
        width:700px;
        margin:0 auto 10px auto;
        border:2px solid #999;
        background-color:#FFD;
    }

    table.bbs_entry th, table.bbs_entry td {
        text-align:left;
        padding:4px !important;
    }

    table.bbs_thread {
        width:700px;
        margin:0px auto 10px auto;
        border:2px solid #999;
        background-color:#FFF;
    }

    table.bbs_thread th, table.bbs_thread td {
        text-align:left;
    /*	padding:3px 0 3px 3px !important;*/
    /*	border:1px solid #999;*/
    }



/* Diary */
    .diary_author {
        border-width:0 1px 1px 1px;
        border-style:solid;
        border-color:#999;
        margin:0;
        padding:2px 5px 5px 5px;
        background-color:#DDF;
        text-align:center;
        font-size:16px;
        font-weight:bold;
    }

    .diary_body_wrapper {
        margin-bottom:15px;
    }

    .diary_body_txt {
        margin:0;
        padding:20px 20px 15px 20px;
        border-width:0px 1px;
        border-style:solid;
        border-color:#999;
    }

    .diary_body_del {
        margin:0;
        padding:0 5px 0 0;
        border-width:0px 1px;
        border-style:solid;
        border-color:#999;
        font-size:12px;
        text-align:right;
    }

    .diary_info {
        padding:5px 5px 5px 10px;
        border-width:0px 1px 1px 1px;
        border-style:solid;
        border-color:#999;
        background-color:#EEF;
    }

    .diary_info_inner {
        width:548px;	/* 548 + 2(border) + 10(padding 10+5) + 15(margin) + 200(profile) = 780 */
        margin:0;
    }

    .diary_read_title {
        margin:0;
        float:left;
        font-weight:bold;
    }

    .diary_read_time {
        margin:0;
        float:left;
    }

    .diary_time {
        margin:0;
        float:right;
    }

    .diary_back_to_list {
        margin:0;
        float:right;
    }

    .diary_cmt_head {
        border-width:0 1px 1px 1px;
        border-style:solid;
        border-color:#999;
        margin:0;
        padding:2px 5px 5px 5px;
        background-color:#EEF;
        text-align:center;
        font-weight:bold;
    }

    .diary_list_wrapper {
        width:565px;	/* 565(diary_list) + 15(margin) + 200(profile) = 780 */
        margin:0;
        float:left;
    }

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

    .diary_list {
        width:564px;
    }

    .diary_list p {
        margin:0;
    }

    .diary_list td {
        padding:5px;
        border-width:0px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        background-color:#FFF;
    }

    .diary_cmt_wrapper_frame {
        padding:0;
        border-width:0px 0px 0px 1px;
        border-style:solid;
        border-color:#999;
    }

    .diary_cmt {
        margin:0;
        width:564px;
    }

    .diary_cmt td {
        border-width:0px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        background-color:#FFF;
    }

    .diary_table_time {
        padding:5px;
        width:90px;
        text-align:center;
        vertical-align:top;
        background-color:#EEEEFF !important;
    }

    .diary_table_cmt_name {
        background-color:#F9F9FF !important;
        padding:5px !important;
    }

    .diary_table_cmt_body {
        padding:10px 5px 0px 10px !important;
    }

    .diary_table_cmt_del {
        margin:0 0 5px 0;
        text-align:right;
        font-size:12px;
    }

    .diary_table_title {
        padding:5px !important;
        background-color:#F9F9FF !important;
        font-weight:bold;
    }

    .diary_table_title_title {
        margin:0;
        float:left;
    }

    .diary_table_title_forbidden {
        margin:0;
        float:right;
    }

    .diary_table_body_td {
        padding:10px 5px 5px 15px !important;
    }

    .diary_table_body {
        margin:5px !important;
    }

    .diary_table_body_info {
        text-align:right;
        margin:0;
        font-size:12px;
    }

    .diary_profile_wrapper {
        width:200px;
        float:right;
    }

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

    .diary_profile_name {
        border-width:0 1px 1px 1px;
        border-style:solid;
        border-color:#999;
        margin:0;
        padding:2px 5px 5px 5px;
        background-color:#DEE;
        text-align:center;
        font-weight:bold;
    }

    .diary_profile_table {
        width:199px;
        font-size:12px;
    }

    .diary_profile_table th {
        padding:5px !important;
        border-width:0px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        background-color:#DEE;
        text-align:center;
        font-weight:normal;
    }

    .diary_profile_table td {
        padding:5px !important;
        border-width:0px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        background-color:#FFF;
        text-align:left;
    }

    .diary_profile_foot {
        margin:0;
        padding:2px 5px 0 5px;
        border-width:0px 1px;
        border-style:solid;
        border-color:#999;
        background-color:#DEE;
        text-align:right;
        font-size:12px;
    }

    .diary_months_wrapper {
        width:200px;
        float:right;
    }

    .diary_months_title {
        border-width:0 1px 1px 1px;
        border-style:solid;
        border-color:#999;
        margin:0;
        padding:2px 5px 5px 5px;
        background-color:#F5F5FF;
        text-align:center;
        font-weight:bold;
    }

    ul.diary_months_body {
        border-width: 0 1px;
        border-style:solid;
        border-color:#999;
        margin:0;
        padding: 8px 0 5px 30px;
        list-style: none;
    }

    ul.diary_months_body li {
        margin-bottom: 5px;
    }

    .diary_write_wrapper {
        width:565px;
    }

    .diary_write_title {
        border-width:0 1px 1px 1px;
        border-style:solid;
        border-color:#999;
        margin:0;
        padding:2px 5px 5px 5px;
        background-color:#DDF;
        text-align:center;
        font-weight:bold;
    }

    .diary_write_frame {
        margin:0;
        padding:0;
        border-width:0px 0px 0px 1px;
        border-style:solid;
        border-color:#999;
        text-align:left;
    }

    .diary_write_table {
        width:564px;
    }

    .diary_write_table th {
        width:100px;
        padding:10px;
        border-width:0px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        background-color:#EEF;
        text-align:center;
    }

    .diary_write_table td {
        padding:10px;
        border-width:0px 1px 1px 0px;
        border-style:solid;
        border-color:#999;
        background-color:#FFF;
    }

    .diary_confirm_body {
        margin:0;
        padding:20px;
        border-width:0px 1px 1px 1px;
        border-style:solid;
        border-color:#999;
        text-align:left;
    }

    .diary_confirm_foot {
        margin:0;
        padding:10px 10px 7px 10px;
        border-width:0px 1px;
        border-style:solid;
        border-color:#999;
        text-align:center;
        background-color:#FFF;
    }

    .diary_cmt_not_yet_body {
        margin:0;
        padding:5px 0 3px 10px;
        border-width:0 1px;
        border-style:solid;
        border-color:#999;
        background-color:#F5F5FF;
        font-size:12px;
    }



/* Members */
    .members-list {
        padding: 0;
        list-style: none;
    }

    .members-list-item {
        margin-bottom: 20px;
        padding:0 0 20px 20px;
        background: url(../img/member.png) no-repeat;
        border-bottom: 1px solid #999;
    }

    .members-list-item dd {
        margin: 0;
        padding: 10px 0 0 10px;
    }

/* Shop */
    .shop-order-video-table {
        border: 1px solid #999;
    }

    .shop-order-video-table th {
        border: 1px solid #999;
        background-color: #F5F5F5;
        font-weight: bold;
    }

    .shop-order-video-table td {
        border: 1px solid #999;
        font-weight: normal;
    }



    .shop-order-table-left {
        text-align: right;
        vertical-align: top;
    }

    .shop-order-table-right {
        text-align: left;
        vertical-align: top;
    }