地味に生きたい

01 地味の三か条
02 派手とは付き合えない
03 いいから放っておいて！
04 声にならない叫び

一応リストでもいけると思います。この幅は400pxでセンター寄り。文章幅は600px。長文てすと。てすとてすと。長文てすと。てすとてすと。長文てすと。てすとてすと。長文てすと。てすとてすと。長文てすと。てすとてすと。長文てすと。てすとてすと。長文てすと。てすとてすと。長文てすと。てすとてすと。長文てすと。てすとてすと。

DL

HEAD

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

body {
 font-size: 13px;
 font-family:sans-serif;
 margin-top:6%;
 line-height: 1.6em;
 letter-spacing:0.5px;
}

a {
 text-decoration: none;
 text-decoration: underline;
}

a:hover { 
 color:#cccccc;
}

h1{
 font-size:20px;
 color:#000000;
 margin-bottom:15px;
 line-height: 1.0em;
 text-align:center;
}

h2{
 font-size:20px;
 color:#000000;
 margin-bottom:15px;
 line-height: 1.0em;
 text-align:center;
}

.table {   
 max-width:400px;
 line-height: 1.8em;
 font-size: 12px;
 text-align:center; 
}

.bun {
 max-width:800px;
 font-size:14px;
 line-height: 1.7em;
 padding:0px 10px 3px 10px;
 text-align: left; 
}

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

.atogaki {
 color: #000000;
 font-size:11px;
 line-height: 1.3em;
 margin:10px 0px 5px 0px;
 padding:10px 10px 10px 10px;
 border-top: 1px dotted #000000;
 text-align: left; 
 line-height:1.2em;
}

@media screen and (max-width: 500px) {
.all { 
 width:auto;
 letter-spacing: -0.001em;
 margin-top:13%;
 padding-right:10px;
 padding-left:10px;
 text-align: justify;
 text-justify: inter-ideograph;
}}

</style>

全体レイアウト

表紙画面レイアウト

文章レイアウト