最初に、

こちらに説明などどうでしょうか。例によって上のメニューページだけ表示させた方が可愛いと思います。
携帯用とPC用を想定したタグを入れているので画像のURLを二箇所入れる必要があります。たぶんHEADをみればわかると思います。付箋です

!! 素材は toile 様よりお借りしています(リンク要)

HEAD

@font-face{
font-family: XANO明朝;
src: url('http://fonts.deepbluesea.jp/XANO-mincho/XANO-mincho_web.woff')
     format("woff");
}

* {
 margin:0 auto;
 padding:0 auto;
}

body {
 font-size: 12px;
 font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  Meiryo, メイリオ, sans-serif;
 line-height: 1.8em;
}

.all {
 text-align: left;
 padding: 3% 10px 0px 10px;  
}

.header {
 margin:0 auto;
 padding:0 auto;
 width:90%; 
 font-size: 10px;
 text-align:center;
}

img { 
 max-width: 100%; 
 height:auto;
}

.photobox{
 width:100%; 
 height:300px;
 background: url(#画像_url#);
 background-position:center top;
 background-repeat:no-repeat;
-moz-background-size:contain;
 background-size:contain; 
 no-repeat;position:relative;
}

.photobox p{ 
 color: #ffffff;
 width:200px;
 text-align:left;
 position:absolute; 
 top:20px;
 left:85px;
 font-size:25px;
 line-height: 1.2em;
 font-family: XANO明朝,メイリオ, sans-serif;
}

a {
 text-decoration: none;
}

a:hover { 
 color:#cccccc
}

h1{
 color:#aaaaaa;
 font-family: XANO明朝,メイリオ, sans-serif;
 margin-bottom:10px;
 padding:4px 10px 2px 0px;
 font-size:25px;
}

.ma { 
 color: #000000;
 padding: 0px 2px 0px 2px; 
 background: linear-gradient(transparent 40%, yellow 0%);
}

@media screen and (min-width: 450px) {.all {  width:600px;}}

@media screen and (max-width: 450px) {
.all { 
 width:auto;
 letter-spacing: -0.001em;
 padding: 10% 10px 0px 10px;
 text-align: justify;
 text-justify: inter-ideograph;
}

.photobox{
 width:100%; 
 height:220px;
 background: url(#画像_url#);
 background-position:center top;
 background-repeat:no-repeat;
-moz-background-size:contain;
 background-size:contain; 
 no-repeat;position:relative;
}

.photobox p{ 
 color: #ffffff;
 width:70%; 
 position:absolute; 
 top:20px;
 left:10%;
 font-size:2.3em;
 line-height: 1.0em;
 text-align:left;
 font-family: XANO明朝,メイリオ, sans-serif;
}}

</style>

BODY