@charset "utf-8";
/*------------------------------------------------
Description: YOW styles for screen media
Updated:     2010/01/24
------------------------------------------------*/
/* == basic styles == */
html, body {  background: #ffffff;  font-size: 95%;  margin: 0;  min-width: 640px;  padding: 0;}
html, body, p, ul, ol, li, td, th, dl, dt, h1, h2, h3, h4, h5 {  color: #000000;  font-family: arial, helvetica, sans-serif;}
p {  margin: 0;  padding: .5em 0 .5em 0;  line-height: 1.25em;}
h1, h2, h3, h4, h5 {  margin: 0;  padding: 0;}
h1 {  font-size: 1.6em;  font-weight: normal;}
h2 {  font-size: 1.4em;  font-weight: bold;  margin-top: .75em;}
h3 {  font-size: 1.2em;  font-weight: bold;  margin-top: .75em;}
ul, ol, dl {  line-height: 1.3em;  margin-bottom: 1em;  margin-top: .5em;}
dt {  line-height: 1.3em;  margin-top: .5em;}
dd {  line-height: 1.3em;}

a:link {  color: #006600;}
a:visited {  color: #990099;}

.atc_desc {  list-style-type: none;  font-size: .9em; }
.atc_title {  font-size: 1.2em; margin-top: .25em;}
.box_left {  float: left;}
.box_center {  float: left;  margin-left: 10px;}
.box_right {  float: left;  margin-left: 10px;}
.box_photo {  padding: 10px 15px 5px 0;  float: left;}
.center {  text-align: center;}
.daub_green {  background: #99ff99;  color: #000000;  padding: .3em;  font-size: 1em;  font-weight: bold;}
.daub_green a  {  color: #000000;  text-decoration: none;}
.daub_green a:visited  {  color: #000000;  text-decoration: none;}
.error {  color: #ff0000;}
.float_left {  float: left;  margin-right: 5px;}
.float_right {  float: right;  margin-left: 5px;}
.img_b1 {  border-color: #999999;  border-style: solid;  border-width: 1px;  margin: 2px;}
.input {  background-color: #ddffbb;}
.link_icon {  border: 0;}
.link_list {  margin-top: 1em;  font-size: 1.1em;  font-weight: normal;  font-style: italic;}
.new, .updated {  color: #ff0000;  font-size: .8em;}
.notice, .recommended {  border-color: #339933;  border-style: solid;  border-width: 0 0 0 5px;  font-size: 1.2em;  font-weight: bold;  margin: 0;  padding-left: 5px;}
.photo_desc {  color: #333333;  font-size: .9em;  font-weight: bold;}
.po_name {  color: #336633;  font-weight: bold;}
.sup {  color: #666666;  font-size: .8em;}
.top_links a {  text-decoration: none;}
.top_links a:link {  color: #006600;}
.top_links a:visited {  color: #006600;}
.top_links img {  border: 0;  padding: 0 0 5px 0;}
.with_line {  border-bottom: 1px solid #999999;}
#back_to_top {  font-size: .8em;}


/* -- imgboard styles -- */
.ib_parent {    border-top: 1px solid #333333;}
.ib_child {  background-color: #ffeeff;  margin-left: 25px;  padding: 5px;}
.ib_host {  color: #666666;  font-size: .7em;}
.ib_move {  border-color: #cccccc;  border-style: solid;  border-width: 1px 0 0 0;  padding-top: 10px;}
.ib_name {  color: #800080;  font-weight: bold;}
.ib_titlep  {  color: #cc0000;  font-size: 1.2em;  font-weight: bold;}
.ib_titlec  {  color: #cc0000;  font-size: 1em;  font-weight: bold;}
.ib_titlea  {  color: #006600;  font-weight: bold;}


/* -- table styles -- */
table {  border: 0;  font-size: 1em;  margin-bottom: 1.2em;}
table caption {  font-weight: bold;  text-align: left;}
table th {  font-size: .9em;  font-weight: bold;  text-align:left;}
table th, table td {  vertical-align:top;}
table tr.gray, th.gray  {  background: #dddddd;}
td.num {  text-align:right;}
.gen_table {  border: solid 1px #000000;  border-collapse: collapse;}
.gen_table th {  border: solid 1px #000000;  border-collapse: collapse;  padding: .2em .3em .2em .3em;}
.gen_table td {  border: solid 1px #000000;  border-collapse: collapse;  padding: .2em .3em .2em .3em;}
.top_links_tbl {  font-size: .8em;  font-weight: bold;  margin-top: 5px;}
.top_links_tbl td {  border: outset 1px #669966;  padding: 2px;  text-align: center;  vertical-align: top;  width: 125px;}
.top_links_tbl td:hover {  background-color: #ccffcc;}


/* == page structure == */
#pagehead {  background: #339966;  height: 60px;  left: 0;  margin: 0;  padding: 0;  position: absolute;  top: 0;  width: 100%;  z-index: 1;}
#content {  margin: 65px 0 0 160px;  padding: 0 10px 0 0;}
#navigation {  left: 0;  margin: 0;  padding: 0 0 10px 0;  position: absolute;  top: 70px;  width: 150px;}


/* == pagehead styles == */
#yoiko_logo_prt, #site_title {  display: none;}
#yow_logo {  left: 10px;  position: absolute;  top: 20px;}
#yow_logo img {  border: 0;}
#head_nav {  color: #ffffff;  font-size: .9em;  font-weight: bold;  position: absolute;  right: 20px;  top: 40px;}
#head_nav a {  color: #ffffff;  padding: 0 .4em 0 .4em;  text-decoration: none;}
#head_nav a:hover {  text-decoration: underline;}
#head_nav a#yowhome {  border-right: 1px solid #003300;}
#head_nav a#about {  border-left: 1px solid #ccffcc;  border-right: 1px solid #003300;}
#head_nav a#sitemap {  border-left: 1px solid #ccffcc;  border-right: 1px solid #003300;}
#head_nav a#feedback {  border-left: 1px solid #ccffcc;}
#head_search {  right: 25px;  position: absolute;  top: 10px;}
.head_search_txt  {  border-style: solid;  border-width: 1px;  color: #076d38;}
.search_btn {  background-color: #076d38;  color: #ffffff;  border-style: solid;  border-width: 1px;  font-weight: bold;}


/* == content styles == */
#content_head {  margin: 0;  padding: 0;}
#depth {  font-size: .9em;}
#content_title {  border-bottom: 1px solid #333333;  margin: 5px 0 5px 0;  padding: 0 0 5px 0;}
.ct_overlay {  background-repeat: no-repeat;  font-weight: bold;  height: 60px;
  padding: 10px 5px 5px 10px;  width: 520px;}
#welcome_area {  background: url('/yow/images/we_back.jpg') no-repeat;  border-bottom: 1px solid #336633;  height: 140px;  padding: 10px 5px 0px 5px;}
.welcome {  color: #006600;  font-size: 1.25em;  font-weight: bold;}
.site_outline {  font-size: .8em;  padding-left: 20px;}
#content_main {  ;}
#content_footinfo  {  clear: left;  background: url('/yow/images/gray_dot.png') repeat-x;  font-size: .75em;}


/* == navigation styles == */
#left_nav {  border-bottom: 1px solid #333333;  border-top: 1px solid #333333;  color: #000000;  font-size: .9em;  text-decoration: none;}
#left_nav a {  color: #000000;  text-decoration: none;}
#left_nav a:hover {  text-decoration: underline;}
#left_nav a.active:hover {  text-decoration: none;}
.site_lv a, .lnav_lv1 a, .lnav_lv2 a {  display: block;  margin: 0;  padding: 3px 0 3px 0;}
.site_lv a {  background: #ccff99;  border-bottom: 1px solid #333333;  font-size: 1.1em;  font-weight: bold;  padding-left: 5px;}
.lnav_lv1 a {  background: #ccff99;  padding-left: 5px;}
.lnav_lv2 a {  padding-left: 15px;}
.lnav_lv2 a, a.open {  background: #ddffbb;}
a.active {  background-color: #ffffff;  color: #000000;}

/* -- end -- */