@charset "utf-8";
/* ------------------------------------------------------------------------- */
#loginwrapper {
	margin: 0 auto;
	padding: 0;
	width: 600px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}
th.color1 {
  color: #403315;
  background-color: #D0BE96;
}
th.color2 {
  color: #403315;
  background-color: #E0D4BA;
}
.menulist{
  width: 370px;
  height: 356px;
  float: left;
  margin: 50px auto;
}

a.menubtn2 {
  color:#ffffff;
  text-decoration:none;
  background-color: #cccccc;
}
/* ------------------------------------------------------------------------- */
.menubtn2 {
	position: relative;
	display: inline-block;
	padding: .2em 1.2em;
	color: #fff;
	text-align: center;
	text-decoration: none;
	outline: none;
	transition: all .2s;
	font-size:24px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.menubtn2::before,
.menubtn2::after {
	position: absolute;
	z-index: 2;
	content: '';
	width: 0;
	height: 0;
	border: 5px solid transparent;
}
.menubtn2::before {
	top: -5px;
	left: -5px;
}
.menubtn2::after {
	bottom: -5px;
	right: -5px;
}
.menubtn2:hover, .menubtn2:focus, .menubtn2:active {
  color: #ffffa0;
  background-color: #CD9863;
  -webkit-transform: scale(1.2);
  transform: scale(1.3);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.menubtn2:hover::before,
.menubtn2:hover::after {
	width: 100%;
	height: 100%;
}
.menubtn2:hover::before {
	border-bottom-color: #DACBBC;
	border-left-color: #DACBBC;
	transition: height .6s, width .9s .3s;
}
.menubtn2:hover::after {
	border-top-color: #DACBBC;
	border-right-color: #DACBBC;
	transition: height .6s, width .9s .3s;
}

a.menubtn3 {
  color:#ffffff;
  text-decoration:none;
  background-color: #cccccc;
}
/* ------------------------------------------------------------------------- */
.menubtn3 {
	position: relative;
	display: inline-block;
	padding: .2em 1.2em;
	color: #fff;
	text-align: center;
	text-decoration: none;
	outline: none;
	transition: all .2s;
	font-size:24px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.menubtn3::before,
.menubtn3::after {
	position: absolute;
	z-index: 2;
	content: '';
	width: 0;
	height: 0;
	border: 5px solid transparent;
}
.menubtn3::before {
	top: -5px;
	left: -5px;
}
.menubtn3::after {
	bottom: -5px;
	right: -5px;
}
.menubtn3:hover, .menubtn3:focus, .menubtn3:active {
  color: #ffffa0;
  background-color: #CD9863;
  -webkit-transform: scale(1.2);
  transform: scale(1.3);
}
.menubtn3:hover::before,
.menubtn3:hover::after {
	width: 100%;
	height: 100%;
}
.menubtn3:hover::before {
	transition: height .6s, width .9s .3s;
}
.menubtn3:hover::after {
	transition: height .6s, width .9s .3s;
}

hr.line01 {
	margin-top:80px;
	margin-bottom:20px;
	border-style: solid;
	border-color: #806080;
	border-width: 0 0 3px 0;
}
hr.line03 {
	margin-top:20px;
	margin-bottom:20px;
	border-style: solid;
	border-color: #008080;
	border-width: 0 0 3px 0;
}
div.comment1 {
	margin-top: 40px;
	margin-bottom: 15px;
	color: #3300cc;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
div#form {
	margin-top: 30px;
	margin-bottom: 15px;
	color: #e0e0ff;
	font-size: 14px;
	text-align: center;
}
div.setting {
	margin-top: 30px;
	margin-bottom: 15px;
	color: #330033;
	font-size: 14px;
	text-align: left;
}
div#btn_line {
	margin: 0px auto;
	margin-bottom: 50px;
}
div#btn_form {
}
div#send_btn {
}
div.form_line {
	margin-top: 20px;
	color: #000066;
	font-weight: bold;
}
div.textbox {
	margin-bottom: 5px;
	font-size: 18px;
}
div.textbox2 {
	margin-right: 10px;
	font-size: 18px;
	float: left;
}
div.setting_comment {
	margin-top: 0px;
	margin-left: 5px;
	margin-bottom: 15px;
	color: #ffe0e0;
	font-size: 18px;
}
div.seisaku_comment {
	margin-top: 5px;
	margin-left: 30px;
	margin-bottom: 5px;
	color: #ffffff;
	font-size: 18px;
}

.event_regist {
  text-align: right;
  z-index: 3;
  vertical-align: bottom;
  width: 95%;
}