@charset "utf-8";
/* reset-Start */
* {
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {overflow-x:hidden;overflow-y:scroll;}
body {width:100%;height:100%;font-size:16px;background:#fff;}
a {text-decoration:none;color:#3e3e3e;}

/*
a:hover, a:focus { animation-duration: 3s; animation-name: rainbowLink; animation-iteration-count: infinite; }
@keyframes rainbowLink {
	0% { color: #ff2a2a; }
	15% { color: #ff7a2a; }
	30% { color: #ffc52a }
	45% { color: #43ff2a; }
	60% { color: #2a89ff; }
	75% { color: #202082; }
	90% { color: #6b2aff; }
	100% { color: #e82aff; }
}
*/
/* reset-End */

/* common Start */
.lh150 {line-height:150%;}
.lh200 {line-height:200%;}

.border1 {border:1px solid #d2d2d2;}
.border2 {border:2px solid #d2d2d2;}
.border5 {border:5px solid #d2d2d2;}

.box10 {padding:10px 20px;border:1px solid #d2d2d2;border-radius:5px;}

.btn_wrap {content:''; clear:both; display:block;}
.btn {padding:5px 10px;text-decoration:none;border:1px solid #d2d2d2;border-radius:5px;cursor:pointer;}

input::-webkit-input-placeholder {text-align:center;}
input::-moz-placeholder {text-align:center;}
input:-ms-input-placeholder {text-align:center;}
input:-moz-placeholder {text-align:center;}

.relativeWrap {position:relative;}