body {
  background-image: url(http://jj0kmk.a.la9.jp/bg_jj0kmk.jpg);
  background-repeat: repeat;
  color: #000000;  font-size: 100%;
  line-height: 1.25;
}

h1 { color: #4682b4; font-size: 300%; display:inline; }
h2 { color: #009999; display:inline; }
h3 { color: #0000CD; display:inline; }
h4 { color: #003399; display:inline; }
a:link { color: #0000CC; }
a:visited { color: #000080; }
a:hover { color: #006699; }
a:active { color: #FF0000; }

#foot_a{float:left; width=40%; text-align:left;}  
#foot_b{float:right; width=40%; text-align:right;}

img {
  max-width: 100%;
  height: auto;
}

dt{
  color:Teal;
}

.alpha {
  max-width: 600px;
  margin:auto;
}
.alpha img{
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
  transition: 0.5s ;
}

.alpha a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}

.top-s {
  max-width: 740px;
  margin:auto;
  text-align:left;
}

#sc88{color:navy; }
#new{color:yellow; }
#hihai{color:maroon; }
#dai{font-size:120%; font-weight:bold; }
#sdate{float:right; width=40%; text-align:right; font-size:75%;}
#ato{font-size:75%; }
#mansetu{font-size:70%; }
#mansetu2{font-size:70%; color:white; }

table#q100 {
  border-style: solid; /* 枠の種類 */
  border-color: #A0A0A0 #606060 #606060 #A0A0A0; /* 枠の色 */
  border-width: 1px; /* 枠の幅 */
  WIDTH:90%;
  margin-left:auto; margin-right:auto;
  text-align:left;
}
table#q100 td.t{
  border-style: solid; /* 枠の種類 */
  border-color: #606060 #A0A0A0 #A0A0A0 #606060; /* 枠の色 */
  border-width: 1px; /* 枠の幅 */
  font-weight: bold;
  background: #00CC66;
}
table#q100 td.num {
  border-style: solid; /* 枠の種類 */
  border-color: #606060 #A0A0A0 #A0A0A0 #606060; /* 枠の色 */
  border-width: 1px; /* 枠の幅 */
  background: #99ccff;
}
table#q100 td.ans{
  border-style: solid; /* 枠の種類 */
  border-color: #606060 #A0A0A0 #A0A0A0 #606060; /* 枠の色 */
  border-width: 1px; /* 枠の幅 */
  background-color: rgba(255, 255, 255, 0.5);
  padding-left: 1em;
}

table#banbra{
  border-style: solid; /* 枠の種類 */
  border-color: #A0A0A0; /* 枠の色 */
  border-width: 1px; /* 枠の幅 */
  WIDTH:90%;
  margin-left:auto; margin-right:auto;
  text-align:left;
  border-collapse: collapse;
}
table#banbra th,td{
  border-style: solid; /* 枠の種類 */
  border-color: #A0A0A0; /* 枠の色 */
  border-width: 1px; /* 枠の幅 */
  margin-left:auto; margin-right:auto;
  text-align:left;
  border-collapse: collapse;
}
thead.haisin{
	background-color: #F7C7FF;
}
thead.mihaisin{
	background-color: #FFD4C7;
}
thead.nohaisin{
	background-color: #CBE6F3;
}
thead.urusei{
	background-color: #90ee90;
}
thead.mezon{
	background-color: #ffccff;
}
thead.ranma{
	background-color: #66ccff;
}
thead.inuyasha{
	background-color: #ff9999;
}
thead.rinne{
	background-color: #ffa07a;
}
thead.rumic{
	background-color: #ffff66;
}
table#humen{
  border-style: solid; /* 枠の種類 */
  border-color: #A0A0A0; /* 枠の色 */
  border-width: 1px; /* 枠の幅 */
  WIDTH:600px;
  text-align:left;
  border-collapse: collapse;
}
table#humen td.drum{
  border-style: solid; /* 枠の種類 */
  border-color: #A0A0A0; /* 枠の色 */
  background-color: #98fb98;
}
table#humen td.chord{
  border-style: solid; /* 枠の種類 */
  border-color: #A0A0A0; /* 枠の色 */
  background-color: #fffacd;
}
table#humen td.vocal{
  border-style: solid; /* 枠の種類 */
  border-color: #A0A0A0; /* 枠の色 */
  background-color: #ffcc33;
}

.midi {
  border-style: solid; /* 枠の種類 */
  border-color: #A0A0A0 #606060 #606060 #A0A0A0; /* 枠の色 */
  border-width: 1px; /* 枠の幅 */
  WIDTH:85%;
  margin-left:auto; margin-right:auto;
  text-align:left;
  border-collapse: collapse;
}
.midi th,.midi td{
  border-style: solid; /* 枠の種類 */
  border-color: #A0A0A0 #606060 #606060 #A0A0A0; /* 枠の色 */
  border-width: 1px; /* 枠の幅 */
  margin-left:auto; margin-right:auto;
  text-align:left;
  border-collapse: collapse;
}
thead.jas{
	background-color: #ccffcc;
}
thead.mijas{
	background-color: #ccffff;
}

#sinro table{
  border-style: solid; /* 枠の種類 */
  border-color: #A0A0A0 #606060 #606060 #A0A0A0; /* 枠の色 */
  border-width: 1px; /* 枠の幅 */
}
#sinro table th,#sinro table td{
  border:none;
  margin-left:auto; margin-right:auto;
  text-align:left;
}

.nire{
  width: 100%;
  display: flex;
}
.niretd{
  width: 50%;
}

.photo{
  width: 100%;
  display: flex;
}
.photo2{
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.photohd{
  WIDTH:80%;
  border-width:0px;
  height:2px;
  background-color:#5989cf;
}
.gazo{
  width:355px;
}
.gazo2{
  width:643px;
}
.phototd{
  flex: 1;
}
.e-setu{
  display: inline-block;
  text-align:left;
  margin: auto;
  border-style: hidden; /* 枠の種類 */
  background-color: #F0F8FF;
  width:800px;
}
.ekai {
  display: inline-block;
  text-align:left;
  margin: auto;
  border-style:hidden;
  background-color: #F0F8FF;
  width:600px;
}
.e-manga{
  margin: auto;
  border-style: hidden; /* 枠の種類 */
}
@media (max-width:450px) {
  .nire {
    flex-direction: column;
  }
  .niretd {
    width: 100%;
  }
  .photo {
    flex-direction: column;
  }
  .gazo {
    width: auto;
  }
  .e-manga{
    display: block;
    text-align:left;
    width: auto;
  }
}
@media (max-width:800px) {
  .gazo2 {
    width: auto;
  }
  .photo2 {
    flex-direction: column;
  }
  .ekai{
    width: auto;
  }
  .e-setu{
    width: auto;
  }
}


#banbradb.truncateable:hover {
  white-space: normal;

  position: absolute;

  background-color: #fff;
  z-index: 10;

  border: solid 1px #ccc;
  border-radius: 5px;
  padding: 5px 10px;
  top: -3px;
  left: -8px;
}