apres un reve

01

夢のあとに / タイトルテスト / titleiretene / タイトルテスト / titleiretene / タイトルテスト / titleiretene / タイトルテスト

>> 文章ページはコチラ

HEAD

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

body{
 font-size: 12px;
 font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; 
 line-height: 1.7em;
 text-align:left;
 overflow-y:scroll;
 letter-spacing:1px;
}

.top {
 font-size:15px;
 font-family: 'Dawning of a New Day', sans-serif;
 background-color:#ffffff;
 width: 100%;  
 text-align:center;
 filter:alpha(opacity=70);
 -moz-opacity: 0.7;
 opacity: 0.7;
 margin-top:50px;
 padding:30px 0px 30px 0px; 
}

a{
 text-decoration: none; 
}

a:hover { 
 color: #ffffff; 
}

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

.table {
 filter:alpha(opacity=70);
 -moz-opacity: 0.7;
 opacity: 0.7;
 background-color:#ffffff;
 padding:10px 15px 10px 15px;
}

.topmenu {
 max-width:550px;
 padding:10px 15px 10px 15px;
 text-align:left;
}

.bun {
 font-size:13px;
 margin-top:-10px;
 max-width:700px;
 text-align:left;
}

h1 {
 color:#aaaaaa;
 font-size:10px;
 text-align:left;
 padding:0px 0px 5px 0px; 
}

.ma { 
 color: #589999;
 background-color: #ffffff;
 padding: 2px 5px 2px 5px; 
}

.bottom {
 margin: 8px 0px 8px 0px;  
 padding:0 auto;
 text-align:center;
}

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

@media screen and (max-width: 500px) {.all { 
 width:auto;
 letter-spacing: -0.001em;
 text-justify: inter-ideograph;
}}

</style>

全体レイアウト

表紙画面レイアウト

文章レイアウト