@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:#330000;
background-color: #ffffff;
}
ul {
margin:0px;
padding:0px;
list-style:none;
}
input[type="submit"] {
font-size:20px;
height: 80px;
line-height: 80px;
border: 1px solid #FFFFFF;
width: 90%;
color: #FFFFFF;
background-color: #8a2be2;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#sttr {
text-align:center;
margin:20px;
font-size:1.5em;
}
.css {
bottom: 0px;
position: fixed;
z-index: 1;
margin-left:0px;
padding:0px;
width:100%;
text-align:center;
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
}
.text1 {
text-align:center;
line-height:1.5;
margin:15px 5px 5px 5px;
}
.text2 {
line-height:1.6;
margin:5px;
}
.text3 {
line-height:1.6;
margin:5px;
text-align:center;
}
.text4 {
line-height:1.6;
margin:5px;
margin-top:10px;
text-align:center;
color:#ff0000;
font-size:130%;
}
.text5 {
line-height:1.6;
margin:5px;
text-align:left;
font-size:90%;
}
#textbox1 {
background-color:#e6e6fa;
text-align:center;
}
.textbox{
 font-size:130%;
 margin:10px;
 text-align:center;
 color:#dc143c;
}
.textbox2{
margin:0px auto 20px auto;
text-align:center;
line-height:150%;
font-size:90%;
}
#segment {
text-align:center;
}
#segment p{
color:#ffffff;
margin:10px;
font-size:14px;
background-color:#6a5acd;
padding:20px;
}
#segment {
text-aling:center;
display:box;
margin:10 auto 10 auto;
}
#segment2 {
text-align:center;
}
#segment2 p{
color:#ffffff;
margin:10px;
font-size:14px;
background-color:#6a5acd;
padding:20px;
}
#segment2 {
text-aling:center;
display:box;
margin:10 auto 10 auto;
}
.sel{
border: 1px solid #deb887;
padding: 5px;
margin:3px;
height: 45px;
line-height: 45px;
width:30%;
font-size:14px;
color:#b8860b;
display:inline-block;
}
.sel2{
border: 1px solid #deb887;
padding: 5px;
margin:3px;
height: 45px;
line-height: 45px;
width:90%;
font-size:14px;
color:#b8860b;
}
.textbox3 {
text-align:center;
margin-top:20px;
border: 1px solid #ffb6c1;
padding:10px;
margin:10px;
background-color:#fffafa;
}
#textbox3 p {
margin:10px 0px;
line-height:150%;
padding:5px;
font-size:90%;
}
#midtitle {
margin-top:30px;
}
#startbox {
text-align:center;
margin-top:30px;
margin-bottom:40px;
}
.textbox3sum {
text-align:left;
line-height:1.8em;
padding:5px;
font-size:90%;
}
.textbox3title {
text-align:left;
margin-left:10px;
color:#808000;
margin:10px 0px;
}
#textbox4 p {
padding:10px;
line-height:150%;
}
#textbox4 img {
margin:10px 0px;
}
.textbox5sum {
text-align:left;
margin:10px 0px;
font-weight:bold;
}
#help p{
margin:0px;
display: block;
width: 100%;
padding:40px 0;
text-align:center;
color:#ffffff;
background-color:#696969;
}
#gaiyo ul li{
padding-left:10px;
margin:0;
height: 44px;
line-height: 44px;
border-top:1px solid #dcdcdc;
background-color:#696969;
}
#gaiyo ul li a{
display: block;
padding-left:3px;
text-decoration:none;
color:#ffffff;
font-size:90%
}
footer{
margin-top:30px;
text-align:center;
}
#footer {
margin-top:10px;
margin-bottom:80px;
}
#footer p {
margin-top:10px;
text-align:center;
}
.tag {
background-color:#6a5acd;
color:#ffffff;
padding:10px;
margin:5px;
margin-bottom:20px;
float:left;
font-size:14px;
}
.tag2 {
background-color:#6a5acd;
color:#ffffff;
padding:10px;
margin:5px;
float:left;
font-size:14px;
}
#tag {
margin-left:5px;
margin-bottom:10px;
}
.chu {
font-size:80%;
text-align:right;
margin:5px;
}
.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);
}
}
#lis {
margin:10px;
}

#segarea {
padding:10px;
}
#segm {
margin:5px;
background:#f8f8ff;
text-align:center;
padding:10px;
border:1px solid #4b0082;
}