html, body {
        width: 100%;
        height: 100%;
      }
      body {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        font-size: 80%;
      }

      a img {
        border-style:none;
      }

      h2 {
        background-color:#9999ff;
        padding:5px;
        margin-top:0px;
        margin-bottom:5px;
      }

      h3 {
        background-color:#ff9933;
        padding-top:2px;
        padding-bottom:2px;
        padding-left:10px;
        padding-right:10px;
        margin-top:2px;
        margin-bottom:2px;
      }

      #logo {
        float: left;
        width: 600px;
        padding-top: 5px;
        padding-left: 5px;
      }
      #topmenu {
        /*height: 35px;*/
        padding-top: 0px;
        margin-top: 10px;
        margin-left: 10px;
        margin-right: 10px;
        text-align: right;
      }
      #footer {
        clear: both;
        margin: 10px;
        text-align: right;
      }
      #logo_img {
        float: left;
        padding-right:25px;
      }
      .subtitle {
        color:#66aa66;
        margin: 0 0 0 0;
        padding-left:10px;
        padding-right:5px;
        padding-top:5px;
        padding-bottom:5px;
        /*font-style:italic;*/
        font-size:100%;
        font-weight:bold;
        /*display:inline;*/
      }

      ul.inlinemenu li {
        display: inline;
        padding-left:2px;
      }



      #leftcontent {
        clear: both;
        float:left;
        padding-left: 5px;
        width:19%;
        height:85%;
      }
      #centercontent {
        float:left;
        width:60%;
        height:85%;
      }
      #rightcontent {
      /*  margin-left: 70%;*/
        padding: 5px;
        width: 19%; 
        height: 85%;
        overflow: auto;
      }

      .new_report_comment {
        padding-top: 6px;
        padding-right: 6px;
        font-size: 100%;
      }
      .new_report {
        padding-top: 0px;
        padding-right: 5px;
        text-align: right;
        font-size: 120%;
      }
      .recommend_new_report {
        padding-top: 0px;
        padding-left: 0px;
        text-align: left;
        font-size: 120%;
      }
      .report_count {
        padding-right: 15px;
        text-align: right;
      }

      div.list_item {
        border-top: groove 1px #000000;
      /*
        border-bottom: groove 1px #000000;
        padding-bottom: 5px;
        margin-bottom: 10px;
      */
      }
      div.item_header {
        padding-top: 5px;
        margin-bottom: 5px;
      }
      div.item_body {
        margin-bottom: 5px;
      }
      div.item_footer {
        clear: both;
        /*border-bottom: groove 1px #000000;*/
        padding-bottom: 5px;
      }
      div.item_marker {
        clear: both;
        float: left;
        width: 30px;
        border-style: none;
      }
      .no_border {
          border-style:none;
      }
      div.item_date {
        /*float: left;*/
        /*display: inline;*/
        text-align: right;
      }
      .item_date_choko {
        margin-left: 5px;
      }
      div.item_user {
        text-align: right;
        padding-right: 5px;
      }
      div.item_title {
        font-weight: bold;
        padding-left: 5px;
      }
      div.item_created_on {
        text-align: right;
        padding-right: 5px;
      }
      div.item_comment_count{
        float: left;
        font-size: 80%;
      }
      div.item_fish {
        padding-left: 5px;
      }
      div.item_fish a{
        margin-right: 5px;
      }
      div.item_thumb {
        clear: both;
        float:left;
        margin-right: 5px;
      }
      div.item_excerpt {
        padding-left: 5px;
      }

      .item_selected {
        background-color: #ffffbb;
        color: #000000;
      }
      .item_not_selected {
        background-color: #ffffff;
        color: #000000;
      }


      .init_input {
        color: #888888;
      }
      .normal_input{
        color: #000000;
      }

      .result_limit {
        font-size: 80%;
      }
      .limit_item {
        margin-left: 5px;
      }
      .limit_item_selected {
        background-color: #ddffff;
        font-weight: bold;
      }

      .ad_area {
        font-size: 90%;
        padding-left: 5px;
      }
      .ad_item {
        font-size: 110%;
        padding: 5px;
      }
      .ad_sub_item {
        font-size: 90%;
        padding-left: 8px;
      }


      .scroll_box{
        overflow: auto;
      }

      .comment_deleted {
        font-size: 80%;
        color: #808080;
      }



      table {
         border: 0;
      }
      th {
        white-space: nowrap;
        vertical-align:top;
        text-align:right;
      }
      .input_desc {
        padding-left:5px;
        font-size: 80%;
        color: #444444;
      }
      .warning {
        padding:2px;
        color: #880000;
        background-color: #ffff66;
      }



      div.errorExplanation h2 {
        background-color:#ffffff;
        padding:2px;
        margin-top:5px;
        margin-bottom:2px;
        font-size:120%;
        color:#ff3300;
      }
      div.errorExplanation li {
        color:#ff3300;
      }

      .fieldWithErrors {
        background-color:#ff9999;
        padding-top:5px;
        padding-bottom:5px;
        width:10px;
      }

      .account_box{
        margin-left:0px;
        margin-right:0px;
      }
      .account_box ul li {
        margin-bottom:5px;
      }

      .input_box {
        margin-top:10px;
        margin-left:20px;
      }
      .input_item {
        margin-bottom:10px;
      }

      .signup_comment {
        margin-bottom:10px;
      }

      .error_message {
        padding-top:5px;
        padding-bottom:10px;
        color:#ff0000;
      }


      .tos p {
        margin:25px;
      }
      .tos h4 {
        background-color:#9999ff;
        padding-left:20px;
      }