.container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    user-select: none;
}

header {
	padding: 15px 20px;
    flex-shrink: 0;

    background: #095360 url(images/bg.jpg) repeat-x;
	font: 20px/24px Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Sans-Serif;
	color: #fff;
    user-select: none;
}

.inner{
    max-width:100%;
    margin:0 auto;
}
nav>.flex{
    align-items: center;
    height:50px;
}
.flex {
    display: flex;
    justify-content: space-between;
}
.flex li{
    margin-left:30px;
    list-style:none;
}
.flex li > a {
	color: #fff;
    text-decoration: none;
}
.body {
    flex-grow: 1;
    overflow: auto;
    min-height: 2em;
    user-select: none;
}
#body1{
	padding: 15px 20px;
    flex-grow: 1;
    overflow: auto;
    min-height: 2em;

    background: #1b9fb8 url(images/bg.jpg) repeat-x;
	font: 20px/24px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif;
	color: #fff;
    user-select: none;
}
#body2{
	padding: 15px 20px;
    flex-grow: 1;
    overflow: auto;
    min-height: 2em;

    background: #fff url(images/bg.jpg) repeat-x;
	font: 20px/24px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif;
	color: #000;
    user-select: none;
}
#body3{
	padding: 15px 20px;
    flex-grow: 1;
    overflow: auto;
    min-height: 2em;

    background: #1b9fb8 url(images/bg.jpg) repeat-x;
	font: 20px/24px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif;
	color: #fff;
    user-select: none;
}
#body4{
	padding: 10px 20px;
    flex-shrink: 0;

    background: #252e39 url(images/bg.jpg) repeat-x;
	font: 16px/20px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif;
	color: #fff;
    user-select: none;
}
footer{
	padding: 10px 20px;
    flex-shrink: 0;

    background: #252e39 url(images/bg.jpg) repeat-x;
	font: 16px/20px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif;
	color: #fff;
    user-select: none;
}
.icon{
    width: 150px;
    height: 150px;
}
.grid {
    width: 960px;
}
.grid > li {
    margin: 10px;
    float: left;
    list-style: none;
}

#body3 > li {
    margin: 10px;
    list-style: none;
}