/*一番外の背景*/
body{
background-image:url(back.gif);
background-repeat:repeat;
font-family: "Mplus 1p" , sans-serif;
line-height: 150% ;
color: #2C2C2C;
}

/*新html-layout分*/
.top{
background:#E9F2EF;
font-weight:bold;
font-size: 95%;
color:#246E57;
border-top:6px ridge #ACC2BB;
border-right:6px ridge #ACC2BB;
border-left:6px ridge #ACC2BB;
border-bottom:1px solid #363D3C;
padding:0px 15px;
}

.nav00{
background:#D2E2DC;
font-size: 80%;
padding:3px 5px;
border-right:6px ridge #ACC2BB;
border-left:6px ridge #ACC2BB;
border-bottom:1px solid #363D3C;
}

.content00{
display:flex;
}

.sidebar00{
width:30%;
background:#e8e8e8;
padding:5px;
box-sizing:border-box;
border-right:1px solid #363D3C;
border-left:6px ridge #ACC2BB;
}

.side-under{
font-size: 80%;
}

.main00{
flex:1;
background:#F8F8F8;
font-size:80%;
box-sizing:border-box;
border-right:6px ridge #ACC2BB;
color:#246E57;
}

.footer{
font-size:80%;
background:#D2E2DC;
text-align:center;
padding:10px;
border-top:1px solid #363D3C;
border-right:6px ridge #ACC2BB;
border-left:6px ridge #ACC2BB;
border-bottom:6px ridge #ACC2BB;
}

/*一旦、消す
@media(max-width:768px){
.content{
flex-direction:column;
}}
*/

ul{
font-size:85%;
list-style-type:none;
background:#E9F2EF;
margin:1px;
padding:5px 5px 0px 5px;
}
ul li{
border:1px solid #363D3C;
margin:1px;
padding:5px;
}

/*ここから古いcssの残骸*/

a:link{color:#0099cc;text-decoration:none;}
a:visited{color:#a22041;text-decoration:none;}
a:hover{background-color:#00cc99;text-decoration:underline;}

div#main09{
BORDER-BOTTOM:1px solid black;
background:#DFEDE8;
}

div#main0a{
font-weight: bold;
padding:5px;
}

div#main0b{
padding:5px;
}

dt {
font-weight: bold;
color: #246E57;
}

dd {
color: #246E57;
}

.btn-neon3{
position:relative;
display:inline-block;
padding:5px 10px;
color:#03e9f4;
text-decoration:none;
text-transform:uppercase;
transition:0.5s;
letter-spacing:4px;
overflow:hidden;
font-weight:bold;
border:2px solid #8fbc8f;
border-radius:10px;
}
.btn-neon3:hover{
background:#87ceeb;
color:#ffff;
box-shadow:0 0 5px #03e9f4;
0 0 25px #03e9f4;
0 0 50px #03e9f4;
0 0 200px #03e9f4;
}

.btn-soft3{
width:80px;
height:35px;
border-radius:20px;
background-color:#C4D2CD;
border:none;
font-size:1rem;
color:#444;
box-shadow:20px 20px 60px #bec3c9,-20px -20px 60px #ffffff;
transition:all 0.2s ease;
cursor:pointer;
}
.btn-soft3:hover{
background-color:#C4EECD;
}
.btn-soft3:active{
box-shadow:inset 9px 9px 16px #bec3c9,inset -9px -9px 16px #ffffff;
transform:scale(0.98);
}

.btn-cute-pop3{
padding:10px 25px;
font-size:1.1rem;
font-weight:bold;
color:#fff;
background-color:#1182b4; /*4582b4*/
border:none;
border-radius:50px;
box-shadow:0 6px #003366;
cursol:pointer;
transition:all 0.2s;
outline:none;
}
.btn-cute-pop3:hover{
background-color:#ffc2cf;
transform:translateY(2px);
box-shadow:0 4px #ff8da1;
}
.btn-cute-pop3:active{
transform:translateY(6px);
width:100%;
box-shadow:0 4px none;
}