/********************************************************************************
 HEADER-MENU
********************************************************************************/
/* =============================== */
/* [ COMMON ] */
/* =============================== */
/* LINK-col */
a{
  background: transparent;
  /* LINK-TEXT */
  color: white;

  /* NEED: underLINE-off */
  text-decoration: none;
}
a:active, a:hover{
  background: transparent;
  /* LINK-TEXT( hover ) */
  color: #00ff00;

  /* NEED: underLINE-off */
  text-decoration: none;
}


/* jp(LINK-col)+++++++++++ */
a.lnkJP{
  background: transparent;
  color: #AAAAAA;
  text-decoration: none;
}
a.lnkJP:active, a.lnkJP:hover{
  background: transparent;
  color: #77AA77;
  text-decoration: none;
}
/* jp+++++++++++++++++++++ */


div.copyright{
  background-color: #220000;
  /* TEXT */
  font-size: 0.8rem;  /* (pt) x rem */
  color: #4477aa;
  text-align: center;
}

/* CONTENTS(etc) */
span.title{  /* TEXT */
  color: #99ccff;
}
span.mini{  /* TEXT */
  font-size: 0.7rem;  /* (pt) x rem */
}
/* 230 */
span.confirm{  /* TEXT */
  color: yellow;
}

/* =============================== */
/* [ (def)BODY ]                   */
/* =============================== */
/* BG, TEXT, (3)FONT */
body{
  background-color:  #000000;  /* dark-GREEN */
  color: #99ccff;
  font-size: 12pt;  /* SP */
}
/* ==================================== */
/* <header>                             */
/* (( viewport_SIZE : ** %(w/h) ))      */
/*   font-size: 5vw;    NG:iPAD(yoko)   */
/*   font-size: 5vh;                    */
/*   font-size: 5vmin;                  */
/*   font-size: 5vmax;                  */
/* ==================================== */
/* HEADER(1) */
header{
  /* background-color: red; */
  background-color: #AA1111;
  width: 100%;

  /* position: sticky; ...NG(Edge) */
  position: fixed;
  top:0; left:0; right:0;
  z-index: 9991;

  /* header-TEXT */
  color: white;
  text-align: center;

  /* header-AREA(1) */
  height:   25vmin;  /* SP: widthOR-h_25% */
  font-size: 4vmin;  /* SP: widthOR-h_04% */
}

/* HEADER-menu(1) */
div.menu{
  font-size: 4vmin;  /* SP: widthOR-h_04% */
  background-color: blue;

  /* TEXT */
  color: #99ccff;
  text-align: left;
}

/* CONTENTS(bg, text)(2) */
div.contents{
  margin-top: 30vmin;  /* SP: headerAREA +5 */

  /* BG */
  background-color: black;
  background-image: url("../img/bkg00.jpg");
  background-repeat: repeat;

  /* TEXT */
  color: #99ccff;
  text-align: left;
}

/* (2)CONTENTS(img) */
img.putFUL{
  width: 95vmin;  /* SP,PC: short-WorH */
}
img.putBIG{
  width: 75vmin;  /* SP,PC: short-WorH */
}
img.putHLF{
  width: 55vmin;  /* SP,PC: short-WorH */
}
img.putMIN{
  width: 35vmin;  /* SP,PC: short-WorH */
}


/* =============================== */
/* upd : [ PC,TB ]                 */
/* =============================== */
/* (( none )) */