@charset "utf-8";

/* ---------------------------------------------------------
  Game Map List
----------------------------------------------------------*/
div#gameMaps {
  
}
  div#gameMaps h1 {
    margin-bottom: 20px;
    height: 37px;
    line-height: 40px;
    font-weight: bold;
    color: #4b2f12;
    font-size: 150%;
    text-align: center;
  }
  div#gameMaps h1:before {
    background: url(../img/icon_shinden.png) no-repeat left top;
    background-size: 33px 37px;
    content: "";
    padding: 5px 0 5px 43px;
  }
    div#gameMaps h1 span {
      font-size: 13px;
      font-weight: normal;
    }
    div#gameMaps ul.tree {
      
    }
    div#gameMaps ul.tree li.roleplaying a {
      background: url(../img/icon_category_rpg.png) no-repeat left center;
      background-size: 28px 28px;
      display: block;
      width: 100%;
      height: 30px;
      padding-left: 38px;
      line-height: 31px;
      text-decoration: none;
      font-size: 16px;
      font-weight: bold;
      white-space: nowrap;
    }
    div#gameMaps ul.tree li.adventure a {
      background: url(../img/icon_category_adv.png) no-repeat left center;
      background-size: 28px 28px;
      display: block;
      width: 100%;
      height: 30px;
      padding-left: 38px;
      line-height: 31px;
      text-decoration: none;
      font-size: 16px;
      font-weight: bold;
      white-space: nowrap;
    }
    div#gameMaps ul.tree li.simulation a {
      background: url(../img/icon_category_sim.png) no-repeat left center;
      background-size: 28px 28px;
      display: block;
      width: 100%;
      height: 30px;
      padding-left: 38px;
      line-height: 31px;
      text-decoration: none;
      font-size: 16px;
      font-weight: bold;
      white-space: nowrap;
    }
    div#gameMaps ul.tree li.action a {
      background: url(../img/icon_category_act.png) no-repeat left center;
      background-size: 28px 28px;
      display: block;
      width: 100%;
      height: 30px;
      padding-left: 38px;
      line-height: 31px;
      text-decoration: none;
      font-size: 16px;
      font-weight: bold;
      white-space: nowrap;
    }
    div#gameMaps ul.tree li.fighting a {
      background: url(../img/icon_category_fig.png) no-repeat left center;
      background-size: 28px 28px;
      display: block;
      width: 100%;
      height: 30px;
      padding-left: 38px;
      line-height: 31px;
      text-decoration: none;
      font-size: 16px;
      font-weight: bold;
      white-space: nowrap;
    }
    div#gameMaps ul.tree li.shooting a {
      background: url(../img/icon_category_sht.png) no-repeat left center;
      background-size: 28px 28px;
      display: block;
      width: 100%;
      height: 30px;
      padding-left: 38px;
      line-height: 31px;
      text-decoration: none;
      font-size: 16px;
      font-weight: bold;
      white-space: nowrap;
    }
    div#gameMaps ul.tree li.puzzle a {
      background: url(../img/icon_category_puz.png) no-repeat left center;
      background-size: 28px 28px;
      display: block;
      width: 100%;
      height: 30px;
      padding-left: 38px;
      line-height: 31px;
      text-decoration: none;
      font-size: 16px;
      font-weight: bold;
      white-space: nowrap;
    }
    div#gameMaps ul.tree li.browser a {
      background: url(../img/icon_category_brs.png) no-repeat left center;
      background-size: 28px 28px;
      display: block;
      width: 100%;
      height: 30px;
      padding-left: 38px;
      line-height: 31px;
      text-decoration: none;
      font-size: 16px;
      font-weight: bold;
      white-space: nowrap;
    }
    div#gameMaps ul.tree li.onlinegame a {
      background: url(../img/icon_category_ong.png) no-repeat left center;
      background-size: 28px 28px;
      display: block;
      width: 100%;
      height: 30px;
      padding-left: 38px;
      line-height: 31px;
      text-decoration: none;
      font-size: 16px;
      font-weight: bold;
      white-space: nowrap;
    }
      
    
    div#gameMaps ul.tree ol {
      margin: 1em 0 4em 4em;
    }
      div#gameMaps ul.tree ol li {
        margin-bottom: 1em;
        list-style-type: decimal;
        font-size: 13px;
      }
        div#gameMaps ul.tree li.roleplaying {
          color: #f96702;
        }
        div#gameMaps ul.tree li.adventure {
          color: #513f19;
        }
        div#gameMaps ul.tree li.simulation {
          color: #191919;
        }
        div#gameMaps ul.tree li.action {
          color: #c52702;
        }
        div#gameMaps ul.tree li.fighting {
          color: #7d1002;
        }
        div#gameMaps ul.tree li.shooting {
          color: #176fa1;
        }
        div#gameMaps ul.tree li.puzzle {
          color: #1c5129;
        }
        div#gameMaps ul.tree li.browser {
          color: #35327f;
        }
        div#gameMaps ul.tree li.onlinegame {
          color: #b2830b;
        }
        div#gameMaps ul.tree ol li a {
          display: inline !important;
          background: none !important;
          width: auto !important;
          height: auto !important;
          padding-left: 0  !important;
          line-height: 1.3 !important;
          text-decoration: underline !important;
          font-size: 14px !important;
          font-weight: bold;
        }
        div#gameMaps ul.tree ol li span {
          color: #333;
        }
        div#gameMaps ul.tree ol li span.desc:before {
          content:" - ";
        }
        div#gameMaps ul.tree ol li span.creater:before {
          padding-left: 1em;
          content:"Creater";
        }
        div#gameMaps ul.tree ol li span.tag:before {
          padding-left: 0.5em;
          content:"Tag";
        }