/*アイウエオ*/
body {
	/*background-color: #CCFFFF;*/
	margin:0;
	overflow-x:hidden;
}
.title {
	transition-property: background-color,color;
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0, 0, 0.5, 1.0);
	transition-delay: 0s;
	
	background-color:#ffff00;
	color:#000000;
	
	
	padding: 5pt;
	padding-left:2em;
	position: fixed;
	width:100%;
	top:0;
	left:0;
	z-index:1;
}
.titleInner {
	-webkit-animation-name: ShowAnim;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-play-state running;
	-webkit-animation-delay:0s;
	-webkit-animation-timing-function: cubic-bezier(0, 0, 0.5, 1.0);/*linear,ease-in-out,ease-in,ease-outなどを指定*/
	-webkit-animation-fill-mode: both;
	animation-name: ShowAnim;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-play-state running;
	animation-delay:0s;
	animation-timing-function: cubic-bezier(0, 0, 0.5, 1.0);/*linear,ease-in-out,ease-in,ease-outなどを指定*/
	animation-fill-mode: both;
	
	position: relative;
}
.title h1,.titlePad{
	margin-top:0.3em;
	margin-bottom:0.3em;
	font-weight: normal;
	font-size: x-large;
}
.titlePad {
	padding: 5pt;
}

.contInner{
	-webkit-animation-name: ShowAnim;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-play-state running;
	-webkit-animation-delay:0.25s;
	-webkit-animation-timing-function: cubic-bezier(0, 0, 0.15, 1.0);/*linear,ease-in-out,ease-in,ease-outなどを指定*/
	-webkit-animation-fill-mode: both;
	animation-name: ShowAnim;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-play-state running;
	animation-delay:0.25s;
	animation-timing-function: cubic-bezier(0, 0, 0.15, 1.0);/*linear,ease-in-out,ease-in,ease-outなどを指定*/
	animation-fill-mode: both;
	
	position: relative;

}
.cont {
	overflow-x:hidden;

	background-color: #FFFFFF;
	color: #000000;
	/*
	border-style: solid;
	border-width: medium;
	*/
	padding-left:15px;
	padding-bottom:5px;
	padding-right:15px;
	padding-top:10px;
	/*
	border-radius: 10px;
	*/
}
@-webkit-keyframes ShowAnim {
	0%{
		opacity: 0;
		left: 2.5em;
	}
	100%{
		opacity: 1;
		left: 0em;
	}
}
@keyframes ShowAnim {
	0%{
		opacity: 0;
		left: 2.5em;
	}
	100%{
		opacity: 1;
		left: 0em;
	}
}


.buttonlist {
	padding-left:15px;
	padding-bottom:5px;
	padding-right:15px;
	padding-top:10px;
	margin-top: 0%;
	margin-left: -4%;
	margin-right: 4%;
	border-radius: 10px;
	float:right;
	/*display: block;*/
	width: 5%;
	z-order:0;
	text-align:center;
	vertical-align:middle;
	font-size: smaller;
}
.buttonlist p {
  	width: 100%;
	min-height: 3em;
	text-align:center;
	vertical-align:middle;
}
.buttonlist p a {
	text-decoration:none;
	color: #ffffff;
	width: 100%;
	height: 100%;
	min-height: 3em;
	display: block;
}
.nullbutton {
	text-decoration:none;
	/*border-color: #CCCCCC #00FF00 #FFFFFF #00FFFF;*//*上 右 下 左*/
	margin: 5px;
	text-decoration:none;
	border-color: transparent;
	background-color: transparent;
	border-style: solid;
	border-width: medium;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-top: 10px;
	color: #ffffff;
	border-radius: 10px;
	display: inline-block;
}
.actbutton {
	text-decoration:none;
	/*border-color: #CCCCCC #00FF00 #FFFFFF #00FFFF;*//*上 右 下 左*/
	margin: 5px;
	margin-right: 5%;
	text-decoration:none;
	border-color: #0077bb;
	background-color: #0077bb;
	border-style: solid;
	border-width: medium;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-right: 61%;
	padding-top: 10px;
	color: #ffff77;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	display: block;
	/*width: 127% !important;*/
}

	/*border-image:linear-gradient(top, #EEEEEE 0%, #AAAAAA 100%);
	-moz-border-image:-moz-linear-gradient(top, #EEEEEE 0%, #AAAAAA 100%);
	-webkit-border-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEEEEE), color-stop(100%,#AAAAAA));*/
.blackbutton {
	text-decoration:none;
	/*border-color: #CCCCCC #00FF00 #FFFFFF #00FFFF;*//*上 右 下 左*/
	margin: 5px;
	text-decoration:none;
	border-bottom-color: #AAAAAA;
	border-top-color: #EEEEEE;
	border-left-color: #EEEEEE;
	border-right-color: #CCCCCC;
	background-color: #000000;
	border-style: solid;
	border-width: medium;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-top: 10px;
	color: #ffffff;
	border-radius: 10px;
	display: inline-block;
}
.blackbutton:active{
	border-bottom-color:#EEEEEE;
	border-top-color:#AAAAAA;
	border-left-color:#CCCCCC;
	border-right-color:#EEEEEE;
}
.whitebutton {
	text-decoration:none;
	/*border-color: #CCCCCC #00FF00 #FFFFFF #00FFFF;*//*上 右 下 左*/
	margin: 5px;
	text-decoration:none;
	border-bottom-color: #AAAAAA;
	border-top-color: #EEEEEE;
	border-left-color: #EEEEEE;
	border-right-color: #CCCCCC;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: medium;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-top: 10px;
	color: #000000;
	border-radius: 10px;
	display: inline-block;
}
.whitebutton:active{
	border-bottom-color:#EEEEEE;
	border-top-color:#AAAAAA;
	border-left-color:#CCCCCC;
	border-right-color:#EEEEEE;
}
.button {
	text-decoration:none;
	/*border-color: #CCCCCC #00FF00 #FFFFFF #00FFFF;*//*上 右 下 左*/
	margin: 5px;
	border-bottom-color: #AAAAAA;
	border-top-color: #EEEEEE;
	border-left-color: #EEEEEE;
	border-right-color: #CCCCCC;
	border-style: solid;
	border-width: medium;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-top: 10px;
	border-radius: 10px;
	display: inline-block;
}
.button:active{
	border-bottom-color:#EEEEEE;
	border-top-color:#AAAAAA;
	border-left-color:#CCCCCC;
	border-right-color:#EEEEEE;
}


.Warnbox {
	background-color: #FFFF00;
	border-style: solid;
	border-width: medium;
	position: fixed;
	font-size: x-large;
	display: block;
	height: 15em;
	width: 20em;
	top: 50%;
	text-align: center;
	left: 50%;
	right: 50%;
	bottom: 50%;
	margin-top: -7.5em;
	margin-left: -10em;
	vertical-align: middle;
}
.Errbox {
	background-color: #FF0000;
	border-style: solid;
	border-width: medium;
	position: fixed;
	font-size: x-large;
	display: block;
	height: 15em;
	width: 20em;
	top: 50%;
	text-align: center;
	left: 50%;
	right: 50%;
	bottom: 50%;
	margin-top: -7.5em;
	margin-left: -10em;
	vertical-align: middle;
}

.blackbutton2 {
	text-decoration:none;
	/*border-color: #CCCCCC #00FF00 #FFFFFF #00FFFF;*//*上 右 下 左*/
	margin: 5px;
	text-decoration:none;
	border-bottom-color: #AAAAAA;
	border-top-color: #EEEEEE;
	border-left-color: #EEEEEE;
	border-right-color: #CCCCCC;
	background-color: #000000;
	border-style: solid;
	border-width: medium;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-top: 10px;
	color: #ffffff;
	border-radius: 10px;
	display: block;
	position:fixed;
	top: 50%;
	text-align: center;
	left: 50%;
	right: 50%;
	bottom: 50%;
	width: 25em;
	height: 1.5em;
	margin-top: 7em;
	margin-left: -13.5em;
	font-size:medium;
}
.blackbutton2:active{
	border-bottom-color:#EEEEEE;
	border-top-color:#AAAAAA;
	border-left-color:#CCCCCC;
	border-right-color:#EEEEEE;
}


/* 参考:http://codepen.io/ilance/pen/EtoIl/ */

.progressRing {
  position: relative;
  margin: 50px auto;
  width: 50px;
  height: 50px;
}

.progressRingOuter {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-animation: progress-ring 4.5s linear infinite;
  animation: progress-ring 4.5s linear infinite;
}

.progressRingInner {
  background: #000;
  border-radius: 5px;
  width: 5px;
  height: 5px;
}

@-webkit-keyframes progress-ring {
  0% { opacity: 1; -webkit-transform: rotate(-110deg); }
  9.622% { -webkit-transform: rotate(10deg); }
  26.667% { -webkit-transform: rotate(93deg); }
  35.933% { -webkit-transform: rotate(205deg); }
  44.822% { -webkit-transform: rotate(357deg); }
  61.844% { -webkit-transform: rotate(439deg); }
  71.489% { opacity: 1; -webkit-transform: rotate(585deg); }
  71.49% { opacity: 0; }
  100% { opacity: 0; -webkit-transform: rotate(610deg); }
}
@keyframes progress-ring {
  0% { opacity: 1; transform: rotate(-110deg); }
  9.622% { transform: rotate(10deg); }
  26.667% { transform: rotate(93deg); }
  35.933% { transform: rotate(205deg); }
  44.822% { transform: rotate(357deg); }
  61.844% { transform: rotate(439deg); }
  71.489% { opacity: 1; transform: rotate(585deg); }
  71.49% { opacity: 0; }
  100% { opacity: 0; transform: rotate(610deg); }
}

.emc {
  border: medium solid red;
  display: block;
  margin-top:0.5em;
}
.emc p {
  padding-left:0.5em;
  padding-right:0.5em;
}