<link href="http://fonts.googleapis.com/css?family=Lora" rel="stylesheet" type="text/css">
<style type="text/css">
@font-face{
 font-family:"IPAex–¾’©";
 src: url('https://cdn.leafscape.be/IPAexfont/ipaexm_web.woff')
     format("woff");
}
*{
 margin:0;
 padding:0;
 font-size:12px;
 font-family:"Lora", "IPAex–¾’©" ,"ƒƒCƒŠƒI";
}
body{
 background:#cococo;
 color:#000;
 letter-spacing:1px;
}
a{
 color:#a9a9a9;
 text-decoration:none;
}
h1:after, nav:before, nav:after, p:before, p:after{
 content:"";
 display:block;
 height:1px;
 background:linear-gradient(to right, rgba(104, 164, 217, 0.1), rgba(104, 164, 217, 1), rgba(104, 164, 217, 0.1));
}
h1{
 letter-spacing:5px;
 line-height:2em;
 text-align:center;
 margin:50px 0;
}

h2{
font-family: XANO–¾’©,"Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", serif;
font-size: 20px;
color: #87ceeb;
text-align:center;
}

#all{
 max-width:400px;
 margin:0 auto;
 padding:30px 30px 0;
 line-height:200%;
 text-align:justify;
}
nav{
 margin:0 15px;
 letter-spacing:3px;
 text-align:center;
}
nav:before, nav:after{
 margin:40px 0;
}
nav a{
 display:block;
 margin:5px 0;
}
p{
 padding:15px 0 0;
 text-align:center;
}
p:before, p:after{
 margin:30px 0;
}
textarea, input, select{
 border:double;
 border-radius:5px;
 background:#fff;
 padding:5px;
}
br{letter-spacing:0;}
</style>