静寂の行進

info 0123 main
rank rank / 123456

■ information

トップの画像は正方形で固定していますので、一行が長くなると改行されバランスが崩れることがあります。その点ご承知おきください。リンクはこう、強調はこうなります。

■ about site

静寂の行進 >> http://nanos.jp/xxxxx/
〇〇〇［memo / mail］

自動改行しないで作成しています。
素材は自作していますので、下記より保存してください。

HEAD

@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family= PT+Sans+Narrow');

@font-face
{
font-family: IPAex明朝;
src: url('https://cdn.leafscape.be/IPAexfont/ipaexm_web.woff2')
     format("woff2");
}
/*-------------------------------------------------
このフォントはIPAフォントライセンスv1.0の下で提供されています。
 
http://ipafont.ipa.go.jp/ipa_font_license_v1.html
 
-------------------------------------------------*/

body {
    background: #fff;
    color: #555;
    font-size: 12px;
    font-family: 'PT Sans Narrow', 'STHeitiSC-Light', 'Microsoft YaHei', gulim, メイリオ, sans-serif;
    line-height: 200%;
    letter-spacing: 2px;
    margin: 0;
}

a {
    color: #507ea4;
    text-decoration: none;
}

h1 {
    font-family: IPAex明朝, 'STHeitiSC-Light', 'Microsoft YaHei', gulim, メイリオ, sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin: 10px 0 25px;
    padding: 0 0 15px;
    letter-spacing: 0;
    text-align: center;
    color: #fff;
    border-bottom: solid 1px;
}

h2,h3 {
    font-family: IPAex明朝, 'STHeitiSC-Light', 'Microsoft YaHei', gulim, メイリオ, sans-serif;
    color: #fff;
    background: url(#mtr画像番号_url#);
    background-size: 200px;
    font-weight: normal;
    display: inline-block;
    padding: 0 5px;
}

h2 {
    font-size: 16px;
    margin: 30px 0 15px;
}

h3 {
    font-size: 12px;
    margin: 10px 0px 10px 10px;
    position: relative;
    left: -25px;
    bottom: 5px;
}

b {
    text-decoration: underline;
    padding: 0 3px;
}

.wrp {
    max-width: 350px;
    margin: 50px auto 10px;
}

.top {
    margin: 50px auto 20px;
    text-align: center;
    line-height: 250%;
    background: url(#mtr画像番号_url#);
    background-size: 200px;
    padding: 20px;
    width: 150px;
    height: 150px;
}

.top a {
    color: #fff;
    padding: 0 2px;
}

.top a:hover {
    background: rgba(255,255,255,.3);
}

.main {
    margin: 0 20px;
}

.box {
    background: #f8f4e6;
    margin: 10px 5px;
    padding: 10px;
}
</style>

全体レイアウト

子ページ