@charset "UTF-8";
@import url(reset/reset-min.css);
@import url(head_foot.css);
@import url(form.css);
@import url(dl.css);
@import url(core.css);

th { text-align: center; }

table { clear: both; margin: auto; }
#main__ {
  background-color: white;
  border: 0 #ddeeee solid;
  border-width: 14px 0;
  width: 90%;
}
#container__ {
  float: left;
  overflow: auto;
  overflow-y: visible;
  width: 360px;
  margin-right: -10em;
}
.column * table { width: 100%; }

#zodiac #more_zodiac, #zodiac label {
  display: block;
  margin: .25em auto;
  padding: .5em 0;
  border: 0 #ccc dashed;
  width: auto;
}
#zodiac label.icon {
  display: block;
  float: left;
  text-align: center;
  width: 31%;
  border-width: 0 0 1px;
}
#zodiac label.selected { float: none; width: auto; }
#zodiac label img { display: block; margin: auto; }
.birthdate { font-size: 80%; }
#zodiac #icon_selecter { clear: both; float: right; }
#zodiac #more_zodiac { padding-top: 1em; }

.col2 li {
  white-space: nowrap;
  list-style: circle none inside;
}
h2, h3 { clear: both; }

#step1, #step2 {
  white-space: nowrap;
  clear: both;
  font-size: 160%;
  font-weight: bold;
  text-align: justify;
  margin-bottom: 1em;
}

td, th { vertical-align: baseline; }

.column legend, .legend { margin-left: 1em; }
.column label { font-weight: bold; margin: 0 0 0 .5em; }
.column fieldset label { display: inline; }

.column fieldset { padding: .5em; }
.column fieldset fieldset { padding: 0; margin: 0.5em; border-width: 0; }
.column fieldset fieldset legend, .legend {
  margin: 0;
  background-color: transparent;
  border-width: 0 3px 0 0;
  border-right-style: double;
  padding: 0 2px 0 2px;
}
.column fieldset fieldset.shading legend, .legend {
  background-color: transparent;
  border-width: 1px 0 0 0;
  border-color: #008800;
  padding: 2px 0 2px;
  width: 100%;
  text-align: left;
}
a.legend { text-decoration: underline; }
a.legend:hover { text-decoration: none; }

fieldset.choice legend { padding: 0; margin: 0; border-width: 0; float:left; }
fieldset.choice label {
  display: block;
  float: left;
}


fieldset, p {background-color: white;}
body {background: #fafafa none;}

.index a {white-space: nowrap;}

label { display: block; }

.column dt {
  border-right: 3px #008800 double;
  border-left: 1px #008800 solid;
  text-align: center;
}

fieldset fieldset label { display: inline; margin: 0; white-space: nowrap; }

.one_line label, 
.one_line input { display: inline; float: none; }

.input_text, textarea { border: #bbbbbb 1px solid; }
strong.negative { font-size: 75%; font-weight: thin; }

body .color_map label {
  display: block;
  float: left;
  width: 1.2em;
  height: 1.2em;
  line-height: 1.2em;
  border: 1px silver solid;
  text-align: center;
  vertical-align: middle;
}

#code {
  width: 100%;
  float: left;
  font-size: 9pt;
  overflow: auto;
}

#bookmarks {
  margin: .5em;
  float: right;
}
#bookmarks li {
  float: right;
  margin: 0 .25em;
}

.col2 ul {
  margin-top: 2em;
  margin-bottom: 2em;
}
.col2 li {
  border-left: 4px #aabbaa solid;
  background-color: #f0f8f0;
  margin: .5em 0;
  list-style: none none outside;
  padding: 2px .5em;
  line-height: 1.1em;
}
.col2 li.title {
  color: red;
  text-align: right;
  background: #e0ffe0 url('../img/stars.png') no-repeat center left;
  border-right: 4px #008800 solid;
  border-left: 4px #008800 solid;
  height: 24px;
  color: #002200;
  font-weight: bold;
  line-height: 24px;
  vertical-align: bottom;
  margin-bottom: .75em;
  padding-top: 2px;
}
li a {
  white-space: nowrap;
  color: #000;
}

.col3 h3 {
  color: red;
  text-align: center;
  background: #e0ffe0 none;
  border-right: 4px #008800 solid;
  border-left: 4px #008800 solid;
  margin: 1em 4em 0;
  height: 24px;
  color: #002200;
  font-weight: bold;
  line-height: 24px;
  vertical-align: bottom;
  margin-bottom: .75em;
  padding-top: 2px;
}
.col3 ol li {
  list-style: decimal none outside;
}
.col3 ol {
  margin-bottom: 2em;
}
.note {
  font-size: 90%;
}
.col3 .note {
  margin-right: 1em;
  margin-left: 2em;
}


.col2 ul { width: 176px; }

#footer p { text-align: right; padding-right: 2em; }

.col1 fieldset th,
.col1 fieldset td { padding: .25em; }

em, strong { white-space: nowrap; }

.bannerbox {
  background-repeat: no-repeat;
  background-position:top center;
  text-indent: -200em;
  margin: 0 auto;
  border-width: 0;
}

#layoutdims { font-size: 90%; }
#layoutdims strong { color: red; }
.column h2 { margin-top: 0.5em; }

ul.note li { list-style: disc none outside; }

.column li { margin: 0.5em; }

#recommend { height: auto; }


.carousel {
  padding: .5em;
  border: 1px black solid;
  margin: auto;
  width: 690px;
  overflow: auto;
}

.carousel ul { list-style: none; white-space: nowrap; }
.carousel li { display: inline; margin: 1em; }
.carousel img {
  border: 3px #ddd solid;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}