html,body{
        background-color: #000;
        margin:0px auto;
        font-family: sans-serif;
        position: relative;    
      }
     
#pagewrapper{
        max-width:1280px;
        margin:0px auto;
      }
#topdiv{
      position: relative;
    }
#top_image{
        max-width:100%;
        }
#links{
        position: absolute;
        top:88%;
        right:1%;
    }
#links img{
      margin:5px;
      width:25%;
      height:25%;      
    }
.rowdiv{
        width:100%;
        clear:both;     
      }
.contentbox{
        max-width:640px;
        margin: 20px;
        float:left;
        position: relative;
      }
h5{
        color:#8aabff;
        font-size:24px;  
        margin: 20px auto 20px 30px;
      }
 div.text{
        color:#FFF;
        font-size:16px;    
        margin-left: 50px;
        }           
#gameintro:before {
        content: "";
        height: 20%;
        display: inline-block;
        vertical-align: middle;
      }
#gameintro{
        width:600px;
    }
#petrow{
        padding-top: 50px;
      }
#gamevideo{      
        border: 1px solid #303030;
      }
#chara_select{
        background-image: url(img/bg_line.gif);
        width:500px;
        margin-left:50px;
        padding:20px;        
        border:5px #7c7c7c double;
        border-radius:10px;      
      }
#chara_detail, #pet_detail{
        margin-left:30px;
        margin-top: 30px;
        width: 560px;
        height: 320px;
        border: 1px solid #303030;
      } 
#chara_detail{
        background: #191919;
        background-image:url(chara/charabg_01.jpg) ;
        background-position: left;        
        background-repeat: no-repeat;
        background-size:auto 100%;        
        display:block;
      }
#pet_detail{
        background-image:url(pet/petbg.jpg) ;
        background-repeat: no-repeat;
        background-size:100% auto;
        display:none;
      }
.detailtxt_bg{
        position:relative;
        width:100%;
        background: #000;
        padding: 15px 0px 15px 50px;
        margin-top:25%;
        height:32%;
        opacity:0.6;
      }
.detail_img,.detail_title,.detail_txt{
        position:absolute;        
      }
.detail_title{
        top:110px;
        color:#a4cceb;
        font-weight: bold;
        font-size:18px;  
      }
.detail_txt{        
        top:180px;
        width:55%;
        color:#CCC;        
      }
#chara_detail .detail_title, #chara_detail .detail_txt{
        left:5%;
       } 
#pet_detail .detail_title, #pet_detail .detail_txt{
        left:35%;
      }
#chara_detail .detail_img{
        height:80%;          
        bottom:0px;
        right:20px;
      }
      
#pet_detail .detail_img{
        height:50%;         
        bottom:50px;
        left:20px;
      }
     .rank_sign{
        width:70px;
        height:62px;
        position: absolute;
        top:20px;  
     }
#chara_rank{
        right:20px;
    } 
#pet_rank{
        left:20px;      
    }
.rank_sign img{
        width:100%;
        height:auto;
     }
.characell, .petcell, .questioncell{
        width:75px;        
        height:75px;
        border-radius:5px;
        float: left;
        margin:2px;
        display: block;        
      }
.characell img, .petcell img{
        width:100%;
        height:100%;
      }
.characell{
        background: #3b3f4b;      
     }
.petcell{
        background: #505764;
      }
.questioncell{
        background: #2d3b42;        
      }
.questioncell img{
        width:60%;
        height: 60%;
        padding:20%;
      }
.selected{
        background: #FFFFFF;
        margin-top:0px;
        border-bottom: 2px solid #000;
     }
#download{
        margin:0 auto;
        text-align: center;
     }
#download img{
        margin:10px;      
    }
#footer{
        clear: both;
        height: 80px;
        padding-top:10px;
        width: 100%;
        background: url(img/footer_bg.png);
        background-repeat: repeat-x;     
        background-size:100% 100%;
        background-position:bottom;
      }
 #footer_content{
        width: 350px;
        height: 60px;
        margin: 20px auto 5px auto;                
      }
#footer img{
        float: left;
      }
#footertxt{
        color: #FFF;
        font-size: 12px;        
        margin-top: 25px;
        margin-left: 20px;
        float: left;
      }