@charset "UTF-8";
* {
  margin: 0;
  padding: 0; }

#testDisp {
  position: absolute;
  top: 10px;
  left: 48%;
  color: #FF0000;
  font-size: 24px;
  font-weight: bold; }

#main {
  width: 100%;
  background-color: #FF0000; }
  #main #topg {
    width: 100%; }
  #main #title {
    position: absolute;
    top: 30px;
    left: 120px;
    white-space: nowrap; }
    #main #title #ttl1 {
      color: #FFFFFF;
      font-size: 64px;
      margin-bottom: 2px;
      font-weight: 900; }
    #main #title #ttl2 {
      color: #FFFFFF;
      font-size: 24px;
      margin-top: 2px; }
  #main #sns {
    position: absolute;
    top: 10px;
    right: 10px; }

#news {
  clear: both;
  width: 100%;
  background-color: #EBEAAA; }
  #news p {
    padding: 8 5 5 5px;
    margin: 8 5 8 5px;
    font-weight: bold;
    font-size: large; }
  #news a {
    color: #FFFFFF;
    font-weight: bold; }
  #news ul {
    padding: 8 5 5 10px; }
  #news li {
    list-style-type: none; }

#prdct {
  width: 100%; }
  #prdct prdct_block1 {
    width: 100%;
    float: left;
    background-color: #FFFFFF; }
  #prdct prdct_block2 {
    width: 100%;
    float: left;
    background-color: #FFFFFF; }
  #prdct prdct_block3 {
    width: 100%;
    float: left;
    background-color: #FFFFFF; }
  #prdct prdct_block4 {
    width: 100%;
    float: left;
    background-color: #FFFFFF; }
  #prdct .boxl {
    width: 33%;
    float: left;
    background-color: #FFFFFF;
    padding-bottom: 5px; }
  #prdct .boxm {
    padding-left: 0.5%;
    width: 33%;
    float: left;
    background-color: #FFFFFF;
    padding-bottom: 5px; }
  #prdct .boxr {
    width: 33%;
    float: right;
    background-color: #FFFFFF;
    padding-bottom: 5px; }

#footer {
  clear: both;
  width: 100%;
  /*	background-color: #F0F0E8;
  	background-color: #FFC4D2;	//ピンク
  	background-color: #FF5810;	//橙
  	background-color: #FFAD89;	//
  	background-color: #DB99FF;	//紫
  */
  background-color: #EABFFF;
  /**/ }
  #footer p {
    padding: 8 5 5 5px;
    margin: 8 5 5 5px; }
  #footer a {
    color: #FFFFFF;
    font-weight: bold; }

#blockade {
  width: 400px;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.gbt {
  left: 100px;
  text-decoration: none;
  z-index: 3;
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 900px; }
  .gbt a {
    color: #FFFFFF;
    font-style: normal;
    text-decoration: underline; }
  .gbt a:link {
    color: #FFFFFF;
    font-style: normal;
    text-decoration: underline; }
  .gbt a:visited {
    color: #FFF0FF;
    text-decoration: underline; }
  .gbt a:hover {
    color: #FE6EDD;
    font-style: normal;
    text-decoration: underline; }
  .gbt a:active {
    text-decoration: none; }

#gbt1 {
  position: absolute;
  top: 300px; }

#gbt2 {
  position: absolute;
  top: 360px; }

#gbt3 {
  position: absolute;
  top: 420px; }

#gbt4 {
  position: absolute;
  top: 480px; }

#gbt5 {
  position: absolute;
  top: 540px; }