28.きりたんぽんたんさま

おまけの子ページに使えるかもしれないただの枠です。
上だけで表示したほうがかわいいと思います。
メニューの背景に使っている素材はMuikkuさまのtextureからお借りしました。

Title:誰花さま

また、背景のグラデーションはジェネレータを使いました。改変時など参考にしてください。

HEAD(CSS)

@import url(https://fonts.googleapis.com/css?family=Didact+Gothic|Reenie+Beanie);

body{
margin:0 15px;
padding:0 15px;
font-size:11px;
color:#333;
line-height:2;
letter-spacing:2px;
font-family:Didact Gothic,Meiryo,メイリオ, sans-serif;
background:#f2f9fb;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #F2F9FB),
color-stop(1, #B5F5FF)
);
background-image: -o-linear-gradient(bottom, #F2F9FB 0%, #B5F5FF 100%);
background-image: -moz-linear-gradient(bottom, #F2F9FB 0%, #B5F5FF 100%);
background-image: -webkit-linear-gradient(bottom, #F2F9FB 0%, #B5F5FF 100%);
background-image: -ms-linear-gradient(bottom, #F2F9FB 0%, #B5F5FF 100%);
background-image: linear-gradient(to bottom, #F2F9FB 0%, #B5F5FF 100%);
}

.top{
background:url(//static.nanos.jp/upload/s/snb373/mtr/0/0/20160518223719.jpg) center center no-repeat,#fff;
background-size:110px;
width:120px;
height:120px;
border:double 5px #f2f9fb;
border-radius:50%;
text-align:right;
box-shadow:0 0 20px #fff,0 0 20px #fff,0 0 20px #fff;
opacity:0.8;
}

h1{
color:#fff;
font-family:Reenie Beanie;
font-size:30px;
font-weight:normel;
line-height:1.5;
letter-spacing:0;
text-shadow:0 0 5px #64dffd;
margin:0;
padding:0;
}

.menu{
background:url(//static.nanos.jp/upload/s/snb373/mtr/0/0/20160518224015.png);
background-size:400px;
width:100px;
padding-bottom:30px;
padding:10px;
border:dotted 2px #fff;
border-top:none;
border-radius:0 0 50% 50%;
}

.menu a{
text-decoratin:none;
font-family:Reenie Beanie;
font-size:15px;
letter-spacing:0;
text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
}

.all{
max-width:300px;
padding:15px;
border:dotted 2px #fff;
border-radius:10px;
text-align:left;
}

a{
color:#000;
}

a:hover{
color:#777;
}

</style>

BODY(HTML)

素材↓

moondust