02 : グレーゾーンにて

01 あいまいな関係

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

DL

HEAD

body {
 margin: 0px;  
 padding: 0px;  
 width: 100%;
 font-size: 13px;
 letter-spacing:0.5px;
 line-height: 1.8em;
 font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  Meiryo, メイリオ, sans-serif;
}

.header {
 background: #F1F1F1; 
 padding: 2% 0px 15px 15px;  
 color: #bbbbbb;
 font-size: 12px;
}

.contents {
 padding: 10px 0px 5px 15px;  
 color: #bbbbbb;
 font-size: 13px;
}

.bun {
 width: 90%; 
 padding: 10px 0px 0px 15px;  
 color: #707070;
 font-size: 13px;
}

.all {
 text-align: left;
}

a {
 text-decoration: none;
}

a:hover { 
 color:#F7F7F7;
 background-color: #dddddd;
}

h1{
 font-size:25px;
 color:#dddddd;
 line-height:140%;
 margin:5% 0px 2px 0px;
 -webkit-transform: rotate(3deg);
 -moz-transform   : rotate(3deg);
 -ms-transform    : rotate(3deg);
 -o-transform     : rotate(3deg);
 transform        : rotate(3deg);
}

h2{
 font-size:13px;
 color:#aaaaaa;
 line-height:140%;
 margin:15px 0px 5px 0px;
}

h3{
 font-size:20px;
 color:#aaaaaa;
 line-height:140%;
 margin:10px 0px 5px 0px;
}

.title {
 color: #cccccc;
 font-size: 20px;
 margin: 0px 2px 0px 0px;  
 -webkit-transform: rotate(-5deg);
 -moz-transform   : rotate(-5deg);
 -ms-transform    : rotate(-5deg);
 -o-transform     : rotate(-5deg);
 transform        : rotate(-5deg);
}

.bottom {
 margin: 0px 0px 10px 0px;  
 padding:0 auto;
 text-align:right;
}

.atogaki {
 font-size:12px;
 margin:10px 0px 0px 0px;
 padding:10px 10px 10px 10px;
 border: 1px solid #cccccc; 
 background-color: #eeeeee;
 text-align: left; 
}

</style>

全体レイアウト

表紙画面レイアウト

文章レイアウト

グレーゾーンにて。

01 あいまいな関係

DL