# no title
dreaming girl

01ふつうで何が悪い！

01 | 02 | 03 | こんな感じでリンクをはっても | リスト表示でも良いかと

02ふつうで何が悪い！

02 | 02 | 03 | こんな感じでリンクをはっても | リスト表示でも良いかと

HEAD

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

body {
 font-size: 13px;
 font-family:sans-serif;
 line-height: 1.6em;
 letter-spacing:0.8px;
 font-family:'ＭＳ 明朝','Hiragino Mincho ProN',serif;
}

.all {
 padding: 4% 10px 0px 10px;  
}

a {
 color:#ffffff;
 text-decoration: none;
 text-decoration: underline;
}

a:hover { 
 color:#cccccc;
}

h1{
 font-size:4em;
 line-height:70%;
 color:#ffffff;
 font-family:'Cardo','ＭＳ 明朝','Hiragino Mincho ProN',serif;
 margin:45px 0px 40px 0px;
}

h2{
 font-size:12px;
 font-family:'ＭＳ 明朝','Hiragino Mincho ProN',serif;
 color:#ffffff;
 line-height:140%;
 margin:15px 0px 10px 0px;
}

.midasi { 
 padding: 5px 5px 5px 5px;
 margin-right:10px;
 background-color: #ffffff;
 color: #8C1C45;
}

h3{
 font-size:3em;
 font-family:'Cardo','ＭＳ 明朝','Hiragino Mincho ProN',serif;
 color:#ffffff;
 line-height:140%;
 margin:10px 0px 15px 0px;
 text-align:left;
}

.table {   
 max-width: 600px; 
 line-height: 1.8em;
 font-size: 12px;
}

.bun {
 font-size:14px;
 line-height: 1.6em;
 margin:0px 0px 5px 0px;
 padding:3% 10px 3px 10px;
 text-align: left; 
}

.bottom {
 margin: 3px 10px 4px 0px;  
 padding:0 auto;
 text-align:center;
}

.atogaki {
 color: #cccccc;
 line-height: 1.3em;
 font-size:10px;
 margin:10px 0px 3px 0px;
 text-align: right; 
}

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

@media screen and (max-width: 900px) {
.all { 
 width:auto;
 letter-spacing: -0.001em;
 padding-right:10px;
 padding-left:10px;
}}

</style>

全体レイアウト

表紙画面レイアウト

文章レイアウト

# no title dreaming girl

01ふつうで何が悪い！

02ふつうで何が悪い！

# no title
dreaming girl