<style type="text/css">
body{
width: 100%;
margin: 0;
padding: 0;
text-align: center;
font-size: 16px;}

#box{
border: 1px solid #000000;
width: 300px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
padding: 0;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;}

.headline{
background:#ffffff url(素材URL);
padding:2% 3%;
font-size: 130%;
text-align: left;
border-bottom: 1px solid #000000;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;}

.headline:first-letter{
font-weight: bold;
color: #000000;
font-size: 140%;}

.inbox{
padding: 3px;
text-align: left;
line-height: 1.5;}

.footer{
background: #ffffff url(素材URL);
padding: 2% 3%;
font-size: 85%;
text-align: right;
border-top: 1px solid #000000;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;}

a{text-decoration: none;}

a:hover{color: #66cdaa;}

textarea,select,option,input{
color: #000000;
background-image: url(素材URL);
background-color: #ffffff;
border: solid 1px #000000;}
</style>

<div id="box"><div class="headline">site name</div><div class="inbox">オリジナル創作サイト

<div style="text-align:center" align="center"><a href="URL">up</a> 00/00長編＋１
<a href="URL">info</a> / <a href="URL">text</a>
<a href="URL">clap</a> / <a href="URL">res:</a></div>
<div style="text-align:right;font-size:small;" align="right">design/<a href="http://id35.fm-p.jp/291/western442/">はくがいがい</a></div></div><div class="footer">12345hit</div></div>

文字色 ■ #000000
背景色 ■ #ffffff
リンク色 ■ #4169e1
訪問済み色 ■ #008080
アクティブリンク色 ■ #66cdaa

使用素材