Long story
◇銀の如雨露が降らしめる奇跡
--メイン更新中

◇HIS NAME IS SUMMER
--番外編

Short
無差別愛 / 美しかった婚礼 / 苦しみもぜんぶ嘘 / エスと真鍮で出来ている / ラムネと風呂敷 / はれやかなひかり / humoresque / 瞑々 / リタルダンド / 澄みきる遠吠え

Project
◇10000hit企画
◇20000hit企画
◇1周年企画

Title:Jubilateさま
枠に使っている素材はMaterialのtexture２の２つめです。

HEAD(CSS)
<style type="text/css"> @import url(https://fonts.googleapis.com/css?family=Damion); body{ margin:0; padding:0; font-size:11px; color:#333; line-height:2; letter-spacing:2px; font-family:Meiryo,メイリオ, sans-serif; background:#FFF6FE; text-align:center; } .top{ background:url(#画像URL#) center center no-repeat; background-size:100px; height:100px; position:relative; top:55px; } .title{ font-family:Damion; font-size:40px; letter-spacing:0; padding-top:5px; text-shadow:1px 1px #fff,1px -1px #fff,-1px 1px #fff,-1px -1px #fff; } .all{ background:#fff; padding:50px 10px 20px 10px; text-align:left; } .all a{ border-bottom:dotted 1px #fb84eb; } .all_back{ background:url(#枠の画像URL#); background-size:300px; max-width:600px; padding:5px; margin:0 15px 10px 15px; } .sub{ background:#f4fde9; font-family:Damion; font-size:20px; letter-spacing:0; } a{ text-decoration:none; color:#000; background:#fff; } a:hover{ color:#bbb; } </style>

BODY(HTML)
<center><div class="top"><div class="title">Contents</div></div><div class="all_back"><div class="all"><span class="sub">Long story</span> <br>◇<a href="">タイトル</a> <br>--説明文など <br> <br>◇<a href="">タイトル</a> <br>--<a href="">番外編</a> <br> <br><span class="sub">Short</span> <br><a href="">タイトル</a> / <a href="">タイトル</a> / <a href="">タイトル</a> </div></div></center>

素材↓