@charset "UTF-8";

#contents #side #sidemenu .btn_area {
	width: 90%;
	text-align:center;
	margin:0px auto;
	padding-top:5px;
	font-size:12px;
	font-weight:bold;
}

#contents #side #sidemenu .btn_trial-order {
	display:inline-block;
	//width:95%;
	height:2.5em;
	vertical-align:middle;
	line-height:2.5em;
	padding:10px 0;
	background: #ffffff;
	border:1px solid #87e629;
	border-radius: 60px;
	text-decoration:none;
	margin:10px auto;
	margin-bottom:5px;
	color: #87e629;
	overflow: hidden;
	position: relative;
	transition-duration: .4s;
	z-index: 2;
}
#contents #side #sidemenu .btn_trial-order::after {
	background: #87e629;
	border-radius: 50%;
	content: "";
	display: block;
	margin: auto;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 100%;
	padding-top: 100%;
	height: 0;
	z-index: -1;
	transform: translateY(-50%) scale(0.1);
	transition: opacity .5s, transform 0s;
	transition-delay: 0s, .4s;
}

#contents #side #sidemenu .btn_trial-order:hover {
	color: #fff;
}
#contents #side #sidemenu .btn_trial-order:hover::after {
	opacity: 1;
	transform: translateY(-50%) scale(1.1);
	transition-delay: 0s;
	transition: opacity .8s, transform .6s ease-in-out;
}


#contents #side #sidemenu .btn_order {
	display:inline-block;
	//width:95%;
	height:2.5em;
	vertical-align:middle;
	line-height:2.5em;
	padding:10px 0;
	background: #ffffff;
	border:1px solid #ff701e;
	border-radius: 60px;
	text-decoration:none;
	margin:10px auto;
	margin-bottom:5px;
	color: #ff701e;
	overflow: hidden;
	position: relative;
	transition-duration: .4s;
	z-index: 2;
}
#contents #side #sidemenu .btn_order::after {
	background: #ff701e;
	border-radius: 50%;
	content: "";
	display: block;
	margin: auto;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 100%;
	padding-top: 100%;
	height: 0;
	z-index: -1;
	transform: translateY(-50%) scale(0.1);
	transition: opacity .5s, transform 0s;
	transition-delay: 0s, .4s;
}

#contents #side #sidemenu .btn_order:hover {
	color: #fff;
}
#contents #side #sidemenu .btn_order:hover::after {
	opacity: 1;
	transform: translateY(-50%) scale(1.1);
	transition-delay: 0s;
	transition: opacity .8s, transform .6s ease-in-out;
}



#contents #side #sidemenu .btn_trial-order img{
//transition: 0.5s ;
}

#contents #side #sidemenu .btn_trial-order img:hover {
//	opacity: 0.5 ;
}

/* pms sidemenu */
#contents #side #sidemenu ul li#about_pms a,
#contents #side #sidemenu ul li#about_pop a,
#contents #side #sidemenu ul li#about_manual a,
#contents #side #sidemenu ul li#about_movie a,
#contents #side #sidemenu ul li#about_request a,
#contents #side #sidemenu ul li#about_voice a,
#contents #side #sidemenu ul li#about_question a,
#contents #side #sidemenu ul li#about_plan a,
#contents #side #sidemenu ul li#about_login a,
#contents #side #sidemenu ul li#login_error a,
#contents #side #sidemenu ul li#about_pms_v a,
#contents #side #sidemenu ul li#about_pop_v a,
#contents #side #sidemenu ul li#about_manual_v a,
#contents #side #sidemenu ul li#about_movie_v a,
#contents #side #sidemenu ul li#about_request_v a,
#contents #side #sidemenu ul li#about_voice_v a,
#contents #side #sidemenu ul li#about_question_v a,
#contents #side #sidemenu ul li#about_plan_v a,
#contents #side #sidemenu ul li#login_error_v a {
	background-image: url(../../common/img/pms/pms_sidemenu.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-indent: -9999px;
	width: 226px;
	display: block;
}
#contents #side #sidemenu ul li#about_pms a {
	height: 40px;
	background-position: 0 0;
}
#contents #side #sidemenu ul li#about_pop a {
	height: 60px;
	background-position: 0 -40px;
}
#contents #side #sidemenu ul li#about_manual a {
	height: 60px;
	background-position: 0 -100px;
}
#contents #side #sidemenu ul li#about_movie a {
	height: 60px;
	background-position: 0 -160px;
}
#contents #side #sidemenu ul li#about_request a {
	height: 60px;
	background-position: 0 -220px;
}
#contents #side #sidemenu ul li#about_voice a {
	height: 40px;
	background-position: 0 -280px;
}
#contents #side #sidemenu ul li#about_question a {
	height: 40px;
	background-position: 0 -320px;
}
#contents #side #sidemenu ul li#about_plan a {
	height: 40px;
	background-position: 0 -360px;
}
#contents #side #sidemenu ul li#about_login a {
	height: 40px;
	background-position: 0 -400px;
}
#contents #side #sidemenu ul li#login_error a {
	height: 40px;
	background-position: 0 -440px;
}
/* on */
#contents #side #sidemenu ul li#about_pms a:hover {
	height: 40px;
	background-position: -226px 0;
}
#contents #side #sidemenu ul li#about_pop a:hover {
	height: 60px;
	background-position: -226px -40px;
}
#contents #side #sidemenu ul li#about_manual a:hover {
	height: 60px;
	background-position: -226px -100px;
}
#contents #side #sidemenu ul li#about_movie a:hover {
	height: 60px;
	background-position: -226px -160px;
}
#contents #side #sidemenu ul li#about_request a:hover {
	height: 60px;
	background-position: -226px -220px;
}
#contents #side #sidemenu ul li#about_voice a:hover {
	height: 40px;
	background-position: -226px -280px;
}
#contents #side #sidemenu ul li#about_question a:hover {
	height: 40px;
	background-position: -226px -320px;
}
#contents #side #sidemenu ul li#about_plan a:hover {
	height: 40px;
	background-position: -226px -360px;
}
#contents #side #sidemenu ul li#about_login a:hover {
	height: 40px;
	background-position: -226px -400px;
}
#contents #side #sidemenu ul li#login_error a:hover {
	height: 40px;
	background-position: -226px -440px;
}
/* visit */
#contents #side #sidemenu ul li#about_pms_v a {
	height: 40px;
	background-position: -452px 0;
}
#contents #side #sidemenu ul li#about_pop_v a {
	height: 60px;
	background-position: -452px -40px;
}
#contents #side #sidemenu ul li#about_manual_v a {
	height: 60px;
	background-position: -452px -100px;
}
#contents #side #sidemenu ul li#about_movie_v a {
	height: 60px;
	background-position: -452px -160px;
}
#contents #side #sidemenu ul li#about_request_v a {
	height: 60px;
	background-position: -452px -220px;
}
#contents #side #sidemenu ul li#about_voice_v a {
	height: 40px;
	background-position: -452px -280px;
}
#contents #side #sidemenu ul li#about_question_v a {
	height: 40px;
	background-position: -452px -320px;
}
#contents #side #sidemenu ul li#about_plan_v a {
	height: 40px;
	background-position: -452px -360px;
}
#contents #side #sidemenu ul li#login_error_v a {
	height: 40px;
	background-position: -452px -440px;
}