@charset "utf-8";

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
 margin: 0;
 padding: 0;
 font-size: 100%;
}

body {
margin:0px;
padding:0px;
color:#ffffff;
background-color:#c00001;
}
header {
text-align:center;
}
.headpt {
text-align:center;
font-weight:bold;
margin:30px 0px 10px 0px;
color:#ffd700;
line-height:1.8em;
}
.headp {
margin:15px;
line-height:1.8em;
text-align:left;
}
input[type="submit"] {
font-size:20px;
height: 80px;
line-height: 80px;
border: 1px solid #FFFFFF;
width: 90%;
color: #FFFFFF;
background-color: #c71585;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#sttr {
text-align:center;
margin:20px;
font-size:1.5em;
color:#000000;
}
#textbox1 {
background-color:#ffe4e1;
border:1px solid #d2b48c;
text-align:center;
margin:10px;
margin-bottom:50px;
}
#segment p{
color:#ffffff;
margin:10px;
font-size:1.1em;
background-color:#000000;
padding:20px;
}
#segment {
text-aling:center;
display:box;
margin:10px auto 10px auto;
padding:15px;
}
#segment2 p{
color:#ffffff;
margin:10px;
font-size:1.1em;
background-color:#000000;
padding:20px;
}
#segment2 {
text-aling:center;
display:box;
margin:10px auto 10px auto;
padding:15px;
}
.sel{
border: 1px solid #696969;
padding: 5px;
margin:3px;
height: 60px;
line-height:60px;
width:30%;
font-size:14px;
color:#696969;
display:inline-block;
}
.sel2{
border: 1px solid #696969;
padding:5px;
margin:3px;
height:60px;
line-height:60px;
width:95%;
font-size:14px;
color:#696969;
}
#help p{
margin:0px;
margin-top:50px;
display: block;
width: 100%;
padding:40px 0;
text-align:center;
color:#333333;
background-color:#fff0f5;
}
#gaiyo ul li{
padding-left:10px;
margin:0;
height: 44px;
line-height: 44px;
border-top:1px solid #d2b48c;
background-color:#fff0f5;
}
#gaiyo ul li a{
display: block;
padding-left:3px;
text-decoration:none;
color:#333333;
font-size:90%
}
footer{
margin-top:30px;
text-align:center;
}
.fuwafuwa {
animation-name:fuwafuwa;
animation-delay:0s;
animation-duration: 2.5s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite; 
} 
@keyframes fuwafuwa {
0% {
transform: translateY(0);
}
50% {
transform: translateY(5px);
}
100% {
transform: translateY(0);
}
}
#startbox {
text-align:center;
}