/**
 * BASEBALL HEROES 2013 e-AMUSEMENTサイトで共通的に利用する表のスタイル
 */

.friend_summary_table {
width:100%;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.friend_summary_table th{
width: 25%;
padding: 4px;
text-align: left;
vertical-align: top;
color: #444;
background-color: #ccc;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.friend_summary_table td{
padding: 4px;
color: #000;
background-color: #fafafa;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

/* スマホ用 選手カード能力一覧テーブル */
.sp_card_ability_table {
  border-top: 1px #4A4A4A solid;
  border-left: 1px #4A4A4A solid;
}

.sp_card_ability_table th {
  background-color:#808080;
  font-weight:normal;
  border-bottom: 1px #4A4A4A solid;
  border-right: 1px #4A4A4A solid;
}
.sp_card_ability_table td {
  border-bottom: 1px #4A4A4A solid;
  border-right: 1px #4A4A4A solid;
}

table.gridtable {
  font-family: verdana,arial,sans-serif;
  font-size:11px;
  color:#333333;
  border-width: 1px;
  border-color: #666666;
  border-collapse: collapse;
}
table.gridtable th {
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #666666;
  background-color: #dedede;
}
table.gridtable td {
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #666666;
  background-color: #ffffff;
}


table.bbhtable {
  width:100%;
  color:#666;
  font-size:12px;
  background:#212121;
  text-align:left;

  /* 表で使うフォント */
  font-size:10pt;
  font-family: “ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro W3″,メイリオ,Meiryo,”ＭＳ Ｐゴシック”,sans-serif;
}
table.bbhtable caption {
  color:#fff;
  font-size:14pt;
  text-align:left;
}

.bbhtable a:active,
.bbhtable a:hover {
  color: #E9A10F;
  text-decoration:underline;
}
.bbhtable th {
  text-align:left;
  padding:5px 5px 5px 5px;
  border-bottom:1px solid #212121;
  background: #7F7F7F;
  color:#fff;
}
.bbhtable tr {
  text-align: center;
  padding-left:2px;
  color:#fff;
}
.bbhtable td {
  text-align:left;
  padding:5px;
  border-bottom:1px solid #212121;
  background: #444244;
  color:#fff;
}
.bbhtable tr.even td {
  background: #212121;
  color:#fff;
}
.bbhtable tr:hover td {

}

.table_separator {
  border-top:1px solid #6E2F4A;
}

/* お知らせのサブタイトル */
.bbhtable .news_subtitle {
  background-color:#05469C;
}

.bbhtable .news_caption {
  color:#FFF100;
}

/**********************/
/* 選手能力データ用テーブル
/**********************/
table.ability_table {
  padding-left:5px;
  width:100%;
  color:#666;
  font-size:12px;
  text-align:left;

  /* 表で使うフォント */
  font-size:10pt;
  font-family: “ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro W3″,メイリオ,Meiryo,”ＭＳ Ｐゴシック”,sans-serif;
}
table.ability_table caption {
  font-weight:bold;
  color:#FFF100;
  font-size:14pt;
  text-align:left;
  border-bottom:1px solid #000;
}

.ability_table a:active,
.ability_table a:hover {
  color: #E9A10F;
  text-decoration:underline;
}
.ability_table th {
  text-align:left;
  font-weight:normal;
  padding:5px 5px 5px 5px;
  width:15%;
  color:#fff;
}
.ability_table tr {
  text-align: center;
  padding-left:2px;

  color:#fff;
}
.ability_table td {
  text-align: left;
  padding:2px;
  font-size:11pt;
  
  color:#FFFFFF;
  white-space: nowrap;
}
.ability_table tr.even td {
  color:#fff;
}
.ability_table tr:hover td {

  color:#FFED00;
}


/**********************/
/*     グラフバー      */
/**********************/
/* 選手能力値グラフ表示用 囲箱 と バー(＋成長値バー) */
.graph, .graph_special_skill, .graph_skill, .graph_kyushu {
  position: relative; /* IE is dumb */
  width: 120px;
  border: 1px solid #49B6E1;
  padding: 1px;
  background-color:#000;
}
/* 基本能力値用グラフ */
.graph {
  background-image: url("/game/bbh/pop/p/css/css_image/bar_basic_background.gif");
  background-repeat: repeat-y;
  z-index:0;
}
/* スペシャルスキル用グラフ */
.graph_special_skill {
  width: 180px;
}
/* スキル用グラフ */
.graph_skill {
    background-image: url("/game/bbh/pop/p/css/css_image/bar_skill_background.gif");
    background-repeat: repeat-y;
}
/* 球種用グラフ */
.graph_kyushu {
    background-image: url("/game/bbh/pop/p/css/css_image/bar_kyushu_background.gif");
    background-repeat: repeat-y;
}

/* グラフ用 伸縮バー */
.graph .bar, .graph .bar_grow,
.graph_skill .bar, .graph_skill .bar_grow,
.graph_kyushu .bar, .graph_kyushu .bar_grow {
  display: block;
  position: relative;
  background: #45F2F9;
  text-align: center;
  color: #FFFFFF;
  height: 10px;
  z-index:1;
  line-height: 10px;
}
/* グラフ用 伸縮バーのspan位置 */
.graph .bar span, .graph .bar_grow span,
.graph_skill .bar span, .graph_skill .bar_grow span,
.graph_kyushu .bar span, .graph_kyushu .bar_grow span {
  position: absolute;
}
/* グラフ用 伸縮バーのgraph内の位置 */
.graph .bar_grow,
.graph_skill .bar_grow,
.graph_kyushu .bar_grow {
  position:absolute;
  top:1px; left:1px; /* graph の padding と同値 */
  background: #FF00FF;
  z-index:0;
}

/* 成長値の色 */
.growval_text {
  color:#FF00FF;
}

/**********************/
/*   選手能力レイアウト */
/**********************/
#ability_container
{
  margin:10px 5px 10px 5px;
  font-size:14pt;
  color: #FFFFFF;
}