@charset "utf-8";

body{
    line-height: 1.7;
}

img{
    vertical-align: bottom;
}

.textmargin{
    margin: 10px;
}

.entiretop{
    width: 700px;
    height: 700px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -350px 0 0 -350px;
    padding: 0;
}

.tos{
    width: 700px;
    height: 500px;
    margin: 0 auto;
}

.toslink{
    background-color: #ffe8c4;
    color: #000;
}

.toslink:hover{
    background-color: #fff5e1;
}

.topcontent{
    display: flex;
}

.selectorioralb{
    display: flex;
    width: 350px;
    height: 40px;
    margin: 0 auto;
    
}

.musiclogo{
    width: 170px;
    height: 70px;
    margin: 0 auto;
}

.musicnotice{
    width: 800px;
    height: 50px;
    margin: 0 auto;
}

.mp3table{
    border-collapse: collapse;
    margin: 0 auto;
}

th, td{
    border: 1px solid #9ddfa7;
    padding: 8px;
}

.mp3table th:first-child{
    width: 800px;
    background-color: #ceffa7;
}

.mp3table th:last-child{
    width: 40px;
    background-color: #ceffa7;
}

.mp3table td:first-child{
    width: 200px;
    font-weight: bold;
}

.mp3table td:nth-child(even){
    width: 600px;
}

.mp3table td:last-child{
    width: 40px;
}

.mp3table tr:hover{
    background-color: #f0ffe4;
}

.softtable{
    border-collapse: collapse;
    margin: 0 auto;
}

.softtable th:first-child{
    width: 800px;
    background-color: #ceffa7;
}

.softtable td:first-child{
    width: 100px;
    font-weight: bold;
}

.softtable td:nth-child(even){
    width: 100px;
}

.softtable td:last-child{
    width: 600px;
}

.softtable tr:hover{
    background-color: #f0ffe4;
}

.copyright{
    text-align: center;
}

a:hover img{
    opacity: 0.5;
}

.aboutlink{
    margin: 10px;
}

.aboutlink a{
    color: #e4960b
}

.aboutlink a:link{
    color: #e4960b
}

.aboutlink a:visited{
    color: #e4960b
}

.aboutlink a:hover{
    color: #e1cc3e
}

.aboutlink a:active{
    color: #e1cc3e
}

.musicreturnlink{
    width: 860px;
    height: 40ps;
    margin: 0 auto;
}

.musicreturnlink a{
    color: #9ddfa7
}

.musicreturnlink a:link{
    color: #9ddfa7
}

.musicreturnlink a:visited{
    color: #9ddfa7
}

.musicreturnlink a:hover{
    color: #ceffa7
}

.musicreturnlink a:active{
    color: #ceffa7
}

.tinyadventure{
    width: 800px;
    height: 250px;
    margin: 0 auto;
}

.albumreturnlink{
    width: 860px;
    height: 40ps;
    margin: 0 auto;
}

.albumreturnlink a{
    color: #49ffe9
}

.albumreturnlink a:link{
    color: #49ffe9
}

.albumreturnlink a:visited{
    color: #49ffe9
}

.albumreturnlink a:hover{
    color: #b3ffe9
}

.albumreturnlink a:active{
    color: #b3ffe9
}

.softdetail{
    width: 700px;
    height: 500px;
    margin: 0 auto;
}

.softdetailtable{
    border-collapse: collapse;
    margin: 0 auto;
}

.softdetailtable td{
    border: solid 0px;
    padding: 0.5em;
}

.softdetail_center{
    width: 700px;
    text-align: center;
}