@charset "utf-8";

/* ------------------------------ charaList ------------------------------ */

#mechaPage{
    background: url(../img/mecha/bg_mecha.jpg) no-repeat;
    background-attachment: fixed;
    background-position: center top;
}

#mechaPage h2.pageTitle{
    background: url(../img/mecha/mechapage_title.png) left top no-repeat;
    width: 152px;
    height: 29px;
    margin: 30px auto 30px auto;
}

#mechaPage ul#mechaList{
    width: 251px;
    overflow: hidden;
    margin: 0 auto;
    min-height:500px;
    margin-top:60px;
}

#mechaPage ul#mechaList li{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 294px;
    height: 237px;
    margin-bottom: 35px;
}

#mechaPage ul#mechaList li a:hover{
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

/* ------------------------------ charaDetail ------------------------------ */

#mechaFlame{
    min-width:1024px;
    padding-bottom:100px;
}

.mechaStyle{
    margin-top: 24px;
    background: url(../img/common/bg_contents.png) left top repeat;
    overflow: hidden;
    margin-right:0px;
    position:relative;
    min-height:450px;
    padding:50px 0 50px 70px;
}

.mechaStyle h2{
    margin-bottom:50px;
}

.mechaStyle h3{
    margin:30px 0;
    padding:30px 0px;
    border-top:1px solid #2b2b2b;
    border-bottom:1px solid #2b2b2b;
}

.mechaProfile{
    line-height:24px;
}

.mechaImg{
    margin-top:10px;
}


/**/
ul.mechaBtn{
    clear: both;
    text-align: left;
    margin-top:30px;
    margin-left:270px;
    margin-bottom: 30px;
}

ul.mechaBtn li{
    display: inline-block;
    /display: inline;
    /zoom: 1;
}

ul.mechaBtn li a:hover{
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}