@import url(https://fonts.googleapis.com/css?family=Playball);

body{
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	background-color: white;
	margin:0px;
      position :absolute;
    }

h1    {font-size:16px;
       margin-top:0;
       margin-bottom:0}


p     {font-size:8px;
       color:black;
       }



/*ヘッダー*/

header   {background-color:white;
           border-bottom:solid 1px grey;
           margin-bottom:30px;
           -webkit-box-shadow:1px 7px yellow;
           box-shadow:1px 7px yellow;
           padding:5px        
           }

header h1  {font-family: 'Playball', cursive;
            font-size:16px;
            width:900px;
            margin-left:8px;
            margin-right:auto}

header  h1 img {vertical-align: -10px;
                margin-right: 5px}

header h1 a {text-decoration:none;
             color:#000000}
header h1 a:hover {color:#000000}





/*記事*/

article  {background-color: white;
          width:900px;
          margin-left:120px;
          margin-right:auto;
          padding-left:8px;
          background-position:right 1000px; 
          box-sizing:border-box;
          border-bottom:8px solid #219355;
          box-shadow:4px 4px 16px #2435B2;
          border-radius:10px;
          margin-bottom:15px;
          text-align:left;
          overflow:  hidden}

/*フッター*/
footer  {width:900px;
         margin-left:8px;
         margin-right:auto;
         clear:both}

/*画像を中央に配置するレイアウト*/

figure.photo-left {margin:0;
                     margin-right:20px;
                     margin-bottom:20px;
                     float: left}

figure.photo-left img{width:550px}

/*画像を右に配置するレイアウト*/

figure.photo-right {margin:0;
                    margin-left:20px;
                    float: right}
figure-photo-right img  {width:550px}


/*小見出し*/
h2   {clear:both;
      border-bottom:#125621;
      margin-top:16px}

/*リンク*/
a:link { color:red; }
a:visited { color:blue; }
a:hover { color:pink; }
a:active { color:black; }



/*記事の一覧ページ*/
#posts article a {color:#000000;
                  text-decoration: none;
                  display: block;
                  overflow:hidden;
                  padding:20px}
#posts article a:hover {background-color: #FFFFFF}
#posts article {padding:0}


#top header {margin-bottom:0}

#photo   {background-image:url(pega.png);
         background-repeat:no-repeat;
         background-position: 50% 0;
         background-color:#C12342;
         text-align:left;
         padding-top:0px;
         padding-bottom:80px;
         }

#wrote0   {width:610px;
         background-repeat:no-repeat;
         position:absolute;
         top:0px;
         left:1190px;
         background-color:#7f7f7f;
         text-align:left;
         padding-top:0px;
         padding-bottom:80px;
         }
#wrote1   {width:610px;
         background-repeat:no-repeat;
         position:absolute;
         top:1080px;
         left:1190px;
         background-color:#7f7f7f;
         text-align:left;
         padding-top:0px;
         padding-bottom:80px;
         }
#wrote5 {text-align: left;
}
#wrote6 {text-align: left;
}
#wrote7 {text-align: left;
}
#wrote8 {text-align: left;
}
#wrote9 {text-align: left;
}
#wrote10 {text-align: left;
}
#wrote11 {text-align: left;
}
#wrote12 {text-align: left;
}

#photo h1  {color: #ffffff;
            font-size:60px;
            font-family:'chango',cursive;
            text-shadow:5px 10px #000000}

#photo p  {color: #ffffff;
           font-size:20px;
           font-weight:bold;
           text-shadow:0  5px  10px  #000000}