79.なつみ様

Information
ここは主に○○を扱う××サイトです。
当サイト内の作品の著作権すべて管理人ナナシにあります。
荒らし・晒し・転載はご遠慮ください。

なんとなくアメリカンな雰囲気になりました。
好きでなかったらすみません…。
市松模様はCSSで作っていますが、画像のほうが良い場合は下にあるものを保存して、.top{}と.point{}をこちらに書き換えてください↓
※書き換え用

HEAD(CSS)

@import url(https://fonts.googleapis.com/css?family=Marcellus+SC|Chelsea+Market);

body{
margin:0;
padding:0;
font-size:11px;
color:#000;
line-height:2;
letter-spacing:2px;
font-family:'Marcellus SC',Meiryo,メイリオ, sans-serif;
background:#0092B7;
text-align:center;
}

.top{
background-color:#fff;
background-image:linear-gradient(45deg,#BF3A3A 25%, transparent 25%, transparent 75%, #BF3A3A 75%, #BF3A3A),linear-gradient(45deg, #BF3A3A 25%, transparent 25%, transparent 75%, #BF3A3A 75%, #BF3A3A);
background-size:80px 80px;
background-position:0 0,40px 40px;
height:140px;
width:280px;
border-radius:0 0 150px 150px;
border:solid 10px #333;
border-top:none;
}

.top a{
background:#0092B7;
font-size:12px;
padding:3px 6px;
margin:0 2px;
border-radius:15px;
}

.top a:hover{
background:#eee;
color:#BF3A3A;
border:none;
font-weight:normal;
}

.top i{
padding-top:10px;
font-size:30px;
color:#000;
}

.title{
font-family:'Chelsea Market';
font-size:35px;
color:#222;
line-height:1;
padding:20px 0 10px 0;
text-shadow:1px 1px #ccc,
-1px 1px #ccc,
1px -1px #ccc,
-1px -1px #ccc;
}

.all{
max-width:400px;
padding:0 15px;
text-align:left;
}

.point{
background-color:#fff;
background-image:linear-gradient(45deg,#BF3A3A 25%, transparent 25%, transparent 75%, #BF3A3A 75%, #BF3A3A),linear-gradient(45deg, #BF3A3A 25%, transparent 25%, transparent 75%, #BF3A3A 75%, #BF3A3A);
background-size:20px 20px;
background-position:0 0,10px 10px;
width:20px;
height:20px;
margin-right:10px;
display:inline-block;
}

.sub{
color:#fff;
font-family:'Chelsea Market';
font-size:20px;
}

a{
text-decoration:none;
color:#fff;
}

a:hover{
font-weight:bold;
border-bottom:dashed 1px #BF3A3A;
}
</style>

BODY(HTML)

おまけ素材