/* BASE */
table th {
 text-align: left;
}
IMG.unuse{
  opacity: 0.25;
}
div.howto_tr{
  float: left;
  margin: 5px;
  padding: 2px;
}
div.howto_sh{
  float: left;
  margin: 8px;
}
div.howto_tr > div.item{
  margin: 0px;
}
div.howto_sh > div.item{
  margin: 0px;
}
div.howto_tr > div.item > img.img_48_48{
  border: solid 1px #cccccc;
}
div.howto_sh > div.item > img.img_48_48{
  margin: -1px 1px 1px 2px;
}
div.item{
  position: relative;
  float:left;
  text-align: center;
}
div.item > p{
  position: absolute;
  bottom: 12px;
  right: 1px;
  padding: 0 3px;
  font-size: 8pt;
  color: #eeeeee;
  background-color: rgba(0, 0, 0, 0.7);;
/*  font-family: Courier New, Consolas, Monaco, monospace, sans-serif, Menlo;*/
}

div.ground {
    display: inline-block;
    vertical-align: top;
    /*border-style: solid;*/
    /*border-color: #ff0000;*/
    /*border :1px;*/
}
table {
 border-collapse: collapse;
}
th {
 text-align: center;
}
td {
 white-space: nowrap;
 text-align:center;
}
td.bg_common {
 font-weight: normal;
 background-color: rgba(127,127,127,0.5);
}
td.bg_xemn {
 font-weight: normal;
 background-color: rgba(127,200,127,0.4);
}
td.bg_maia {
 font-weight: normal;
 background-color: rgba(150, 64,200,0.4);
}
td.bg_lyll {
 font-weight: normal;
 background-color: rgba(200,127,127,0.4);
}
td.bg_pochi {
 font-weight: normal;
 background-color: rgba(200,127,200,0.4);
}
td.bg_mixed {
 font-weight: normal;
 background-color: rgba(200,200,200,0.4);
}

/* スマートフォン用 */
@media screen and (max-width:1100px){
}
/* /スマートフォン用 */

/* PC用 */
@media screen and (min-width:1100px){
  DIV.screen0,DIV.screen0_unuse {
    width:12%;
    height: 120px;
  }
  DIV.height_auto{
    height: auto;
  }
  DIV.width_auto{
    width: auto;
  }
  IMG.tb{
   width: 600px;
  }
}
/* /PC用 */