body{
font-family:'Righteous',Arial Black,Impact,cursive,sans-serif;
font-size:78%;
margin:0;
padding:0;
line-height:1.9;
text-align:center;
color:#539092;
background-color:#fbfbfb;
}
a{
text-decoration:none;
border-bottom:2px solid #ececec;
}
.one{color:#fff;
background:#252839;
}
footer{
padding:13px;
background:#fff;
}
#header,#footer{
margin:0;
padding:10px 0;
border-bottom:8px solid #8bcfcc;
background-color:#539092;
background:repeating-linear-gradient(90deg,#539092,#539092 20px,#428181 0,#428181 40px);
}
#header img{
width:100px;
height:100px;
position:relative;
top:70px;
left:0px;
border:5px solid #fff;
border-radius:100%;
box-shadow:0 0 0 7px #8bcfcc;
background-color:#fff;
}
#contents{
font-size:13px;
font-family:Meiryo;
text-align:left;
margin:0 auto;
padding:20px 10px;
max-width:320px;
border:6px solid #8bcfcc;
border-radius:10%;
background-color:#fff;
}
u{
text-decoration:none;
background:linear-gradient(transparent 60%,#9febeb 60%);
}
h1{
color:#fff;
margin:70px auto -10px;
text-shadow:1px 0 0 #8bcfcc,-1px 0 0 #8bcfcc,0 1px 0 #8bcfcc,0 -1px 0 #8bcfcc,1px 1px 0 #8bcfcc,-1px 1px 0 #8bcfcc,1px -1px 0 #8bcfcc,-1px -1px 0 #8bcfcc,1px 2px 0 #8bcfcc,-1px 2px 0 #8bcfcc,1px -2px 0 #8bcfcc,-1px -2px 0 #8bcfcc,2px 1px 0 #8bcfcc,-2px 1px 0 #8bcfcc,2px -1px 0 #8bcfcc,-2px -1px 0 #8bcfcc,3px 0 0 #8bcfcc,-3px 0 0 #8bcfcc,0 3px 0 #8bcfcc,0 -3px 0 #8bcfcc,3px 1px 0 #8bcfcc,-3px 1px 0 #8bcfcc,3px -1px 0 #8bcfcc,-3px -1px 0 #8bcfcc,1px 3px 0 #8bcfcc,-1px 3px 0 #8bcfcc,1px -3px 0 #8bcfcc,-1px -3px 0 #8bcfcc,3px 2px 0 #8bcfcc,-3px 2px 0 #8bcfcc,3px -2px 0 #8bcfcc,-3px -2px 0 #8bcfcc,2px 3px 0 #8bcfcc,-2px 3px 0 #8bcfcc,2px -3px 0 #8bcfcc,-2px -3px 0 #8bcfcc;
}
h2{
display:block;
font-size:110%;
text-align:center;
margin:0 0 8px;
border-bottom:3px dotted #8bcfcc;
}
a,a:link{color:#8bcfcc;text-decoration:none;}
a:hover{color:#8bcfcc;}