@charset "utf-8";
/* CSS Document */

body{
 font: 14px/1.6 "Hiragino Kaku Gothic Pro",Osaka,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",Verdana,Arial,sans-serif;
 margin:0;
 color:#111111;
}

img{
 outline:none;
 border-style:none;
}


header{

    position: fixed; /* ヘッダーを固定する */
    color:#FFFFFF;
    text-align: center;
    padding-top: 20px;
    font-size: 20px;
    background-color: #00008b;
    width:100%;
    height: 50px; 
}


nav{
    width: 100%;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin-bottom: 5px;
}


section{
    display: block;
/*    width: 100%;*/
    margin: 20px auto;
    padding: 1%;
    background-color: #FFFFFF;

}
article{
	width: calc(50% - 15px);
	padding: 10%;
	background-color: #FFFFFF;
	margin: 0 auto;
	font-size: 20px;
}

footer{
position: fixed; /* フッターを固定する */
bottom: 0; /* 上部から配置の基準位置を決める */
left: 0; /* 左から配置の基準位置を決める */

    font-size:.8em;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #00008b;
    color:#ffffff;
}