body{
    background-color: #dddddd
}

.all {
    max-width: 1024px;
    margin: auto;
}

p{
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 1px;
    margin-right: 1px;
    font-size: 110%;
}

h2{
    font-size: 130%;
    margin: 1px;
}

.title{
    margin-top: 15px
}

h3,h4{
    font-size: 120%;
    font-weight: normal;
    margin: 1px;
}

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

.header{
    text-align: center;
    }

.lang{
    text-align: right;
    margin:0px;
    padding:0px;
}

.Navi ul{
    margin-left: 0;
    padding-left: 1em;
    text-indent: -1em;
}

.Navi ul li a img{
    max-width:130px;
    margin:1px;
}

.Navi ul li{
    list-style-type: none;
}

.main{
    margin: 20px;
    margin-left: 1px;
    margin-right: 1px;
    border-top: 1px solid black;
}

pre{
    margin-left: 15px;
}

.content{
    margin-bottom:25px;
}

.sample{
    width:50%;
    max-width: 512px;
    height: auto;
    margin-bottom:25px;
}

.separation{
    width:100%;
    max-width: 512px;
    height: auto;
    margin-bottom:25px;
}

.footer{
    text-align: right;
    border-top: 1px solid black;
}