@charset "Shift_JIS";

/* 全称セレクタ 優先順位がいちばん低いです */
* {
margin:0;
padding:0;

box-sizing: border-box;
-moz-box-sizing: border-box; /* MozillaをIEの仕様に合わせる */ 
}

body { 
scrollbar-3dlight-color:#ff00ff; 
scrollbar-track-color:#ffcccc; 
scrollbar-arrow-color:#00ffff; 
scrollbar-darkshadow-color:#ff00ff; 
scrollbar-face-color:#ffccff; 
scrollbar-shadow-color:#ffffff; 
scrollbar-highlight-color:#ffffff; 
}

TEXTAREA { 
border-style:solid; 
border-width:3px; 
border-color:#00ff00; 
background:#ffccff; 
font-size:10pt; 
color:#009900;
}

INPUT { 
BORDER-STYLE:solid; 
BORDER-WIDTH:1px; 
BORDER-COLOR:#FFFFCC; 
COLOR:#0000ff; 
BACKGROUND:#ffccff; 
font-size:15pt; 
padding:10px; 
height:50px;
}

a:link {text-decoration:NONE; color:black; }
a:visited {text-decoration:NONE; color:black; }
a:active {text-decoration:NONE; color:blue; }
a:hover {text-decoration:UNDERLINE;color:blue; }




.button-10 {
    display: inline-block;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 200px;
    margin: 10px 5px;
    padding: 0.5em 1em;
    overflow: hidden;
    border: none;
    border-radius: 5px;
    background-color: #2589d0;
    color: #000000;
    font-weight: 600;
    font-size: 1em;
}

.button-10::before {
    display: block;
    position: absolute;
    top: -50%;
    left: -30%;
    transform: rotate(30deg);
    width: 70px;
    height: 100px;
    content: '';
    background-image: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    animation: animation-button-10 2s infinite linear;
}

@keyframes animation-button-10 {
    17% {
        left: 120%;
    }
    100% {
        left: 120%;
    }
}

.button-10:hover {
    background-color: #32cd32;
}


















.t1 {margin:5px;}



.copyright {
filter:alpha(opacity=70);
background-color:gold;
}

.donp {
font-size:25px;
	text-align:center;
	line-height:0.5em;
	font-weight:bold;
	color: #000;
	text-shadow: 
		0 0 0.03em #FFF59D,
		0 0 0.03em #FFF59D,
		0 0 0.04em #FFF59D,
		0 0 0.04em #FFF59D,
		0 0 0.05em #FFF59D,
		0 0 0.10em #FFF59D,
		0 0 0.60em #FFF59D,
		0 0 0.5em #FFF59D,
		0 0 0.125em #FFF59D;

}





ul {
  list-style: none;
  overflow: hidden;
  display:flex;
  justify-content:center;
  list-style:none;
}

ul li{
  
color:black;
}


ul li a{
  color: black;
  width:;
  text-align: center;
   font-weight: ;
  float: left;
  height:;
  line-height:;
  
  margin-right: 5px;
padding:2px 5px 2px 5px;
background: pink;
  background: -webkit-gradient(linear, left top, left bottom, from(pink), to(violet));
  background: -webkit-linear-gradient(top, pink 0%, violet 100%);
  background: linear-gradient(to bottom, pink 0%, violet 100%);

box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px red;


-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;


}
 
ul li a:hover{
  text-decoration: none;
  color: black;
  font-weight: green;
  padding:;
background: lime;
  background: -webkit-gradient(linear, left top, left bottom, from(lime), to(green));
  background: -webkit-linear-gradient(top, lime 0%, green 100%);
  background: linear-gradient(to bottom, lime 0%, green 100%);

box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px green;
  

}

.c1{}

.c2{margin-top:5px;}