
                                                                                                                          
body  {font-family:"メイリオ","Hiragino Kaku Gothic Pro",sans-serif;
        color:black;
        background-color:skyblue;       
       }
h1    {font-size:48px;
       margin-top:0;
       margin-bottom:8px}
h2    {font-size:32px;
       margin-top:0;
       margin-bottom:8px}
p     {
       font-size:18px
        }
/*ヘッダー*/
header   {background-color:white;
          width:928px;
          margin-left:16px;
          border-bottom:2px solid black;
           padding:8px;
          -webkit-box-sizing:border-box;
          -webkit-box-shadow:2px 2px 8px skyblue;
          box-shadow:4px 4px 16px skyblue;
          box-sizing:border-box;
          margin-bottom:16px;
          border-radius:12px;
          text-align: center;
          overflow:  hidden
           }
header h1  {font-family: 'Playball', cursive;
            font-size:42px;
            }

header  h1 img {vertical-align: 0px;
                margin-left: 0px}
/*記事*/
article  {background-color:white;
          width:928px;
          margin-left:16px;
          margin-right:auto;
          padding:8px;
          -webkit-box-sizing:border-box;
          -webkit-box-shadow:2px 8px 16px skyblue;
          box-shadow:4px 4px 16px skyblue;
          box-sizing:border-box;
          margin-bottom:16px;
          border-radius:12px;
          overflow:  hidden}
aside li	{display: inline}
/* ナビゲーションメニュー */
nav ul{
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0;
	padding-right: 0;
	font-size: 24px;
}
nav li{
	display: inline-block;
	font-size: 8px;
	padding-right: 0px;
}
nav{
	margin-left: 0;
	margin-right: auto;
	text-align: center;
	margin-top: 8px;
}
nav a{
	color: black;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	width:240px;
	padding-top: 16px;
	text-align: center;
	background-color:orange;
}
nav a:hover{
	color: #ffffff;
	background-color: blue;
}
/*フッター*/
footer  {width :924px;
         margin-left:16px;
         margin-right:auto;
         clear:both}
/*画像を中央に配置するレイアウト*/
figure.photo-center {text-align: center;
                     margin-top: 28px;
                     margin-bottom: 12px
                    }
figure.kamikousaku{text-align: center;
                     margin-top: 28px;
                     margin-bottom: 12px
   
       }
figure.yokoyoko{
  float: left;
    padding-left:144px
    }
figure.mitumitu{
   float:left;
    padding-left:104px
    }
/*リンク*/
a              {color:black;}
a:hover{color:#ffb6c1}
a img          {border:none}