body{
 margin: 0px;
 background-color: #ffffff;
font-family: serif;
}

#menu{
 position: fixed;
 float: left;
 width: 9%;
 z-index: 20000;
 background: #ffffff;
}

#pmax{
 width: 120%;
 height: auto;
 padding: 5px;
 margin: 3px 0 0 10px;
 background: #738e6f;
 color: #ffffff;
 font-size: 1.2vw;
 text-align: left;
 font-weight: 100;
 font-family: serif;
}

#pmax:hover{
 background: #132e0f;
 color: #ffffff;
}

#pmax2{
 width: 120%;
 height: auto;
 padding: 5px;
 margin: 3px 0 0 10px;
 background: #ffffff;
 color: #435e3f;
 font-size: 1.2vw;
 text-align: left;
 font-weight: 100;
 font-family: serif;
}

.sple{
 text-decoration: none;
 color: #ffffff;
}

img.menu1{
 width: 110%;
 height: 3vh;
 margin: 5px 5px 5px 10px;
}

img.kabe{
 width: 100%;
 height: auto;
 margin: 10px 0;
}

img.menu2{
 width: 200px;
 height: 40px;
 margin-top: 10px;
 float: right;
}

img.sam{
 width: 100px;
 height: auto;
}

#menu4{
 position: relative;
 width: 50px;
 margin-right: 0;
 padding: 5px 5px 5px 10px;
 background-color: #ffffff;
}

#main{
 background: #ffffff;
}

#wakuomenyu{
 width: 70%;
margin-top: 10px;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 100px;
 padding: 5px 5px 0 5px;
 border-radius: 10px;
 background-color: #ffffff;
 text-align: center;
 font-size: 100%;
 color: #000000;
}

#wktt{
 font-size: 4vw;
 font-weight: 900;
 transform: scale(1.3, 1.1);
 font-family: serif;
 color: #435e3f;
 margin-top: 30px;
}

img.openmenu{
 width: 80%;
 height: auto;
 margin-bottom: 10px;
}

img.openmenu:hover{
 opacity: 0.7;
 filter:alpha(opacity=70);
}

#openmenuQ{
 width: 75%;
 height: 50%;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 10px;
 padding: 2.75% 0 2.7% 5%;
 font-size: 2.2vw;
 background: #000000;
 color: #ffffff;
 text-align: left;
}

#openmenuQ:hover{
 opacity: 0.7;
 filter:alpha(opacity=70);
}

hr.das{
 border: 1px solid #ffffff;
}

hr.dash{
 border: 1px dashed #435e3f;
}

.eko{
 border-collapse: collapse;
 border: none;
}

.eko th{
 width: 50%;
 border: none;
}

img.ek{
 width: 90%;
 height: auto;
 margin-top: 5px;
 margin-left: auto;
 margin-right: auto;
}

#wakuoek{
 width: 90%;
 margin-left: 5%;
 margin-right: 5%;
 padding: 5px;
 border-radius: 5px;
 background-color: #ffffff;
 font-size: 13px;
}

#wakuoe1{
 width: 85%;
 margin-left: auto;
 margin-right: auto;
 margin-top: 15px;
 margin-bottom: 15px;
 padding: 15px;
 border-radius: 20px;
 border: 3px solid #ffffff;
 background-color: #ffffff;
}

HR.totyuek{
 border: 1px dashed #aaaaaa;
}

.l{
 text-align: left;
 font-size: 15px;
}

#wakuoblank3{
 background-color: rgb(237,218,180);
 border-radius: 10px;
 padding: 10px;
 width: 100%;
}

#gaibua{
 width: auto;
 height: auto;
 padding: 7px;
 margin: 5px 0 0px 0;
 border-radius: 100px;
 background: #855555;
 color: #ffffff;
 font-size: 15px;
 text-align: center;
 text-decoration: underline;
}

#gaibui{
 width: auto;
 height: auto;
 padding: 7px;
 margin: 0 0 0 0;
 border-radius: 20px 20px 0 0;
 background: #cccccc;
 color: #555555;
 font-size: 15px;
 text-align: center;
}

#wakuoblanki{
 background-color: #eeeeee;
 border-radius: 20px 20px 10px 10px;
 padding: 0 0px 5px 0px;
 width: 100%;
}

.l2{
 text-align: left;
 font-size: 14px;
 padding: 0 0 0 10px;
 line-height: 1.5;
}

a.opacity{
 display: inline-block;
}

a.opacity:hover img{
 opacity: 0.7;
 filter:alpha(opacity=70);
}

#gaibua:hover{
 opacity: 0.7;
 filter:alpha(opacity=70);
}

img.ek2{
 width: 60%;
 height: auto;
 margin-top: 5px;
 margin-left: 10% auto;
 margin-right: 10% auto;
}

img.ek3{
 width: 70%;
 height: auto;
 margin-top: 5px;
 margin-left: 10% auto;
 margin-right: 10% auto;
}

.ek2:hover{
 opacity: 0.7;
 filter:alpha(opacity=70);
}

.ek3:hover{
 opacity: 0.7;
 filter:alpha(opacity=70);
}

.eko2{
 border-collapse: collapse;
 border: none;
}

.eko2 td{
 width: 50%;
 border: none;
}

.eko3{
 border-collapse: collapse;
 border: 2px solid #ffffff;
 width: 80%;
}

.eko3 th{
 background: #435e3f;
 color: #ffffff;
 padding: 2px;
 border: 3px solid #ffffff;
}

.eko3 td{
 height: 20px;
 background: #f6fcfa;
 border-radius: 13px;
 border: 3px solid #ffffff;
}

#LS{
 padding: 10px 0;
 background: #855555;
 color: #ffffff;
 border-radius: 5px;
 text-align: center;
 text-decoration: none;
}

#LS:hover{
 opacity: 0.7;
 filter:alpha(opacity=70);
}

.eko4{
 border-collapse: collapse;
 border: 2px solid #ffffff;
 width: 80%;
}

.eko4 th{
 background: #435e3f;
 color: #ffffff;
 padding: 2px;
 border: 3px solid #ffffff;
}

.eko4 td{
 height: 20px;
 border-radius: 13px;
 border: 3px solid #ffffff;
}

.credit{
 border-collapse: collapse;
}

.credit tr{
 margin: 2px 0;
}

.credit th{
 font-size: 85%;
 padding: 2px 10px;
 border: 1px solid #bbbbbb;
 text-align: right;
}

.credit td{
 font-size: 85%;
 padding: 2px 10px;
 border: 1px solid #bbbbbb;
}

.credit th:nth-child(2n){
 background: #efefef; 
}

.credita{
 border-collapse: collapse;
}

.credita tr{
 margin: 2px 0;
}

.credita th{
 width: auto;
 font-size: 85%;
 padding: 2px 10px;
 border: 1px solid #bbbbbb;
 text-align: right;
}

.credita td{
 font-size: 85%;
 padding: 2px 10px;
 border: 1px solid #bbbbbb;
 text-align: left;
}

.credit th:nth-child(2n){
 background: #efefef; 
}

#gaibum2{
 width: auto;
 height: auto;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 5px;
 padding: 2px;
 border-radius: 100px;
 background: #c1ccc1;
 color: #000000;
 font-size: 13px;
 font-family: sans-serif;
 text-align: center;
 text-decoration: underline;
}

#wakuoex3{
 width: 15vw;
 margin: 5px;
 padding: 5px 2px;
 border-radius: 17px;
 background-color: #bfdfff;
 font-size: 13px;
 line-height: 1.8;
}

#wakuoex3a{
 width: auto;
 margin-top: 15px;
 margin-left: 0 auto;
 margin-right: 0 auto;
 margin-bottom: 15px;
 padding: 5px 2px;
 border-radius: 17px;
 background-color: #cfdfcf;
 font-size: 13px;
 line-height: 1.8;
 text-align: center;
}

#M0{
 display: inline-block;
 margin: none;
 height: 130px;
}

img.M1{
 width: 5%;
 height: 100%;
 position: relative;
}

img.M2{
 width: auto;
 height: 100%;
}

#M3{
 width: 30%;
 height: 100%;
 display: inline-block;
 border-radius: 10px;
}

.M3A{
 height: 30%;
 vertical-align: middle;
 text-align: center;
 color: #ffffff;
}

.M3A th{
 font-size: 2vw;
}

.M3B{
 height: 10px;
 vertical-align: middle;
 text-align: center;
 font-size: 1.2vw;
 color: #ffffff;
}

.M3B th{
 line-height: 1px;
 font-size: 2vw;
}

#M4{
 width: 100%;
 height: 100%;
 font-size: 1vw;
 border-radius: 10px;
 margin-top: 3px;
}

#Mae{
 display: inline-block;
 position: relative;
 width: 106px;
 height: 130px;
 background-color: rgb(237,218,180);
 border-radius: 10px;
 font-size: 1vw;
}

#M5{
 width: auto;
 height: auto;
 width: 100px;
 padding: 3px 0;
 margin-top: 3px;
 border-radius: 10px;
 background: #855555;
 color: #ffffff;
 font-size: 1vw;
 text-align: center;
 text-decoration: underline;
}

#M5:hover{
 opacity: 0.7;
 filter:alpha(opacity=70);
}

.LKU{
 text-decoration: none;
}

img.ekc{
 width: 90%;
 height: auto;
 margin-top: 5px;
 margin-left: auto;
 margin-right: auto;
}

img.ekcm{
 width: 9vw;
 height: auto;
 margin: 5px 20px;
 border-radius: 100%;
}

#wakuoekc{
 width: 100%;
 padding: 5px 5px 5px 0;
 border-radius: 5px;
 background-color: #ffffff;
 font-size: 13px;
}

#gaibuicha{
 width: auto;
 height: auto;
 padding: 15px 10px 10px 10px;
 margin: 0 0 0 0;
 border-radius: 15px 15px 0 0;
 background: #cccccc;
 color: #000000;
 font-size: 15px;
 text-align: left;
}

img.yonkoma{
 width: 100%;
 height: auto;
 vertical-align: center;
 margin: 0px;
}

#open,
#close{
 width: 25%;
 border: 1px solid #1b873b;
 border-radius: 200px;
 text-align: center;
 padding: 5px;
 background: #1b873b;
 color: white;
}

#mask{
 background: rgba(0,25,0,0.4);
 position: fixed;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
}

#modal{
 background: #ffffff;
 color: #555;
 width: 60%;
 height: auto;
 padding: 2% 2% 0% 2%;
 border-radius: 10px;
 position: fixed;
 top: 5%;
 left: 0;
 right: 0;
 margin: 0 auto;
 font-size: 1.5vw;
}

img.mw{
 width: 20vw;
 height: auto;
 vertical-align: center;
 margin: 0px;
}

.l3{
 text-align: left;
 font-size: 1vh;
 padding: 0 0 0 10px;
 line-height: 1.5;
}

#wakuoblanki2{
 background-color: #eeeeee;
 border-radius: 10px;
 padding: 5px 0px;
 width: 100%;
}

img.samx{
 width: 5vw;
 height: auto;
 margin: 0 5px;
}

.ae2{
 border: 1px dashed #ffffff;
}

.mwta{
 text-align: left;
 font-size: 2.2vh;
 line-height: 1.2;
}

.mwta th{
 width: 40%;
}

.mwta tr{
 width: 60%;
}

.l3{
 text-align: left;
 font-size: 1.8vh;
}

.l4{
 text-align: left;
 font-size: 2.2vh;
}

.l5{
 text-align: left;
 font-size: 2.0vh;
 color: #88AA88;
}

.l6{
 text-align: left;
 font-size: 3.5vh;
 background: #ccddcc;
 font-weight: 800;
}

.l7{
 text-align: left;
 font-size: 5vh;
}

.l52{
 font-size: 2.2vh;
 line-height: 1;
}

.l62{
 font-size: 3.5vh;
 line-height: 1;
}

#close:hover{
 opacity: 0.7;
 filter:alpha(opacity=70);
}

#wakuoexm{
 width: auto;
 margin-top: 15px;
 margin-left: 0 auto;
 margin-right: 0 auto;
 margin-bottom: 15px;
 padding: 5px 2px;
 border-radius: 17px;
 background-color: #ffffff;
 text-align: center;
}

#gaibuax{
 width: auto;
 height: auto;
 padding: 7px;
 margin: 5px 0 0px 0;
 border-radius: 100px;
 background: #855555;
 color: #ffffff;
 font-size: 2.2vh;
 text-align: center;
 text-decoration: underline;
}

#gaibuax:hover{
 opacity: 0.7;
 filter:alpha(opacity=70);
}

.creditd{
 border-collapse: collapse;
 font-size: 85%;
 padding: 2px 10px;
 text-align: left;
}

.creditd tr{
 margin: 2px 0;
}

.creditd th{
 padding: 2px 10px;
 border: 1px solid #bbbbbb;
 background: #ffe5a1;
 text-align: right;
}

.creditd td{
 padding: 2px 10px;
 border: 1px solid #bbbbbb;
}



.membercen{
float: left;
width: 40%;
margin-left: auto;
margin-right: auto;
}

.membercen tr{
border: 1px solid #777777;
}

.membercen2{
float: left;
margin-left: auto;
margin-right: auto;
background: #cccccc;
}

.membercen2 tr{
border: 1px solid #777777;
}

img.rad{
 width: 7vw;
 height: auto;
 margin: 5px 20px;
}

img.rad:hover{
 opacity: 0.5;
 filter:alpha(opacity=50);
}

.tweetjump{
background: #3b99ff;
color: #ffffff;
 font-weight: bolder;
 font-size: 1.5vh;
 padding: 5px;
 line-height: 2.0;
}

.tweetjump:hover{
 opacity: 0.5;
 filter:alpha(opacity=50);
}

img.kabex{
 width: 40%;
 height: auto;
 margin: 10px 0;
}

img.kabex2{
 width: 100%;
 height: auto;
 margin: 10px 0;
}

.kabex2:hover{
 opacity: 0.5;
 filter:alpha(opacity=50);
}


img.kabedx{
 width: 20%;
 height: auto;
 margin: 10px 0;
}