/* General Style Info */
body {
  background-color            : #202020;
  color: #fff;
  font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
  margin  : 0px;
  padding : 0px;
  border  : 10px solid #000000;
}

a, a:link {  background-color : transparent; color : #3030a0; text-decoration  : underline;}
a:visited {  color            : #a03030; }
a:hover   {  background-color : #e0ffff;     color : #3030a0;  text-decoration : none;}
a:active  {  color            : #000000; }

a img { border:none; }

/* フルパス指定は外部ドメインと見做す */
td a[href^="http://"]        { display: block; margin: 2px 10px; padding: 2px; border: 1px solid #202020; max-width: 400px; overflow: hidden; background-color: #cce0cc; }
td a[href^="http://"]:hover  { display: block; margin: 2px 10px; padding: 2px; border: 1px solid #202020; max-width: 400px; overflow: hidden; background-color: #e0ffe0; }
/* 後からマッチした条件が優先される */
td a[href^="http://www.amazon.co.jp"]        { display: inline; margin: 2px; padding: 2px; border: 1px solid #202020; background-color: #ccccff; }
td a[href^="http://www.amazon.co.jp"]:hover  { display: inline; margin: 2px; padding: 2px; border: 1px solid #202020; background-color: #e0e0ff; color : #202020; }

h1, h2, h3, h4 {
  margin          : 4px;
  padding         : 6px;
  font-weight     : normal;
}
h1 {
  font-size: 160%;
}
h2 {
  font-size: 140%;
  border            : 1px solid #000000;
  background-color  : #d0efd0;
}
h3 {
  font-size         : 120%;
  border            : 1px solid #000000;
  background-color  : #d0d0ef;
}
h4 {
  border            : 1px solid #000000;
  background-color  : #b09090;
}
ul {
  margin          : 0px;
  padding         : 0px;
  list-style-type : none;
}
ul li {
  padding         : 4px;
}
dl {
  margin          : 5px 0px;
  padding         : 0px;
}
dl dt {
  margin          : 0px;
  padding         : 0px;
}
dl dd {
  margin          : 0px 0px 0px 20px;
  padding         : 2px;
}

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

fieldset {
  border  : 1px solid #202020; 
}

sup {
  font-size : 8px;
}

/* Layout */
body.set_fixed{
  padding-top: 38px;
  _padding-top: 0px; /* for IE */
}

#header {
  position  : fixed;
  z-index   : 10;
  width     : 100%;
  top       : 0;
  left      : 0;
  margin    : 0px;
  padding   : 5px;
  background-color  : #202020;  /* bodyの背景色に合わせる */
}

#header h1 {
  float     : left;
  margin    : 0px;
  padding   : 0px 20px;
  text-align: center;
  color     : #fff;
}

#header form {
  float      : left;
  margin-top : 5px;
}

#header input              { font-size : 90%;   }
#header input[type="text"] { width     : 100px; }

#header ul {
  float   : right;
  margin-top : 8px;
  padding : 0px 20px;
  font-size  : 90%;
}

#header li { display : inline; white-space : nowrap; }

#header a {
  padding  : 2px;
  color: #fff;
  font-weight: normal;
  text-decoration: none;
}
#header a:hover {
  color: #000000;
  text-decoration: underline;
  background-color  : #99cc99;
}

#container {
  text-align  : left;
  border      : 2px solid #ffffff;
}

#content{
  background: #cccccc;
  clear: both;
  color: #333;
  padding: 10px;
  overflow: auto;
}
#footer {
  clear: both;
  padding: 6px 10px;
  text-align: right;
}

#flashMessage {
  font-size         : 180%;
  margin            : 3px 3px 13px;
  padding           : 10px;
  border            : 1px solid #ff0000;
  width             : auto;
  background-color  : #efd0d0;
  color             : #ef0000;
}

/* Typical ID & Class */
/* ID */
#navigation {
  margin        : 5px;
  margin-bottom : 10px;
  padding       : 4px;
}

#navigation a:visited {
  text-decoration : none;
}

#list_index        { max-width : 1000px; }
#list_index .data  { float     : left;   }
#list_index .data .magazines td { padding : 4px; border : 1px solid #000000; }
#list_index .index { float     : right;  }

#current_page {
  padding           : 0px 4px;
  border            : 1px solid #202020;
  color             : #202020;
  background-color  : #fefefe;
}

#stat_count {
  margin          : 4px;
  padding         : 6px;
  border            : 1px solid #000000;
  background-color  : #efefd0;
}

/* class */
h3#link_last_update {
  font-size         : 100%;
}

h3#link_last_update div {
  text-align   : right;
  margin-right : 20px;
}

h3#link_last_update div span {
  font-size : 80%;
}

.section {
  width     : 450px;
}

.section > div {
  margin    : 5px 10px;
}

.search_info {
  margin            : 4px;
  padding           : 6px;
  border            : 1px solid #000000;
  background-color  : #ffefef;
  width             : 40%;
}

.search_info strong {
  font-size     : 150%;
}

.more{
  margin            : 4px;
  padding           : 5px 0px;
  border            : 1px solid #000000;
  background-color  : #e0e6e6;
  text-align        : center;
  width             : 20%;
}

.recent_left{
  float:left;
  width:80px;
  text-align:center;
}
.recent_right{
  float:right;
  width:80px;
  _width:65px; /* for IE */
  font-size : 90%;
  padding   : 4px;
  overflow:hidden;
}

div.to_amazon{
  text-align    :center;
  margin-top    :4px;
}

/* 隣接セレクタ */
h3 + p, h3 + div {
  margin    : 5px 10px;
}


/* Tables */
table {
  margin            : 5px 10px;
  color: #333;
  border-collapse   : collapse;
}
th {
  padding         : 4px;
  border          : 1px solid #000000;
  text-align: center;
  background-color  : #e0d0d0;
}
td {
  margin            : 0px;
  padding           : 4px;
  border            : 1px solid #000000;
  vertical-align: top;
  background-color  : #e0e6e6;
}

table.to_center td {
  padding           : 4px;
  border            : 1px solid #000000;
  text-align        : center;
}

table.transparent td{
  background-color            : transparent;
}

/* for Checker */
tr.links_NotFound td { background-color : #b0b0b0; }
tr.links_Found    td { background-color : #ddb0b0; }

/* years 未発売 */
tr.yet td, td.yet {
  background: #b0c0c0;
}

/* ready 未設定 */
td.ready {
  background  : #cccce0;
  border-left : 1px solid #000000;
}

tr.yet td.ready {
  border-left : 0px;
}