body{font-size:80%;
text-align:center;
font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
line-height:1.9;
background: #000;
letter-spacing:2.5px;
color:#efefef;
}

#wrp{
width:600px;
margin:0 auto;
padding-top: 30px;
}

#header{
margin:0 auto;
padding-bottom: 20px;
text-align:center;
}

#nav{
margin:0 auto;
padding-bottom: 50px;
text-align:center;
height: 30px;
letter-spacing: 0.5em;
}

#nav ul{
list-style: none;
margin: 0 auto 0 -40px;
}

#nav li{
        display: inline-block;
       	position: relative;
        padding: 3px 10px;
letter-spacing:3px;
font-size: 16px;
}

#content{
width:600px;
margin:0 auto;
padding:10px;
border:0;
}

#content a{
color:#efefef;
text-decoration: none;
border-bottom: 1px solid #666666;
background-image: linear-gradient(rgba(0,0,0,0) 50%, rgba(99,99,99,1) 50%);
background-position: 0 0;
background-size: auto 200%;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s; }

#content a:visited{ color: #999; }
#content a:hover{ color: transparent; text-shadow: 0 0 2px #333;background-position: 0 100%;}h1 {
font-family: 'Stalemate', cursive;
font-size:36px;
font-weight:normal;
margin-bottom: -15px;
}

h2{
position: relative;
display: inline-block;
font-size:18px;
letter-spacing: 3px;
font-weight:normal;
margin-bottom: 10px;
}

p {
  color: #efefef;
  font-size:14px;
  text-align: justify;
  text-justify: inter-ideograph;
  margin:0;
padding-top:10px;
}

a{
color:#efefef;
text-decoration: none;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s; }

a:visited{ color: #999; }
a:hover{ color: transparent; text-shadow: 0 0 3px #666;}

.box{
width:448px;
 margin: 0px auto 50px auto;
padding: 20px;
 color:#efefef;
text-align:center;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
border-radius: 10px;
}

.box2{
width:448px;
margin: 0px auto;
padding: 20px;
color:#efefef;
text-align:center;
}

strong {
background: #666666;
padding: 0 2px;
}

span.small{
font-family: 'Stalemate', cursive;
font-size: 14px;
color:#666666;
}div.drop{
margin: 0 auto;
width: 25px;
height: 25px;
border: 1px solid #666666;
border-radius: 10% 50% 50% 50%;
transform: rotate(45deg);
-moz-border-radius: 10% 50% 50% 50%;
-moz-transform: rotate(45deg);
-webkit-border-radius: 10% 50% 50% 50%;
-webkit-transform: rotate(45deg);

 background: linear-gradient(top left, rgba(99,99,99,.1), rgba(0,0,0, .1) 100%), #333;
    border-radius: 10% 50% 50% 50%;
    box-shadow: inset 4px -4px 6px #000, inset -1px 1px 1px rgba(99,99,99, .1);
    transform: rotate(45deg);

    background: -moz-linear-gradient(top left, rgba(99,99,99,.1), rgba(0,0,0, .1) 100%), #333;
    -moz-border-radius: 10% 50% 50% 50%;
    -moz-box-shadow: inset 4px -4px 6px #000, inset -1px 1px 1px rgba(99,99,99, .1);
    -moz-transform: rotate(45deg);

    background: -webkit-linear-gradient(top left, rgba(99,99,99,.1), rgba(0,0,0, .1) 100%), #333;
    -webkit-border-radius: 10% 50% 50% 50%;
    -webkit-box-shadow: inset 4px -4px 6px #000, inset -1px 1px 1px rgba(99,99,99, .1);
    -webkit-transform: rotate(45deg);
  }


div.drop2{
margin: 0 auto;
width: 10px;
height: 10px;
border: 1px solid #666666;
border-radius: 10% 50% 50% 50%;
transform: rotate(45deg);
-moz-border-radius: 10% 50% 50% 50%;
-moz-transform: rotate(45deg);
-webkit-border-radius: 10% 50% 50% 50%;
-webkit-transform: rotate(45deg);
  }