* {
    font-family: 'Maven Pro', Arial;    
}
div { overflow: auto; }

body { margin: 0; padding: 0; border: none; background: url(mooning.png) repeat; height: 100%; overflow: auto; font-size: 14pt; }
a { text-decoration: none; color: #2083e6; }
a:hover { text-decoration: underline; }

.maincontainers { width: 100%; margin: 0; padding: 0; display: block; }
.intestines { width: 60%; min-width: 320px; margin: 0 auto 0 auto; padding: 0; display: block; }
.maincontainers h2 { text-align: left; font-size: 120%; font-weight: 100;}
.maincontainers h1 { text-align: center; font-size: 150%; }

.menu { min-height: 32px; background-image: url(backback.png); color: #e3e3e3; font-size: 110%; }
    .menu .intestines { text-align: right; margin-top: 6px; }
    .menu h2.intestines { text-align: left; margin-top: 28px; }
    .menu a { color: inherit; }
#top {
    background-image: url(flag.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
}
#top img {
    display: inline-flex;   
    margin: 20px;
}

#firstmenu {
    position: sticky;
    top: 0px;
    background-image: url(hexabump.png);
    box-shadow: 0px 1px 3px black;
}

.submissionlink { text-align: center;
}
    .submissionlink a {
        display: block;
        margin: 0 auto;
        background-color: #b60024ff;
        color: black;
        width: 250px;
        min-height: 30px;
        padding-top: 4px;
        box-shadow: 0px 0px 8px black;        
    }
        .submissionlink a:hover {
            text-decoration: none;
            color: lightgray;
        }

#maintitle {
    text-align: center;
    background-image: url(backbackTr.png);
}
    #maintitle h1, #maintitle h2 {
        font-weight: normal;
        margin: 0;
    }
    #maintitle h1 { font-size: 250%; }
    #maintitle table { width: 100%; font-size: 130%; }
    #maintitle td { padding: 3px 0 8px 0; }
#subtitle { background-image: url(backback.png); color: #e3e3e3; font-size: 110%; }
    #subtitle .intestines { margin: 6px auto 6px auto; text-align: center; }

#program {
    background-color: white;
}
    #program table { border-spacing: 12px; }
    #program td { border-top: 1px solid black; vertical-align: top; }
    #program b { font-weight: normal; color: red; letter-spacing: 2pt; }
        #program b span { color: black; letter-spacing: normal; }
    #program thead { font-weight: bold; }
    #program i { font-style: normal; } 
        #program i span { font-family: Verdana; font-size: 90%; }
    #program a { color: red; }

    #program table { border-collapse: collapse; }
    .namae { color: #c40a0a; }
    .hyoudai { font-style: italic; }
    #program td { text-align: center; }
    .bckleft { background-color: #b60024ff; }
    .bckcolor { background-image: url(hexabump.png); color: white; }

    .hideit { display: none; }
.morebutton {
    display: inline;
    color: red;
}
    .morebutton:hover {
        cursor: pointer;
    }

    p {
        text-align: justify;
    }
#getting iframe { width: 98%; min-width: 300px; height: 600px; margin: 0 auto 30px auto; display: block; }
#getting img { width: 95%; display: block; border: solid 1px black; margin: 15px auto 0px auto; }

#abstracts em { font-family: Verdana; font-size: 90%; }
#abstracts .prof { font-size: 110%; text-align: left; width: 100%; color: red; }
#abstracts .title { font-size: 110%; text-align: center; width: 100%; font-style: italic; }


#rockbottom { background-image: url(hexabump.png); height: 500px; width: 100%; text-align: center; color: #e3e3e3; font-size: 70%; margin-top: 150px; padding-top: 7px; }
    #rockbottom a { color: inherit; }