
#container9 {width:1560px; margin:0 auto; text-align:center;}
.tab {list-style: none; margin: 0; padding: 0; overflow: hidden;}
.tab li {float: left;}
.tab li a {display: inline-block;color: #27b2a5;text-align: center;text-decoration: none;padding: 14px 16px;font-size: 18px;transition:0.3s;font-weight:bold;font-family: "Nanum Gothic", "Noto Sans JP", sans-serif, Lucida Sans Unicode, arial;}
.tabcontent {display: none;	background:#ddd;padding: 20px 20px;	color:#fff;	}
 ul.tab li.current{background:#ddd;color: #222;}
.tabcontent.current {display: block;}



#container8 {width:740px; margin:0 auto; text-align:center;}
.tab8 {list-style: none; margin: 0; padding: 0; overflow: hidden;}
.tab8 li {float: left;}
.tab8 li a {display: inline-block;color: #27b2a5;text-align: center;text-decoration: none;padding: 14px 16px;font-size: 13px;transition:0.3s;font-weight:bold;font-family: "Nanum Gothic", "Noto Sans JP", sans-serif, Lucida Sans Unicode, arial;}
.tabcontent8 {display: none;	background:#ddd;padding: 20px 20px;	color:#fff;	}
 ul.tab8 li.current{background:#ddd;color: #222;}
.tabcontent8.current {display: block;}


			
/*			
			
body {
   font: 13px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
   color: #333333;
   background: #ffffff;
}
*/
.signUp {
   position: relative;
   margin: 50px auto;
   width:380px;
   padding: 33px 25px 29px;
      /*
   background: #eadada;

   border-bottom: 1px solid #C4C4C4;
   border-radius: 5px;
   -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
   */
}

.signUp:before,
.signUp:after {
   content: '';
   position: absolute;
   bottom: 1px;
   left: 0;
   right: 0;
   height: 10px;
   background: inherit;
   border-bottom: 1px solid #D2D2D2;
   border-radius: 4px;
}

.signUp:after {
   bottom: 3px;
   border-color: #DCDCDC;
}

.signUpTitle {
   margin: -25px -25px 25px;
   padding: 15px 25px;
   line-height: 35px;
   font-family: "Arial", Gadget, sans-serif;
   font-size: 26px;
   font-weight: 300;
   color: #777;
   text-align: center;
   text-shadow: 0 1px rgba(255, 255, 255, 0.75);
   background: #d7f5d8;
}

.signUpTitle:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: 8px;
   background: #32c33a;
   border-radius: 5px 5px 0 0;
}
/*input {
   font-family: inherit;
   color: inherit;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
*/
.signUpInput {
   width: 100%;
   height: 50px;
   margin-bottom: 25px;
   padding: 10px 15px 5px;
   font-size: 20px;
   background: white;
   font-weight:bold;
   border: 1px solid #816b83;
    /*
   border-radius: 4px;
   -webkit-box-shadow: inset 0 -2px #2a67be;
   box-shadow: inset 0 -2px #2a67be;
   */
}

.signUpInput:focus {
   border-color: #816b83;
   outline: none;
   /*
   -webkit-box-shadow: inset 0 -2px #2a67be;
   box-shadow: inset 0 -2px #2a67be;
   */
}

.lt-ie9 .signUpInput {
   line-height: 48px;
}

.signUpButton {
   position: relative;
   vertical-align: top;
   width: 100%;
   height: 54px;
   padding: 0;
	font-family: "Arial", Gadget, sans-serif;
   font-size: 22px;
   color: white;
   text-align: center;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
   background: #2a67be;
   border: 0;
  /* border-bottom: 2px solid #8dd2fa;
   border-radius: 5px;
   cursor: pointer;
   -webkit-box-shadow: inset 0 -2px #8dd2fa;
   box-shadow: inset 0 -2px #8dd2fa; */
}
.joinButton {
   position: relative;
   left:30%;
   vertical-align: top;
   width: 35%;
   height: 30px;
   padding: 0;
   font-size: 15px;
   color: #000000;
   text-align: center;
 /*  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);*/
   background: #acbec5;
   border: 0;
   /*
   border-bottom: 2px solid #999999;
   border-radius: 5px;
   cursor: pointer;
   -webkit-box-shadow: inset 0 -2px #999999;
   box-shadow: inset 0 -2px #999999;
   */
}

.signUpButton:active {
   top: 1px;
   outline: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}

:-moz-placeholder {
   color: #AAAAAA;
   font-weight: 300;
}

::-moz-placeholder {
   color: #AAAAAA;
   opacity: 1;
   font-weight: 300;
}

::-webkit-input-placeholder {
   color: #AAAAAA;
   font-weight: 300;
}

:-ms-input-placeholder {
   color: #AAAAAA;
   font-weight: 300;
}

::-moz-focus-inner {
   border: 0;
   padding: 0;
}

/*=====================*/
.btn { display:block; width:200px; height:40px; line-height:40px; border:1px #3399dd solid;; margin:15px auto; background-color:#66aaff; text-align:center; cursor: pointer; color:#fff; transition:all 0.9s, color 0.3; font-weight:bold} 
.btn:hover{color:#fff;}
.hover1:hover{ box-shadow:200px 0 0 0 rgba(0,0,0,0.5) inset;} 






.e1_btn {width:95px; height:25px;background-color: #465e6f;padding: 3px 3px;margin: 2px;border: none;color: white;text-align: center;text-decoration: none;font-size: 13px;display: inline-block; cursor: pointer;display: table-cell;vertical-align:middle; }

.e2_btn {width:150px; height:50px;background-color: #27b2a5;padding: 3px 3px;margin: 2px;border: none;color: white;text-align: center;text-decoration: none;font-size: 20px;display: inline-block; cursor: pointer;display: table-cell;vertical-align:middle; }




.e3_btn {width:95px; height:25px;background-color: #27b2a5;padding: 3px 3px;margin: 2px;border: none;color: white;text-align: center;text-decoration: none;font-size: 13px;display: inline-block; cursor: pointer;display: table-cell;vertical-align:middle; }
.e4_btn {width:95px; height:25px;background-color: #84b829;padding: 3px 3px;margin: 2px;border: none;color: white;text-align: center;text-decoration: none;font-size: 13px;display: inline-block; cursor: pointer;display: table-cell;vertical-align:middle; }
.e5_btn {width:95px; height:25px;background-color: #465e6f;padding: 3px 3px;margin: 2px;border: none;color: white;text-align: center;text-decoration: none;font-size: 13px;display: inline-block; cursor: pointer;display: table-cell;vertical-align:middle; }
.e6_btn {width:95px; height:25px;background-color: #ff9800;padding: 3px 3px;margin: 2px;border: none;color: white;text-align: center;text-decoration: none;font-size: 13px;display: inline-block; cursor: pointer;display: table-cell;vertical-align:middle; }
.e7_btn {width:95px; height:25px;background-color: #465e6f;padding: 3px 3px;margin: 2px;border: none;color: white;text-align: center;text-decoration: none;font-size: 13px;display: inline-block; cursor: pointer;display: table-cell;vertical-align:middle; }
	
.e41_btn {width:150px; height:40px;background-color: #465e6f;padding:0; border: none;color: white;text-align: center;text-decoration: none;font-size: 12px;display: }
.e42_btn {width:150px; height:40px;background-color: #84b829;padding:0; border: none;color: white;text-align: center;text-decoration: none;font-size: 12px;display: }
