10000hit thanks!

01 | TOP/PAGE ××様

『なにかタイトル』
　説明ホニャララララ

02 | NOVEL ××様

『title wo ireru』
　説明ホニャララララ

03 | BLOG ××様

『なにかタイトルタイトル』
　説明ホニャララララらららら

HEAD

.header {
 margin:8% 0px 30px 0px;
 line-height:1.7em;
 font-size: 11px;
}

.u p  {
 border-bottom: 1px dotted #707070;
 line-height: 2em;
 display: inline;
 padding-bottom: 2px;
}

body{
 font-size: 11px;
 font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  Meiryo, メイリオ, sans-serif;
 letter-spacing:0.5px;
 line-height: 1.7em;
}

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

a {
 text-decoration: none;
}

a:hover { 
 color:#EEB5E6;
}

.table {
 max-width:700px;
 padding:4% 15px 0px 15px;
 text-align:left;
}

.box {
 font-size:10px;
 color:#292929;
 line-height:1.8em;
 padding:7px 0px 10px 0px;
 text-align:left;
}

.bun {
 font-size:12px;
 background-color:#ffffff;
 color:#707070;
 line-height:1.8em;
 padding:20px 20px 20px 20px;
 margin-bottom:10px;
 text-align:left;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px; 
 filter:alpha(opacity=80);
 -moz-opacity: 0.8;
 opacity: 0.8;
}

h1{
 font-size:18px;
  -webkit-transform: rotate(-5deg);
  -moz-transform   : rotate(-5deg);
  -ms-transform    : rotate(-5deg);
  -o-transform     : rotate(-5deg);
  transform        : rotate(-5deg);
 color:#DFCC95;
 font-family: 'Kaushan Script', serif;
 margin:0px 0px 60px 0px;
}

h2{
 font-size:18px;
 color:#DFCC95;
 margin:10px 0px 20px 0px;
}

.title { 
 font-size:15px;
 color:#505050;
 padding:0px 5px 0px 5px;
}

.ma { 
 background-color:#efefef;
 color: #707070;
 padding:3px 5px 3px 5px;
 border:2px solid #ffffff;
}

.ma2 { 
 background-color:#FFFFDA;
 color: #707070;
 padding:3px 5px 3px 5px;
 border:2px solid #ffffff;
}

.ma3 { 
 background-color:#DAFFFA;
 color: #707070;
 padding:3px 5px 3px 5px;
 border:2px solid #ffffff;
}

@media screen and (max-width: 680px){
.all { 
 width:auto;
 letter-spacing: -0.001em;
 padding: 10% 0px 0px 0px;
 text-align: justify;
 text-justify: inter-ideograph;
}}

</style>

全体

表紙画面

文章画面