body{font-size:74%;
text-align:center;
font-family:'Quattrocento',Meiryo,Osaka;
line-height:1.9;
 background: #fff;
letter-spacing:2.3px;}

#wrp{max-width:600px;
  margin:0 auto;
  padding:50px 25px 25px 25px;
}

#header{
text-align:right;
width:160px;
height:160px;
display: inline-block;
  margin-right:20px;
vertical-align: middle;
}

#nav{padding:0;
margin:0;
text-align:left;
width:420px;
height:160px;
vertical-align: middle;
display: inline-block;}

#content{
height:auto;
width:50%;
border:0px;
font-size:0;
}h1 {
font-family: 'Fredericka the Great', cursive;
font-size:50px;
  margin:0;
}

p {
  color: #000;
  font-size:14px;
  text-align: justify;
  text-justify: inter-ideograph;
  margin:0;
}

.box{
width:450px;
 margin: 0px auto;
padding: 20px;
 color:#000;
text-align:left;
font-size:0;
}#content a {
 transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
 color: #000;
 text-decoration: none;
 font-weight:bold;
 display: inline-block;
font-size:14px;
margin:3px;
}

#content a:hover {
    color: #98fb98;
    text-decoration: none;
}

strong {
background: linear-gradient(transparent 75%, #98fb98 75%);
}