@charset "UTF-8";
/*==============================================================================
	全体
==============================================================================*/
* {
        margin: 0;                                                         /* 領域間のスペースを「0」に指定 */
        padding: 0;                                                        /* 領域内のスペースを「0」に指定 */
}
body {
        background-image:url('../images/pe07_bg.gif');                     /* 背景画像の指定 */
        background-attachment: fixed;                                      /* 背景画像の「固定」 */
        font-family: sans-serif;                                           /* フォントの種類を「sans-serif」に指定 */
        text-align: center;                                                /* 横に「中央揃え」 */
}
/*==============================================================================
	タイトルロゴ
==============================================================================*/
h1 {
        margin: 21px auto 22px auto;                                       /* 上(領域間)に「21px」、下(領域間)に「22px」のスペースを空ける */
        line-height: 0;                                                    /* 行の高さを「0」に指定 */
}
/*==============================================================================
	画像
==============================================================================*/
img {
        max-width: 100%;                                                   /* 画像の幅の最大値を「100%」に制限 */
        height: auto;                                                      /* 高さを「auto」に指定 */
}
/*==============================================================================
	Brandish
==============================================================================*/
h2 {
        margin: auto auto 50px auto;                                       /* 下(領域間)に「50px」のスペースを空ける */
        line-height: 0;                                                    /* 行の高さを「0」に指定 */
}
/*==============================================================================
	Weapon
==============================================================================*/
h3 {
        margin: 50px auto auto auto;                                       /* 上(領域間)に「50px」のスペースを空ける */
        line-height: 0;                                                    /* 行の高さを「0」に指定 */
}
table {
        border: outset thin gray;                                          /* ボーダーのスタイルを「outset」、太さを「thin」、色を「gray」に指定 */
        border-spacing: 2px;                                               /* セルのボーダーの間隔を「2px」に指定 */
        max-width: 100%;                                                   /* テーブルの幅の最大値を「100%」に制限 */
        line-height: 0;                                                    /* 行の高さを「0」に指定 */
}
#donki {
        margin: 21px auto auto auto;                                       /* 上(領域間)に「21px」のスペースを空ける */
}
th {
        border: inset thin gray;                                           /* ボーダーのスタイルを「inset」、太さを「thin」、色を「gray」に指定 */
        line-height: normal;                                               /* 行の高さを「normal」に指定 */
}
#icon_d {
        width: 75px;                                                       /* 幅を「75px」に指定 */
        height: 50px;                                                      /* 高さを「50px」に指定 */
}
#name_d {
        width: 151px;                                                      /* 幅を「151px」に指定 */
}
#coin_d {
        width: 93px;                                                       /* 幅を「93px」に指定 */
}
#ap_d {
        width: 35px;                                                       /* 幅を「35px」に指定 */
}
#str_d {
        width: 115px;                                                      /* 幅を「115px」に指定 */
}
#dex_d {
        width: 115px;                                                      /* 幅を「115px」に指定 */
}
#status_d {
        width: 242px;                                                      /* 幅を「242px」に指定 */
}
#get_d {
        width: 840px;                                                      /* 幅を「840px」に指定 */
}
tbody {
        line-height: normal;                                               /* 行の高さを「normal」に指定 */
}
td {
        border: inset thin gray;                                           /* ボーダーのスタイルを「inset」、太さを「thin」、色を「gray」に指定 */
}
.data {
        height: 50px;                                                      /* 高さを「50px」に指定 */
        line-height: 0;                                                    /* 行の高さを「0」に指定 */
}
#data_cool {
        height: 33px;                                                      /* 高さを「33px」に指定 */
        line-height: 0;                                                    /* 行の高さを「0」に指定 */
}
.data_2 {
        height: 74px;                                                      /* 高さを「74px」に指定 */
        line-height: 0;                                                    /* 行の高さを「0」に指定 */
}
#bou {
        margin: 19px auto auto auto;                                       /* 上(領域間)に「19px」のスペースを空ける */
}
#icon_b {
        width: 68px;                                                       /* 幅を「68px」に指定 */
        height: 50px;                                                      /* 高さを「50px」に指定 */
}
#name_b {
        width: 154px;                                                      /* 幅を「154px」に指定 */
}
#coin_b {
        width: 86px;                                                       /* 幅を「86px」に指定 */
}
#ap_b {
        width: 37px;                                                       /* 幅を「37px」に指定 */
}
#str_b {
        width: 113px;                                                      /* 幅を「113px」に指定 */
}
#dex_b {
        width: 117px;                                                      /* 幅を「117px」に指定 */
}
#status_b {
        width: 246px;                                                      /* 幅を「246px」に指定 */
}
#get_b {
        width: 824px;                                                      /* 幅を「824px」に指定 */
}
.data_bou {
        height: 26px;                                                      /* 高さを「26px」に指定 */
        line-height: 0;                                                    /* 行の高さを「0」に指定 */
}
#data_loyal {
        height: 33px;                                                      /* 高さを「33px」に指定 */
        line-height: 0;                                                    /* 行の高さを「0」に指定 */
}
#hamono {
        margin: 19px auto auto auto;                                       /* 上(領域間)に「19px」のスペースを空ける */
}
#icon_h {
        width: 68px;                                                       /* 幅を「68px」に指定 */
        height: 50px;                                                      /* 高さを「50px」に指定 */
}
#name_h {
        width: 143px;                                                      /* 幅を「143px」に指定 */
}
#coin_h {
        width: 95px;                                                       /* 幅を「95px」に指定 */
}
#ap_h {
        width: 45px;                                                       /* 幅を「45px」に指定 */
}
#str_h {
        width: 113px;                                                      /* 幅を「113px」に指定 */
}
#dex_h {
        width: 114px;                                                      /* 幅を「114px」に指定 */
}
#status_h {
        width: 242px;                                                      /* 幅を「242px」に指定 */
}
#get_h {
        width: 810px;                                                      /* 幅を「810px」に指定 */
}
#data_boku {
        height: 34px;                                                      /* 高さを「34px」に指定 */
        line-height: 0;                                                    /* 行の高さを「0」に指定 */
}
.data_hamono {
        height: 33px;                                                      /* 高さを「33px」に指定 */
        line-height: 0;                                                    /* 行の高さを「0」に指定 */
}
#data_ds {
        height: 50px;                                                      /* 高さを「50px」に指定 */
        line-height: 0;                                                    /* 行の高さを「0」に指定 */
}
.blood {
        font-weight: bold;                                                 /* フォントの太さを「bold」に指定 */
        color: red;                                                        /* 文字色を「red」に指定 */
}
#grow {
        margin: 18px auto 38px auto;                                       /* 上(領域間)に「18px」、下(領域間)に「38px」のスペースを空ける */
}
#icon_gr {
        width: 66px;                                                       /* 幅を「66px」に指定 */
        height: 26px;                                                      /* 高さを「26px」に指定 */
}
#name_gr {
        width: 210px;                                                      /* 幅を「210px」に指定 */
}
#coin_gr {
        width: 85px;                                                       /* 幅を「85px」に指定 */
}
#ap_gr {
        width: 50px;                                                       /* 幅を「50px」に指定 */
}
#dp_gr {
        width: 34px;                                                       /* 幅を「34px」に指定 */
}
#sp_gr {
        width: 35px;                                                       /* 幅を「35px」に指定 */
}
#speed_gr {
        width: 57px;                                                       /* 幅を「57px」に指定 */
}
#str_gr {
        width: 116px;                                                      /* 幅を「116px」に指定 */
}
#dex_gr {
        width: 116px;                                                      /* 幅を「116px」に指定 */
}
#status_gr {
        width: 258px;                                                      /* 幅を「258px」に指定 */
}
#skill_gr {
        width: 202px;                                                      /* 幅を「202px」に指定 */
        text-align: left;                                                  /* 横に「左端揃え」 */
}
#get_gr {
        width: 183px;                                                      /* 幅を「183px」に指定 */
}
.data_gr {
        height: 26px;                                                      /* 高さを「26px」に指定 */
        line-height: 0;                                                    /* 行の高さを「0」に指定 */
}
.data_gr2 {
        height: 34px;                                                      /* 高さを「34px」に指定 */
        line-height: 0;                                                    /* 行の高さを「0」に指定 */
}
.data_gr3 {
        height: 33px;                                                      /* 高さを「33px」に指定 */
        line-height: 0;                                                    /* 行の高さを「0」に指定 */
}
/*==============================================================================
	BACK
==============================================================================*/
#BACK {
        line-height: 0;                                                    /* 行の高さを「0」に指定 */
}
/*==============================================================================
	権利表記
==============================================================================*/
#C {
        font-size: 5px;                                                    /* フォントのサイズを「5px」に指定 */
}