<link href='https://fonts.googleapis.com/css?family=Didact Gothic' rel='stylesheet' type='text/css'>
<style type="text/css">
@font-face
{
font-family: XANOΎ©;
src: url('https://cdn.leafscape.be/XANO-mincho/XANO-mincho_web.woff')
     format("woff");
}

body{
font-family: 'Didact Gothic',"CI", sans-serif;
margin:0;
padding:0;
font-size:12px;
letter-spacing:2.5px;
line-height:1.85;
}

#wrp{
max-width:400px;
padding:0 10%;
margin:0 auto;
background-image: url("http://alicex.jp/data/pget/img/pget_upld_5.png");
background-repeat:repeat-x;
background-size:180px;
}

#all{
width:100%;
padding-top:30px;
background-image: url("http://alicex.jp/data/pget/img/pget_upld_5.png");
}

#txt{
width:85%;
margin:0 auto;
padding:30px 10px 15px 20px;
background:rgba(255,255,255,0.65);
}

.box, .box2{
width:90%;
margin:0 auto;
padding-bottom:15px;
}

.box2{
text-align:right;
}

#atg{
font-size:11px;
padding:20px 10px 0 10px;
color:#777;
border-top:#B2D0F3 solid 2px;
}

#top{
width:220px;
height:224px;
display:table-cell;
background-image: url("http://alicex.jp/data/pget/img/pget_upld_4.png");
background-repeat:no-repeat;
background-position:50% 50%;
background-size:220px;
}

h1,h2{
font-size:17px;
font-family: XANOΎ©, "qMmΎ© ProN W3", "Hiragino Mincho ProN", "HGΎ©E", "lr oΎ©", "lr Ύ©", serif;
line-height:1;
font-weight:nomal;
display:inline-block;
margin-bottom:0;
padding:3px 5px;
-webkit-background-size: 8px 8px;
-moz-background-size: 8px 8px;
background-size: 8px 8px;
background-color: #fff;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
color-stop(.25, #eaf4fc), color-stop(.25, transparent),
color-stop(.5, transparent), color-stop(.5, #eaf4fc),
color-stop(.75, #eaf4fc), color-stop(.75, transparent),
to(transparent));
background-image: -webkit-linear-gradient(-45deg, #eaf4fc 25%, transparent 25%,
transparent 50%, #eaf4fc 50%, #eaf4fc 75%,
transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #eaf4fc 25%, transparent 25%,
transparent 50%, #eaf4fc 50%, #eaf4fc 75%,
transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #eaf4fc 25%, transparent 25%,
transparent 50%, #eaf4fc 50%, #eaf4fc 75%,
transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #eaf4fc 25%, transparent 25%,
transparent 50%, #eaf4fc 50%, #eaf4fc 75%,
transparent 75%, transparent);
background-image: linear-gradient(-45deg, #eaf4fc 25%, transparent 25%,
transparent 50%, #eaf4fc 50%, #eaf4fc 75%,
transparent 75%, transparent);
}

h2{
text-align:right;
}

h3{
font-size:24px;
font-family: XANOΎ©, "qMmΎ© ProN W3", "Hiragino Mincho ProN", "HGΎ©E", "lr oΎ©", "lr Ύ©", serif;
display:inline;
}

a{
text-decoration:none;
}

#ttl{
font-family: XANOΎ©, "qMmΎ© ProN W3", "Hiragino Mincho ProN", "HGΎ©E", "lr oΎ©", "lr Ύ©", serif;
font-size:18px;
padding:0 2px;
border-bottom:#fff solid 2px;
}

input[type="submit"]:hover, a:hover{
opacity:0.4;
}

input[type]{
height:auto;
font-size:12px;
font-family: 'Didact Gothic',"CI",sans-serif;
background:#fff;
border:solid 1px #e3e3e3;
border-radius:0px;
color:#666;
box-shadow:none;
padding:2px 3px;
letter-spacing:2px;
}

input[type="text"]{
width:70px;
margin-right:5px;
}

input[type="submit"]{
width:auto;
}
</style>