/***************************************************************/
/*  CSS for SBG league official site                           */
/***************************************************************/
@charset "utf-8"

/*--------------------------------------------*/
/*  body                                      */
/*--------------------------------------------*/
body {
  margin: 0;
  -webkit-text-size-adjust: 100%;
}

/*--------------------------------------------*/
/*  link                                      */
/*--------------------------------------------*/
a {
  text-decoration: none;
  outline: none;
}

a:link { color: inherit; }
a:visited { color: inherit; }

/*--------------------------------------------*/
/*  area definitions (div)                    */
/*--------------------------------------------*/
div#container {
  position: relative;
}

div#titlearea {
  font-size: 100%;
  margin: 1px 0px -1px 0px;
  padding: 30;
  width: auto;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  background: #0022ff;
}

div#textarea {
  font-size: 100%;
  margin: 1px 0px 0px 0px;
  padding: 10;
  width: auto;
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
  background: #020202;
}

div#textarea_margin {
  font-size: 100%;
  margin: 1px 0px 20px 0px;
  padding: 10;
  width: auto;
  filter: alpha(opacity=95);
  -moz-opacity: 0.95;
  opacity: 0.95;
  background: #020202;
}

div#detailtextarea {
  font-size: 100%;
  margin: 1px 0px -1px 0px;
  padding: 15;
  width: auto;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  background: #111111;
}

div#mailarea {
  font-size: 100%;
  margin: 1px 0px -1px 0px;
  padding: 0;
  width: auto;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  background: #333333;
}

div#textarea_margin_thick {
  font-size: 100%;
  margin: 1px 0px 20px 0px;
  padding: 10;
  width: auto;
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
  background: #020202;
}


/*--------------------------------------------*/
/*  header                                    */
/*--------------------------------------------*/
h1.gameinfo {
  margin: 0px;
  padding: 10px;
  color: #fffafa;
  background: #008b8b;
  font-family: 'メイリオ';
  font-size: x-large;
}

h2.gameinfo {
  margin: 3px 0px;
  padding: 0px;
  color: #000000;
  font-family: 'メイリオ';
  font-size: large;
}

/*--------------------------------------------*/
/*  regular text                              */
/*--------------------------------------------*/
p.contents_xlarge {
  margin: 0px;
  padding: 15px 0px 15px 0px;
  color: #ffffff;
  font-family: 'メイリオ';
  font-size: x-large;
}

p.contents_large {
  margin: 0px;
  padding: 15px 0px 15px 0px;
  color: #ffffff;
  font-family: 'メイリオ';
  font-size: large;
}

p.contents_large_black {
  margin: 0px;
  padding: 15px 0px 15px 0px;
  color: #000000;
  font-family: 'メイリオ';
  font-size: large;
}

p.contents_normal {
  margin: 0px;
  padding: 15px 0px 15px 0px;
  color: #ffffff;
  font-family: 'メイリオ';
  font-size: medium;
}

p.contents_normal_dense {
  margin: 0px;
  padding: 4px 0px 4px 0px;
  color: #ffffff;
  font-family: 'メイリオ';
  font-size: medium;
}

p.contents_normal_dense_black {
  margin: 0px;
  padding: 0px;
  color: #000000;
  font-family: 'メイリオ';
  font-size: medium;
}

p.contents_small {
  margin: 0px;
  padding: 5px 0px 5px 0px;
  color: #ccccff;
  font-family: 'メイリオ';
  font-size: small;
}

p.mail {
  margin: 0px;
  padding: 15px 0px 15px 0px;
  color: #ffffff;
  font-family: 'メイリオ';
  font-size: large;
  text-align: center;
}

p.contents_ul_title {
  margin: 20px 0px 5px 0px;
  padding: 0px;
  color: #ffee00;
  font-family: 'メイリオ';
  font-size: medium;
}

p.contents_highlight {
  margin: 0px;
  padding: 15px 0px 15px 0px;
  color: #ff8888;
  font-family: 'メイリオ';
  font-size: large;
}

h3.normal {
  margin: 0px;
  padding: 15px 0px 15px 0px;
  color: #ffffff;
  font-family: 'メイリオ';
  font-size: x-large;
}

/*--------------------------------------------*/
/*  list                                      */
/*--------------------------------------------*/
dt {
  margin: 15px 0px 0px 5px;
  color: #ffffff;
  font-weight: bold;
  font-family: 'メイリオ';
}

dd {
  margin: 5px 20px 5px 20px;
  color: #ffffff;
  font-family: 'メイリオ';
}

ul.horizontal_vertical {
  margin: 0px;
  padding: 0px;
}
ul.horizontal_vertical li {
  margin: 0px;
  padding: 13px 5px 10px 5px;
  font-family: 'メイリオ';
  list-style: none;
}
ul.in_table {
  margin: 0px;
  padding: 1px;
}
ul.in_table li {
  margin: 0px;
  padding: 0px 3px 0px 3px;
  font-family: 'メイリオ';
  list-style: none;
}
ul.smallletters {
  margin: 0px;
  padding: 10px 5px 10px 20px;
  font-family: 'メイリオ';
  font-size: small;
  list-style: disc;
  color: #dddddd;
}

/*--------------------------------------------*/
/*  table                                     */
/*--------------------------------------------*/
table.activities {
  margin: 0px;
  padding: 0px;
  color: #000000;
  background-color: #ffffff;
  font-family: 'メイリオ';
  font-size: medium;
}

table.activities th.title {
  color: #ffffff;
  background-color: #006666;
}

table.activities td {
  text-align: center;
}

table.activities td.narrow {
  width: 200px;
}

table.inningscore {
  margin: 0px;
  padding: 0px;
  color: #ffffff;
  font-family: 'メイリオ';
  font-size: medium;
}

table.inningscore th {
  padding: 0px 3px 0px 3px;
}

table.stats {
  margin: 0px;
  padding: 0px;
  color: #ffffff;
  font-family: 'メイリオ';
  font-size: medium;
  text-align: center;
}

table.stats tr.qualified {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  background-color: #0000ff;
}
table.stats tr.notqualified {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  background-color: #000077;
}
table.stats tr.team {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  background-color: #008800;
}

table.general {
  margin: 3px;
  padding: 0px;
  color: #ffffff;
  font-family: 'メイリオ';
  font-size: medium;
}
table.general td.number {
  text-align: right;
}
table.general td.center {
  text-align: center;
}
table.narrow_fixed {
  table-layout: fixed;
  width: 30%;
  color: #ffffff;
  font-family: 'メイリオ';
  font-size: medium;
}
table.narrow_fixed th {
  table-layout: fixed;
  width: 100px;
}
table.narrow_fixed td {
  table-layout: fixed;
  width: 50px;
}
table.narrow_fixed input {
  width: 100%;
}
table.narrow_fixed select {
  width: 100%;
}

/*--------------------------------------------*/
/*  image                                     */
/*--------------------------------------------*/
img.bg {
  min-height: 100%;
  min-width: 800px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}
img.align_right {
  float: right;
}

/*--------------------------------------------*/
/*  input                                     */
/*--------------------------------------------*/
input.small {
  width: 5em;
}

/*--------------------------------------------*/
/*  screen-size-dependent definition          */
/*--------------------------------------------*/

/* small, such as smartphone */
@media screen and (max-width: 800px){
  p.resize_image {
    width: 30%;
    margin: -15px 0px 0px 0px;
    padding: 0;
  }
  p.contents_condensed {
    margin: 0px;
    padding: 15px 0px 15px 0px;
    color: #ddddff;
    font-family: 'メイリオ';
    font-size: small;
  }
  p.LargeDispOnly {
    display: none;
  }
  img.logo {
    width: 180px;
    height: 180px;
  }
  img.title {
    width: 100%;
  }
  img.bg {
    left: 50%;
    margin-left: -400px;
  }file:///C:/Users/yo/HTML/SBG/park.jpg
  ul.horizontal_vertical li {
    border-width: 2px;
    border-color: #ffeedd;
    border-style: ridge;
    background-color: #dd5577;
  }
  ul.in_table li {
    border-style: none;
  }
  table.activities {
    width: 100%;
  }
  table.activities td.loctime {
    width: 6em;
  }
}

/* large, such as PC */
@media screen and (min-width: 801px){
  p.resize_image {
    width: auto;
    margin: -15px 0px 0px 0px;
    padding: 0;
  }
  p.contents_condensed {
    margin: 0px;
    padding: 15px 0px 15px 0px;
    color: #ddddff;
    font-family: 'メイリオ';
    font-size: medium;
  }
  p.SmallDispOnly {
    display: none;
  }
  img.logo {
    width: 180px;
    height: 180px;
  }
  img.title {
    width: auto;
  }
  ul.horizontal_vertical {
    overflow: hidden;
  }
  ul.horizontal_vertical li {
    width: 12em;
    float: left;
    border-width: 2px;
    border-color: #ffeedd;
    border-style: ridge;
    background-color: #dd5577;
  }
  ul.in_table li {
    width: 7em;
    float: left;
    border-style: none;
  }
  ul.in_table li.long {
    width: 20em;
  }
  table.activities {
    width: 800px;
  }
  table.activities td.loctime {
    width: 15em;
  }
}

/*--------------------------------------------*/
/*  area definitions (span)                   */
/*--------------------------------------------*/

span#align_left {
  float: left;
}

span#align_right {
  float: right;
}

span#text_red {
  color: #ff0000;
}