@import url(https://fonts.googleapis.com/css?family=Playball);
                                                                                                                          
body  {font-family:"メイリオ","Hiragino Kaku Gothic Pro",sans-serif;
       background-color:#882288;
       background-image:url();
       margin-left:0px;
       margin-right:auto;
                       }



h1    {font-size:8px;
       margin-top:6px;
       margin-bottom:6px;}

h2    {font-size:8px;
         padding-top:12px;
         margin-top:6px;
         margin-bottom:6px;}


p     {margin-top:6;
       margin-bottom:8px;
       font-size:8px;
        }


/*ヘッダー*/

header   {background-color:#FF5400;
          width:480px;
          border-bottom:1px solid black;
          color:#FFFFFF;
          border-radius:6px;
          box-sizing:border-box;
          margin-left:20px;
          margin-bottom:24px;
          text-align:left;
          overflow:  auto;
          vertical-align: 8px;
          margin-right:auto; }

/*記事*/

article  {background-color:#88BB00;
          border-radius:5px;8px;
          width:480px;
          margin-top:6px;
          margin-left:10px;
          padding-left:10px;
          padding-right:10px;
          text-align:left;
          color:white;          
          box-sizing:border-box;
          margin-bottom:6px;
          overflow:  hidden
          }
aside li	{display: inline}
#wrote5 {text-align: left;
}
/* ナビゲーションメニュー */
nav ul{
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	font-size: 24px;
}

nav li{
	display: inline-block;
	font-size: 16px;
	padding-right: 0px;
}

nav{
	width: 240px;
	margin-right:0px;
	padding:0px;
	text-align: center;
	margin-top: 8px
        ;
}

nav a{
	color: yellow;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	padding-top: 16px;

	text-align: center;
	background-color:orange;
}

nav a:hover{
	color: white;
	background-color: blue;
}

/*フッター*/
footer  {width :960px;
         padding-left:10px;
         margin-right:0px;
         clear:both
         color:#ffffff;}


/*リンク*/
a:link { color:#247236; }
a:visited { color:#219632; }
a:hover{color:pink;}
a:active{color:red;}

/*記事の一覧ページ*/


#photo   {background-image:url(kuma.png);
         background-repeat:no-repeat;
         background-position: 50% 0;
         background-color:#FFFF00;
         color:#999900;
         width:480px;
         text-align:center;
         margin-left:4px;
         margin-top:4px;
         padding-top:4px;
         padding-left:20px;
         padding-right:4px;
        
         }
#wrote0   {width:610px;
         background-repeat:no-repeat;
         position:absolute;
         top:0px;
         left:1100px;
         background-color:#7f7f7f;
         text-align:left;
         padding-top:48px;
         }
#wrote1   {width:610px;
         background-repeat:no-repeat;
         position:absolute;
         top:1080px;
         left:1100px;
         background-color:#7f7f7f;
         text-align:left;
         padding-top:0px;
         padding-bottom:80px;
         }
#wrote5 {background-repeat:no-repeat;
         position:relative;
         background-position: 50% 0;
         margin-top:6px;
         margin-bottom:6px;
         background-color:#FF0000;
         color:yellow;
          }
#wrote6 {text-align: left;
}
#wrote7 {text-align:center;
}
#wrote8 {text-align: left;
}
#wrote9 {text-align: left;
}
#wrote10 {text-align: left;
}
#wrote11 {text-align: left;
}
#wrote12 {text-align: left;
}