<!--           template by mercury         -->
<style type="text/css">
/* html5 reset for nano -- mercury */

html,body,div,span,p,pre,a,address,big,del,em,img,ins,q,samp,
small,strong,b,center,ol,ul,li,form,table,caption,tbody,tfoot,thead,tr,th,td,
footer,header,hgroup,nav,section,time,mark,audio,video{
  margin:0;
  padding:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;}

body{line-height:1;}
aside,footer,header,nav,section{display: block;}
ol,ul{list-style: none;}

a{
  margin:0;
  padding:0;
  text-decoration:none;
  vertical-align:baseline;
  background:transparent;}
</style>

<style type="text/css">
html,body{
  text-align:center;
  font-family:Meiryo,Helvetica,Arial,sans-serif.游ゴシック,Angelina;
  margin-bottom:1px;
  height:100%;
  -webkit-text-size-adjust:100%;/* phone */}


input,textarea,select,option{
  color:#666666;
  font-size:12px;
  letter-spacing:1px;
  font-family:Meiryo,Helvetica,Arial,sans-serif;
  padding:0.2em 0.5em;
  margin:0.2em 0.2em;
  background-color:#FFFFFF;
  border:solid #000000 1px;}
input:focus,textarea:focus,select:focus{
  color:#000000;
  background-color:#FFFFFF;
  border:solid #000000 1px;}

.title1{
  font-size:22px;
  letter-spacing:5px;
  margin-bottom:0.1em;}

.black{
  color:#000000;
  font-size:11px;}

.inner img{
  max-width:100%;
  height:auto;}

.all{
  width:550px;
  font-size:11px;
  text-align:left;
  letter-spacing:2px;
  line-height:1.6;
  margin:0 auto;
  padding-top:4em;}


.inner{
  text-align:left;
  margin-bottom:1em;}


.bottoms{text-align:right;}
</style><script src="//use.edgefonts.net/ubuntu-condensed.js"></script>
<style type="text/css">

*{padding:0 auto;
margin:0 auto;}

@media screen and (min-width:800px){#all{width: 800px;
margin: 0px auto;}}

body{background-color: rgba( 255, 255, 255, 0.55 );
margin:5px;
 padding:5px;
 font-size: 12px;
line-height:2;
letter-spacing:2px;
overscroll-x:hidden;
font-family:ubuntu-condensed,'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  Meiryo, メイリオ, sans-serif;
overflow-y:scroll;
}

.menu{border-top:5px double #000;
border-bottom:5px double #000;
margin:10px 0px 10px 0px;
text-align:center;}
.menu a{background-color: rgba( 250, 240, 245, 0.35 );
color:#555555;
margin:0% 0.5% 0% 0.5%;}
.menu a:hover{color:#FF0066;}

.title{font-size:30px;
color:#000;
line-height:1;
margin-top:30px;
text-align:center;
}
.title a{background-color: rgba( 250, 240, 245, 0.35 );
color:#d3d3d3;
text-decoration: none;
transition: 0.5s;
 -ms-transform: 0.5s;
 -webkit-transform: 0.5s;
 -moz-transform: 0.5s;
 -o-transform: 0.5s;}

p{line-height:170%;
color:#ddd;
font-size:13px;
text-align:center;}

a {background-color: rgba( 255, 228, 225, 0.55 );
color:#555;
text-decoration: none;
transition: 0.5s;
 -ms-transform: 0.5s;
 -webkit-transform: 0.5s;
 -moz-transform: 0.5s;
 -o-transform: 0.5s;}

a:hover {color:#FF0066;
border-bottom:dotted 1px #555;}

.pict{background:url(http://alicex.jp/data/Relativity/img/Relativity_upld_9.jpg);
background-size:800px;
width:100%;
height:180px;
background-position:center top;
text-align:center;}

#left{width:67%;
float:left;
margin-top:3%;
line-height:150%;}
#right{width:30%;
font-size:11px;
float:right;
margin-top:3%;}
#clear{clear:both;}

h1{background:#eee;
padding:0 5px;
font-size:12px;
color:#DC143C;
line-height:2;}

spanf{background-color: rgba( 255, 255, 255, 0.80 );}

</style>