/*メインのCSSより優先されるみたい,css読み込み順？*/

/*ソーシャル*/
.divSocial{
    /*border-bottom: 1px solid #444;*/

}
.ulSocialMain{
    list-style: none;
}

 .ulSocialMain img{
    width: 45px;
    height: 45px;
}
.ulSocialMain li{
    float:left;
}
 .ulSocialMain li a{
   /*display:inline;*/
/*   height: auto;*/
   /*font-size: 2px;*/
   
   /*width: 100%;*/
    /*list-style-type: none;*/    
/*    background: #333;
*/    padding-left: 2px;
    padding-right: 2px;
}
 .ulSocialMain:after{
    content:"";
    clear:both;
    display:block;	
}

#Main{
    margin-top: -20px;
    
    /*border:1px #000000 solid;*/
    /*border-collapse:collapse ;*/
    width:1200px;
    /*height: 580px;*/
    float:left;
    border-right: 3px #000000 solid;
    /*最低限の高さ*/
    min-height:1100px;
    height:auto !important;
    height:1100px;    

}
#Main .clH1{
    /*font-size: 20px;*/
    
}

#Main .ulBin td,#Main .ulBin th{
    border:1px #000000 solid;
    padding:5px 5px 5px 5px;
}

#Main .ulBin th{
    background-color: #FFF8DC;
}
/*-----パン屑-------------*/
.divSoubi .topicPathSoubi{
    margin-top: 30px;
    font-size: 18px;
}

/*-----装備紹介-------------*/
#Main .clH2{
    margin-top: 50px;
}

#Main .divSoubiEasy{
    width: 1100px;
    margin-top: 20px;
}
#Main .divSoubiEasy th{
    border:1px #000000 solid;
    background-color: #FFF8DC;
}
#Main .divSoubiEasy td{
    border:1px #000000 solid;
    padding:5px 5px 5px 5px;
}

#Main .divSoubiEasy .divSyousai{
    margin-top: 15px;
}
/*---------------------------装備詳細--------------------*/

.tblGardDetail img{
    width: 60px;
    height: 50px;
    padding-top: 5px;
    
}

/*---スキル・自動スキルの詳細------*/
#Main .divSyousaiList .tblSkill{
    margin: 30px 0 30px 0 ;
    
}
#Main .divSyousaiList .tblSkill th{
    padding: 10px 10px 10px 10px;
    /*font-size: 122px;*/
    border:1px #000000 solid;
}
#Main .divSyousaiList .tblSkill td{
    padding: 10px 10px 10px 10px;
    /*font-size: 122px;*/
    border:1px #000000 solid;
}
#Main .divSyousaiList .tblSkillAuto{
    margin: -30px 0 30px 0 ;
    padding:0;
    
}
#Main .divSyousaiList .tblSkillAuto th{
    padding: 10px 10px 10px 10px;
    /*font-size: 122px;*/
    border-left: 1px #000000 solid;
     border-right: 1px #000000 solid;
      border-bottom: 1px #000000 solid;
}
#Main .divSyousaiList .tblSkillAuto td{
    padding: 10px 10px 10px 10px;
    /*font-size: 122px;*/
    border-left: 1px #000000 solid;
     border-right: 1px #000000 solid;
      border-bottom: 1px #000000 solid;
}


.trSk{
    /*color: #0000FF;*/
}
.trJidouSk{
    color: #FF0000;
}
.trJidouSk th{
    color: #000000;
}
/*---防具・スロット等の詳細------*/
#Main .divSyousaiList .tblGardDetail {
    margin-top: 30px;
}
#Main .divSyousaiList .tblGardDetail  .name{
    font-size: 12px;
    
}
.pTblExp{
    margin-bottom: -20px;
    margin-left: 0px;
}
/*---その他の詳細(カフ・耐性など)------*/
.tblEtc{
    margin-top: 20px;
    border:0px #000000 solid;
}
.tblEtc th{
    text-align: right;
}
.tblEtc td{
    padding: 10px 10px 10px 10px;
    border:0px #cccccc solid;
    border-bottom:#fff9f9;
}
/*------列-----*/
.colCmd{
    background-color: #fff9f9;
}
.colGard{
    background-color: #fffff9;
}
.colSlot{
    background-color: #f9ffff;
}
/*------th-----*/
#Main .divSyousaiList .tblGardDetail th{
    border:1px #000000 solid;
    padding:10px 10px 10px 10px;
}
.thCmd{
    background-color: #ffe0e0;
    /*padding:0 10px 0 10px;*/
}
.thGard{
    background-color: #FFF8DC;
}
.thSlot{
    background-color:#dbedff;
}
/*------td-----*/
#Main .divSyousaiList .tblGardDetail td{
    border:1px #000000 solid;
    text-align: center;
}
.tdGard{
     /*background-color: #fff7ef;*/
}
.tdBuki{
    /*background-color:lightcyan;*/

}
.tdSlot{
    /*background-color:#ffdbdb;*/
}
.tdImage{
    /*background-color:#ffdbdb;*/
}

.trMaile .tdImage{
    
}
.col1{
    background-color:#FF0000;
}

.hi{
    color: #FF0000;
}
.mizu{
    color: #0000FF;
}
.rai{
    color: #FF9900;
}
.ryu{
    color: #800000;
}
.kori{
    color: #00bfff;
}
/*ページトップボタン*/
.page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 20px;
    background: #e5ffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 18px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.page-top2 {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 20px;
    background: #e5ffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 18px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}


/*----スマホ対応-------------*/
@media only screen and (max-width: 499px){

#Main{
    margin-top: -20px;
    
    /*border:1px #000000 solid;*/
    /*border-collapse:collapse ;*/
    width:100%;
    /*height: 580px;*/
    float:none;
    /*border-right: 3px #000000 solid;*/
    /*最低限の高さ*/
    min-height:0;
/*    height:auto !important;*/
    height:auto;    

}    
#Main .clH1{
    font-size: 20px;
}
#Main .divSoubi p{
    font-size: 14px;
}
/*スラF紹介ページ*/
#Main .divSoubiEasy{
    width: 100%;
    margin-top: 0px;
}
#Main .divSoubiEasy td{
/*    border:1px #000000 solid;*/
      padding:0 0px 0 0px;
    font-size: 12px;
    /*width: 100%;*/
}
/*スラF装備詳細*/
    .divSoubi .clH2{
        font-size: 18px;
    }
    
#Main .divSyousaiList .tblSkill th{
    padding: 0 0px 0 0px;
    /*font-size: 122px;*/
    /*border:1px #000000 solid;*/
}
#Main .divSyousaiList .tblSkill td{
    padding: 0 0px 0 0px;
    font-size: 12px;
    /*border:1px #000000 solid;*/
}    
#Main .divSyousaiList .tblGardDetail th{
    /*border:1px #000000 solid;*/
    padding:0 0px 0 0px;
}
.tblGardDetail .tdImage img{
    width: 30px;
    height:30px;
}
.tblGardDetail td{
font-size: 12px;
    padding:0 0px 0 0px;
}
.tblEtc th{

 border:1px #000000 solid;
 width:50%;
 font-size: 14px;
}
.tblEtc td{
    padding: 0;
    font-size: 12px;
 border:1px #000000 solid;
}
/*ソーシャル*/


.ulSocial{
    list-style-type: none; 
    background: #333;

}
#menu-box .ulSocial img{
    width: 40px;
    height: 40px;
}

#menu-box  #menu .ulSocial li a{
   /*display:inline;*/
/*   height: auto;*/
   /*font-size: 2px;*/
   float:left;
   /*width: 100%;*/
    /*list-style-type: none;*/    
    background: #333;
    padding-left: 5px;
    padding-right: 5px;
    
    
}
.ulSocial:after{
    content:"";
    clear:both;
    display:block;	
}
.divSmartHatenaB{
    display: none;
}
/*PCの上書き*/
 .ulSocialMain img{
    width: 35px;
    height: 35px;
}
/*ページトップボタン*/
.page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px;
    background: #e5ffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 12px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.page-top2 {
    position: fixed;
    bottom: 60px;
    right: 20px;
    padding: 7px;
    background: #e5ffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 8px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

}