* {
  margin: 0;
  padding: 0;
}

/* Generic */

body {
  background: black;
  font-family: "MS PGothic", sans-serif;
  font-size: 90%;
}

a {
  text-decoration: none;
  color: #6b44ff;
}

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

/*
#container {
  background: black;
  margin: 0 auto;
  width: 96%;
}
*/

/* Header */

#head {
  width: 100%;
  height: 104px;
  background: url("img/header_bg.gif") repeat-x;
}

#head h1 {
  height: 96px;
  font-size: 12px;
  overflow: hidden;
  background: url("img/header.jpg") no-repeat;
  text-indent: -999px;
}

#head h1 a {
  display: block;
  width: 256px;
  height: 96px;
}


/* Main Contents */

#topmain {
  background: #555b54 url("img/topmain_bg.gif") repeat-y;
  overflow: auto;
}

#topbox {
  width: 100%;
  margin-left: -184px;
  float: right;
  overflow: hidden;
}

#main {
  background: #555b54;
}

.rightcol {
  margin: 0 0 0 208px;
  padding: 16px 8px 0 0;
}

.onecol {
  background: #555b54;
  padding: 0 8px 16px 8px;
}


.para {
  background: url("img/main_p_bg.gif") repeat;
  border-style: solid;
  border-width: 0 0 4px 0;
  margin: 16px 0 16px 0;
}

.para p {
  margin: 1em 0;
  line-height: 150%;
}

.cont {
  padding: 16px;
}
.cont ul {
  margin: 1em;
}
.cont ol {
  margin: 1em 1em 1em 2em;
}


#main h2 {
  color: #dbe0d4;
  background: url("img/main_h2_bg.gif") repeat-x;
  height: 40px;
  text-align: center;
  font-weight: bold;
  padding: 8px;
  font-size: 16px;
  margin: 0 -8px;
}

#main h2 .join {
  margin-left: 8px;
}

#main h2 .join a {
  color: #c2b7ff;
  text-decoration: underline;
}

#main h2 .join a:hover {
  color: #e50000;
}

.heading h3 {
  color: #4d4d4d;
  background: url("img/main_h3_bg.gif") no-repeat;
  height: 27px;
  font-size: 15px;
  padding: 5px 0 0 32px;
}

div.heading {
  background: url("img/main_div_bg.gif") repeat-x;
}

div.buttons_box {
  padding: 8px;
  background: url("img/main_ul_bg.gif") repeat; 
  overflow: auto;
}
.buttons_box li {
  display: inline;
}
.buttons_box a span {
  display: none;
}


#main #last_date {
  color: #dbe0d4;
  /*font-size: 10px;*/
  text-align: right;
  border-style: none;
  background: url("img/lastmod_bg.gif") repeat-x;
}

#main #last_date p {
  padding: 6px;
  line-height: 100%;
  background: url("img/lastmod_p.gif") no-repeat;
  height: 20px;
}

#info {
  border-color: #5992d2;
}

#update {
  border-color: #ca6060;
}

#login {
  border-color: #d1993b;
  overflow: auto;
}
#login ul {
  height: 56px;
  padding: 0;
  list-style-type: none;
}
#login a.button {
  float: left;
  display: block;
  width: 176px;
  height: 56px;
}
a.button#login_fx {
  background: url("img/login_fx.gif");
}
a.button#login_futures {
  background: url("img/login_futures.gif");
}
a.button#login_stock {
  background: url("img/login_stock.gif");
}
a.button#login_cfd {
  background: url("img/login_cfd.gif");
}

#subscribe {
  border-color: #d1993b;
  overflow: auto;
}
#subscribe ul {
  height: 44px;
  list-style-type: none;
}
#subscribe li a {
  float: left;
  display: block;
  width: 176px;
  height: 44px;
}

#fxsubscribe {
  border-color: #d1993b;
  overflow: auto;
}
#fxsubscribe ul {
  height: 44px;
  list-style-type: none;
}
#fxsubscribe li a {
  float: left;
  display: block;
  width: 192px;
  height: 44px;
}
a#subscribe_fx {
  background: url("img/subscribe_fx.gif");
}
a#subscribe_futures {
  background: url("img/subscribe_futures.gif");
}
a#subscribe_stock {
  background: url("img/subscribe_stock.gif");
}
a#subscribe_fxst {
  background: url("img/subscribe_fxst.gif");
}
a#subscribe_cfd {
  background: url("img/subscribe_cfd.gif");
}

/* Menu */

#menu {
  width: 184px;
  color: #444444;
  float: right;
  overflow: hidden;
}

#profile {
  width: 168px;
  margin: 16px auto;
  background: url("img/profile_bg.gif");
}
#profile h2 {
  font-size: 12px;
  font-weight: normal;
  background: url("img/profile_h2_bg.gif");
  padding: 8px;
  margin: 0 0 8px 0;
  text-align: center;
}
#profile img {
  padding: 4px;
}
#profile p {
  line-height: 180%;
  font-size: 75%;
  padding: 4px;
}

#details_link {
  background: #858f83;
  margin: 8px;
}
#details_link h2 {
  width: 168px;
  height: 96px;
  background: url("img/details_h2.gif");
}
#details_link span {
  display: none;
}
#details_link a {
  display: block;
  width: 168px;
  height: 32px;
  margin-bottom: 8px;
}
a#details_fx {
  background: url("img/details_fx.gif");
}
a#details_futures {
  background: url("img/details_futures.gif");
}
a#details_stock {
  background: url("img/details_stock.gif");
}
a#details_cfd {
  background: url("img/details_cfd.gif");
}

a#tokusyo {
  margin: 16px 8px;
  display: block;
  width: 168px;
  height: 32px;
  background: url("img/tokusyo.gif");
}
a#tokusyo span {
  display: none;
}

/* Footer */

#foot {
  font-size: 90%;
  line-height: 150%;
  padding: 8px;
  text-align: center;
  color: #cadbb9;
  background: #243636;
  border-width: 8px 0 0 0;
  border-color: black;
  border-style: solid;
  clear: both;
}

#foot .number {
  font-size: 80%;
}

/* member top */

#recommend {
  border-color: #d1993b;
}
#co_recommend {
  border-color: #d1993b;
}

/* pair */
#breadcrams {
  color: #dbe0d4;
  background: #394039;
  padding: 2px;
  margin: 8px 0;
}
#breadcrams a {
  color: #c2b7ff;
}
#breadcrams a:hover {
  color: #e50000;
}


#pair {
  border-color: #5992d2;
}

.para div table {
  margin: auto;
  border-collapse: collapse;
}
.listing th, .listing td {
  color: #4d4d4d;
  border: #676d66 1px solid;
  padding: 2px;
}
.listing th {
  background: #c9ccc8;
}
.listing td {
  text-align: center;
}
td.numeric {
  text-align: right;
}

td.space {
  border: none;
}
div.comment {
  border-width: 0 0 2px 0;
  border-color: #cfcec5;
  border-style: solid;
  padding: 0;
  margin: 0;
}
div.charts {
  border-width: 2px 0 0 0;
  border-color: #a4a6a1;
  border-style: solid;
  padding: 16px 0 8px 0;
  margin: 0;
}

.pair_menu {
  color: #dbe0d4;
  background: #394039;
  padding: 8px 0;
}
.pair_menu a {
  color: #c2b7ff;
}
.pair_menu a:hover {
  color: #e50000;
}

.pair_menu table {
  margin: auto;
}
.pair_menu td {
  padding: 0 20px;  
  background: url("img/pair_mark.gif") no-repeat 0 50%;
}

img.chart {
  border: #676d66 1px solid;
  display: block;
  margin: 16px auto;
}

/* login */

#login {
  border-color: #ca6060;
  overflow: auto;
}

#login table {
  margin: 8px auto;
  border: 1px solid #676d66;
}
#login table th {
  background: #c9ccc8;
  padding: 8px;
  border: 1px solid #676d66;
  font-weight: normal;
}
#login table td {
  padding: 4px 8px;
  border: 1px solid #676d66;
}

/* Join */

#join {
  border-color: #ca6060;
  overflow: auto;
}
#join table {
  margin: 8px auto;
  border: 1px solid #676d66;
}
#join table th {
  background: #c9ccc8;
  padding: 8px;
  border: 1px solid #676d66;
  font-weight: normal;
}
#join table td {
  padding: 4px 8px;
  border: 1px solid #676d66;
}
#join table table td, #join table table th {
  border: hidden;
  background: none;
  text-align: left;
  margin: 0px;
  padding: 0px;
}
#join table table {
  margin: 0px;
  border: none;
}
#join table table th {
  border: none;
}
#join table table td {
  border: none;
}
#join a#zipsearch_button {
  display: inline;
  float: none;
  margin-left: 1em;
}
.fieldnote, .collabel {
  font-size: 80%;
}
div.fieldset {
  display: inline;
}
.error {
  background: #ffffe7;
}

#errors {
  background: url("img/main_p_bg.gif");
  border-style: solid;
  border-width: 0 0 4px 0;
  margin: 16px 0 16px 0;
  border-color: #e55c5c;
  padding: 24px;
}

#errors ul {
  background: #ffffe7;
  border: dashed 1px #e55c5c;
  padding: 16px 16px 16px 32px;
}

div.descr {
  background: url("img/main_ul_bg.gif") repeat;
  padding: 8px;
}
.descr div {
  padding: 8px;
  background: url("img/main_p_bg.gif") repeat;
  overflow: hidden;
}
.descr h4 {
  font-size: 100%;
}

div.submit {
  text-align: center;
  margin: 0;
  padding: 0;
}

.clear {
  clear: both;
  line-height: 0;
}

.adsens {
  margin-bottom: 16px;
  text-align: center;
}

/* chart note table */
table.chartnote {
  margin: 8px auto;
  border: 1px solid #676d66;
}
table.chartnote th {
  background: #c9ccc8;
  padding: 4px 8px;
  border: 1px solid #676d66;
  font-weight: normal;
}
table.chartnote td {
  padding: 4px 8px;
  border: 1px solid #676d66;
  text-align: right;
}