*{
  margin: 0px;
  padding: 0px;
}
body{
  margin: 0;
  font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

.header{
  background: #C9FFFF;
  height: 150px;
 width:400px:
  text-align: center;
  color: #000000;
}

.box{
    display: table;
    height: 150px;
    text-align: center;
    width: 100%;
}
.box img{
	margin-right:10px;
	vertical-align: middle;
}
.box span{
	vertical-align: middle;
}

.inner{
    display: table-cell;
    vertical-align: middle;
}
.content{
    border: 1px solid #C9FFFF;
    display: inline-block;
    padding: 20px;
}
a.sample1 {
  color:#000000;
  text-decoration: none;
}

.main{
  background: #ffe4e1;
  color: #000000;
  min-height: 1000px;
  text-align: center;
  display: block;
}

.diary {
width: 300px;
    margin: 0 auto;
    text-align: center;
}

.diary .text {
	text-align: left;
	display: inline-block;
}