@charset "utf-8";
/* CSS Document */
.mt10{
	margin-top: 10px;
}
.mt20{
	margin: 20px;
}
.ml20{
	margin-left: 20px;
}
.mr20{
	margin-right: 20px;
}
.mb10{
	margin-bottom: 10px;
}
.t-center{
	text-align: center;
}
.t-right{
	text-align: right;
}
.t-strong{
	font-weight: bold;
}
.t-large{
	font-size: 120%;
}
.t-small{
	font-size: 80%;
}
.u-line{text-decoration: underline;}
.v-top{
	vertical-align: top;
}
.v-middle{
	vertical-align: middle;
}
.red{
	color: #F00;
}
.deco01{
	color: #000;
	padding:0.5em 0.3em;
	text-align:left;
	width: 85%;
	max-width: 85%;
	border-radius: 3px;
	border: 3px solid #203FCD;
	margin: 10px auto;
	background:#C9F4FF;
}
.f-left{
	float: left;
}
.f-right{
	float: right;
}
.att{
	color: #F00;
	font-weight: bold;
}
#mocopre{
	width: 60%;
	margin: 1em auto;
}
#mocopre p{
	text-align: center;
	background: #FF6700;
	color: #fff;
	font-size: 120%;
	padding: 1em;
	font-weight: bold;
	}
#moco{
	width: 60%;
	margin: 1em auto;
}
#moco p{
	text-align: center;
	background: #1D2284;
	color: #fff;
	font-size: 120%;
	padding: 1em;
	font-weight: bold;
	}
#moco a{
	color: #FFF;
}
#moco p:hover{
	background: #F00;
}
#mocoend{
	width: 60%;
	margin: 1em auto;
}
#mocoend p{
	text-align: center;
	background: #000;
	color: #fff;
	font-size: 120%;
	padding: 1em;
	font-weight: bold;
	}
.box01{
	border: 1px solid #ccc;
	padding: 15px 10px;
}
.highlight{
	background: #FFFD00;
	padding: 2px 3px;
}
.btn{display: inline-block;
  width: 250px;
  margin: 10px 20px;
  padding: 15px 10px;
  border: 1px solid navy;
  background: navy;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  transition: .3s;
	border-radius: 5px;
	font-size: 110%;
}
a.btn:hover {
  background: #8CEBFF;
  color:#1E2041;
}