@import url(https://fonts.googleapis.com/css?family=Kalam);

*{ margin: 0 auto; padding: 0 auto;}

body{ margin: 0 auto;
     border-style: solid ;
     border-width: 1px;
     padding: 10px 5px 10px 0px;
     border-color: #54917f;
     background-color: #f4fff9; width: 600px;
     box-shadow: 5px 5px 5px #AAA;

     line-height:140%;
     text-align:center;
}

#wrapper {
width:450px;
 margin:0px auto;
text-align:left;
}

h1{ font-size:100%; 
    color:#706caa;
}
h2{ font-size:90%; 
    color:lightcoral; 
}

p {font-size:80%;
   font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
   Meiryo, sans-serif;
}

p.menu-3{font-family: "Monotype Corsiva",fantasy;
font-size:130%;}

p.menu-2{font-family: 'Kalam', cursive;
font-size:110%;}

a { text-decoration: none; }

hr {
height: 1px;
background: #eafff4;
background-image: -webkit-linear-gradient(left, #eafff4, #54917f, #eafff4);
background-image: -moz-linear-gradient(left, #eafff4, #54917f, #eafff4);
background-image: -ms-linear-gradient(left, #eafff4, #54917f, #eafff4);
background-image: -o-linear-gradient(left,#eafff4, #54917f, #eafff4);
}

#pageTop span{
display: block;
overflow: hidden;
width: 33px;
height: 44px;
background: url(http://alicex.jp/data/dreamgate/img/dreamgate_upld_25.gif) no-repeat center center;
}


#pageTop{
border: 0px solid #000;
background: #f4fff9;
text-shadow: 0 1px 0 #333;
color:#fff;
padding: 8px 10px;
position:fixed;
bottom: 20px;
right: 20px;
top: auto;
left: auto;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-icab-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,.4),inset 0 10px 10px rgba(255,255,255,.1);
}

#pageTop:hover{
transition: all .3s;
opacity: 0.8;
filter: alpha(opacity=80);
}