地味に生きたい

DL

HEAD

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

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

a {
 text-decoration: none;
 padding:2px 5px 2px 5px;
 color:#124C5C;
 background-color:#D68787;
}

a:hover { 
 color:#cccccc;
}

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

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

.table {   
 max-width:400px;
 line-height: 2.4em;
 font-size: 11px;
 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: #D68787;
 background-color:#124C5C;
 font-size:11px;
 line-height: 1.3em;
 margin:10px 0px 5px 0px;
 padding:10px 10px 10px 10px;
 border: 1px dotted #D68787;
 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>

全体レイアウト

表紙画面レイアウト

文章レイアウト