@charset   "UTF-8";

#topboxdis { 
	background-color: #33a1f9;
	background: -webkit-linear-gradient(#33a1f9 0%, #fff 5%, #fff 7%, #33a1f9 12%, #33a1f9 50%, #f6840a 54%, #f6840a 56%, #33a1f9 60%, #33a1f9 62%, #fff 66%, #fff 89%, #33a1f9 93%, #33a1f9 96%, #fff 100%);
	background: linear-gradient(#33a1f9 0%, #fff 5%, #fff 7%, #33a1f9 12%, #33a1f9 50%, #f6840a 54%, #f6840a 56%, #33a1f9 60%, #33a1f9 62%, #fff 66%, #fff 89%, #33a1f9 93%, #33a1f9 96%, #fff 100%);
}

#bottombox {
	background-color: #ee0073;
	background: -webkit-linear-gradient(#33a1f9 0%, #fff 4%, #33a1f9 7%, #33a1f9 54%, #f6840a 55%, #f6840a 58%, #33a1f9 61%, #fff 64%, #33a1f9 67%, #33a1f9 100%);
	background: linear-gradient(#33a1f9 0%, #fff 4%, #33a1f9 7%, #33a1f9 54%, #f6840a 55%, #f6840a 58%, #33a1f9 61%, #fff 64%, #33a1f9 67%, #33a1f9 100%);
}

#dropmenu li {
	border-left: 2px solid #f6840a;
}

#dropmenu>li:last-child {
	border-right: 2px solid #f6840a;
}

#dropmenu li a ,
#dropmenu li ul li a ,
#dropmenu li ul li ul li a  { 
	background-color: #33a1f9;
	background: -webkit-linear-gradient(#33a1f9 0%, #fff 15%, #33a1f9 40%, #33a1f9 100%);
	background: linear-gradient(#33a1f9 0%, #fff 15%, #33a1f9 40%, #33a1f9 100%);
}

#dropmenu > li:hover > a ,
#dropmenu > li:hover li:hover > a ,
#dropmenu li:hover ul li ul li a:hover {
	background-color: #d8660a;
	background: -webkit-linear-gradient(#d8660a 0%, #fff 15%, #d8660a 40%, #d8660a 100%);
	background: linear-gradient(#d8660a 0%, #fff 15%, #d8660a 40%, #d8660a 100%);
}

#dropmenu li ul li ul:before {
	border-left-color: #f6840a;
}
#ugokumark {
	position: absolute;
	height: 50px;
	margin:0 0 0 10px;
	padding:0;
	top:20px;
	left:0;
	z-index: 1000;
}

#tomarumark { 
	position: absolute;
	height: 50px;
	margin:0;
	padding:0;
	top:20px;
	left:60px;
}

.topl h1{
	position: absolute;
	top:20px;
	left:310px;
}

@keyframes ugokumark{ 
	0% { transform: rotate(0deg); left:0px;}
	10% { transform: rotate(-5deg); left:0px;}
	15% { transform: rotate(5deg); left:0px;}
	20% { transform: rotate(-10deg); left:0px;}
	25% { transform: rotate(10deg); left:0px;}
	30% { transform: rotate(-15deg); left:0px;}
	35% { transform: rotate(15deg); left:0px;}
	40% { transform: rotate(-20deg); left:0px;}
	45% { transform: rotate(20deg); left:0px;}
	50% { transform: rotate(-80deg); left:0px;}
	85% { transform: rotate(1800deg); left:490px;}
	90% { transform: rotate(1880deg); left:490px;}
	100% { transform: rotate(0deg); left:0px;}
} 

[id^="rwaku"] { 
	border: 2px solid #33a1f9;
}

[id^="rwaku"] h2 { 
	border: 1px solid #33a1f9;
	background-color: #33a1f9;
	background: -webkit-linear-gradient(#33a1f9 0%, #fff 10%, #33a1f9 20%, #33a1f9 75%, #f6840a 85%, #f6840a 95%, #33a1f9 100%);
	background: linear-gradient(#33a1f9 0%, #fff 10%, #33a1f9 20%, #33a1f9 30%, #33a1f9 80%, #f6840a 90%, #33a1f9 100%);
	color:#ffffff;
}