@import "common.css";
@import "right.css";
@import "faq.css";
@import "experience.css";
@import "shop.css";
@import "index.css";

/****  global layout  ****/

body {
    text-align: center;
    margin: 0 auto;
    background-color: #fff;
    background-image: url(/images/background.gif);
}

#container {
    text-align: left;
    margin: 0 auto;
    background-color: #fff;
    width: 950px;
    border: 1px solid #000;
}

#header {
    padding: 15px 20px;
    border-bottom: 1px solid #e0e0e0;
}

#content {
    width: 675px;
    float: left;
    padding: 20px 19px;
}

#right_menu {
    float: right;
    width: 195px;
    padding: 20px 19px;
    border-left: 1px solid #e0e0e0;
}

/****  header section  ****/

#header h1 {
    clear: both;
    color: #666;
}

#header-logo { 
    float: left;
}

#header-ad  { 
    margin-left: 400px;
}

/****  content section  ****/

#content {
}

#content .content-box {
  padding-bottom: 20px;
}

#content .information {
  padding: 10px;
  border: 1px solid #ccc;
}

#content .information .current h3,
#content .information .history h3 {
  color: #666;
  line-height: 180%;
}

#content .information .current p,
#content .information .history p {
  padding: 0 0 5px;
  line-height: 130%;
  color: #f00;
}

#content .open-history {
  text-align: right;
}

#content .history.hide {
  display: none;
}

#content .monthly-ranking {
}

#content .monthly-ranking h2.title {
  background: transparent url(/images/icon/monthrank_back.jpg) scroll repeat-x top left;
}

#content .monthly-ranking ul.navi {
  text-align: right;
  padding: 0 10px 10px;
}

#content .monthly-ranking ul.navi li {
  display: inline-block;
}

* html #content .monthly-ranking ul.navi li {  /** IE 6 °ΚΑ° **/
  display: inline;
}

*:first-child+html #content .monthly-ranking ul.navi li { /** IE 7  **/
  display: inline;
}

#content .monthly-ranking ul.navi li.icon {
  width: 15px;
  height: 20px;
  background: transparent none scroll no-repeat center left;
}

#content .monthly-ranking ul.navi li.stay  {
  background-image: url(/images/icon/stay.gif);
}

#content .monthly-ranking ul.navi li.up  {
  background-image: url(/images/icon/up.gif);
}

#content .monthly-ranking ul.navi li.down  {
  background-image: url(/images/icon/down.gif);
}

#content .monthly-ranking ul.navi li.icon span {
  display: none;
}

#content .monthly-ranking ul.navi li.text {
  vertical-align: top;
  color: #808080;
}

#content .monthly-ranking .media-redir {
  width: 100%;
}

#content .monthly-ranking .media-redir td {
}

#content .monthly-ranking .media-redir .rank {
  width: 34px;
  padding: 40px 13px 0;
  text-align: center;
}

#content .monthly-ranking .media-redir .rank .position {
  padding-bottom: 10px;
}

#content .monthly-ranking .media-redir .screen-shot {
  width: 152px;
  padding: 10px 9px;
}

#content .monthly-ranking .media-redir .screen-shot img {
  border: 1px solid #808080;
}

#content .monthly-ranking .media-redir .detail {
  padding: 10px 10px 40px;
}

#content .monthly-ranking .media-redir .detail h4.name {
  float: left;
  padding-bottom: 10px;
}

#content .monthly-ranking .media-redir .detail h4.name a {
  color: #666;
  font-weight: bold;
}

#content .monthly-ranking .media-redir .detail div.info {
  padding-bottom: 10px;
  float: right;
}

#content .monthly-ranking .media-redir .detail p.subtitle {
  padding-bottom: 10px;
  clear: both;
}

#content .monthly-ranking .media-redir .detail div.spec {
  padding-bottom: 10px;
}

#content .monthly-ranking .media-redir .detail div.spec table {
  width: 100%;
}

#content .monthly-ranking .media-redir .detail div.spec table th,
#content .monthly-ranking .media-redir .detail div.spec table td {
  border: 1px solid #808080;
  padding: 4px 6px;
  font-size: 90%;
  text-align: center;
}

#content .monthly-ranking .media-redir .detail div.spec table th {
  color: #fff;
  background-color: #025A80;
}

#content .topic-title {
    font-size: 120%;
    font-weight: bold;
    color: #555596;
    padding: 5px 5px 5px 20px;
    border-bottom: 1px solid #555596;
    border-left: 5px solid #555596;
}

#content .topic-content {
    line-height: 20px;
    padding: 5px 0 10px 10px;
}

#content .topic-content p {
    padding-left: 10px;
}

#content .box {
    border: 1px solid #000;
    width: 500px;
    margin: 0 auto;
}

#content .topic-content {
    padding-left: 20px;
    line-height: 20px;
}

#content .topic-content h3 { margin: 5px 0; }

#content .topic-content .ranking-ad table {
    width: 100%;
}

#content .topic-content .ranking-image {
    padding: 5px;
}

#content .topic-content .ranking-name a {
    font-weight: bold;
    color: #CE0335;
    font-size: 17px;
    padding-bottom: 5px;
    text-decoration: none;
}

#content .topic-content .ranking-name a:hover {
    text-decoration: underline;
    color: #e0e0e0;
}

#content .topic-content .ranking-subtitle {
    font-weight: bold;
    color: #E0AE00;
    border-bottom: 1px dotted #e0e0e0;
}

#content .topic-content #report li { line-height: 30px;}

#content .topic-content h3 {
    font-weight: bold;
    color: #555596;
}

#content .topic-content #merit {
    font-weight: bold;
    padding: 5px;
}

#content .topic-content .merit {
    padding: 10px 0;
}

#content .topic-content .merit li {
    padding: 0 0 5px 20px;
}

#content .topic-content p span {
    font-weight: bold;
}

#content .topic-content .sitemap li {
    background-image: url(/images/icon/sitemap.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    margin-left: 20px;
}

#content .topic-content table {
    margin-bottom: 20px;
}

#content .topic-content .corner {
    font-weight: bold;
    color: #666;
}

#content .topic-content table .area { 
    border: 1px solid #999;
    background-color: #e0e0e0;
    color: #990000;
    font-weight: bold;
    font-size: 11px;
    padding: 8px;
}

#content #ads {
    border: 1px solid #D96162;
    background-color: #E7F9EA;
}

/****  about section  ****/

#ads-box {
    padding: 10px;
}

#ads-box dd {
    margin-bottom: 10px;
}

.genkinka-text li {
    padding-left: 20px;
}

#content .topic-content .folda li {
    background-image: url(/images/icon/folda.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    margin-left: 20px;
}

#footer { 
    clear: both;
    border-top: 1px solid #e0e0e0;
    text-align: center;
    padding: 10px 0;
}

#footer ul li {
    display: inline;
    padding: 5px 10px;
}

.home {
    text-align: right;
    padding: 10px;
}

.word-list {
    line-height: 30px;
}

.word-name {
    font-weight: bold;
    padding: 5px 0;
}

.word-content {
    border: 1px solid #e0e0e0;
    padding: 10px;
}

.copyright { 
    text-align: center;
    padding: 10px 0;
    color: #333;
}

.errors { color: #ff0000; }

.white_bar {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background-image: url(/images/white_bar.gif);
    display: table-cell;  
    vertical-align: middle;
    height: 30px;
    width: 700px;
    color: #777;
    text-align: center;
}

/*for IE6 */ 
* html .white_bar {
    display: inline;
    zoom: 1;
}

.t-center {
    text-align: center;
}