@charset "utf-8";

*{
	box-sizing: border-box;
}

input[type="text"],
input[type="submit"],
input[type="button"],
button,
textarea{
	-webkit-appearance: button;
}


/**************************************************50
 * layout
 **************************************************/
html{
	background: #eeeeee;
}
#page-wrap{
	color: #000000;
	background-color: #FFFFFF;
	font-size: 16px;
	line-height: 1.8;
}


/**************************************************50
 * header
 **************************************************/
#header_block {
	border-top: 10px solid #000000;
}
#header1 {
	width: 1180px;
	margin: 0 auto;
	text-align: center;
}
#header1 h1{
	color: #FFFFFF;
	background: url("https://ciel-corp.net/images/user/back_header.png") center top no-repeat;
	height: 22px;
	line-height: 15px;
	margin-bottom: 40px;
}
#header2 {
	width: 1180px;
	margin: 0 auto 40px auto;
}
#header_navi{
	display: table;
	border-collapse: separate;
	border-spacing: 5px 0;
	width: 100%;
}
#header_navi .header_navi_cell{
	display: table-cell;
	vertical-align: middle;
}
#header_navi .header_navi_cell:first-child{
	width: 250px !important;
}
#header_navi .header_navi_cell:nth-child(2),
#header_navi .header_navi_cell:nth-child(3),
#header_navi .header_navi_cell:nth-child(4){
	width: 220px;
}
#header_navi .header_navi_cell:last-child{
	padding: 0 15px;
	width: 240px;
}
#header_navi .header_navi_cell:last-child a{
	color: #000000;
	text-decoration: none;
}
#header_navi .header_navi_cell img{
	vertical-align: middle;
}
#header_navi #navi_business{
	display: block;
	background: url("https://ciel-corp.net/images/user/btn_menu_010_o.jpg") no-repeat center center;
}
#header_navi #navi_outline{
	display: block;
	background: url("https://ciel-corp.net/images/user/btn_menu_020_o.jpg") no-repeat center center;
}
#header_navi #navi_careers{
	display: block;
	background: url("https://ciel-corp.net/images/user/btn_menu_030_o.jpg") no-repeat center center;
}
#header_navi .header_navi_cell #navi_contact a{
	line-height: 38px;
}
#header_navi .header_navi_cell #navi_contact a:before{
	display: inline-block;
	content: url("https://ciel-corp.net/images/user/icon_mail.png");
	margin-right: 10px;
	vertical-align: middle;
	height: 38px;
	width: 38px;
}
#header_navi .header_navi_cell #navi_contact:hover a:before{
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-name: push;
	animation-timing-function: linear;
}


/**************************************************50
 * common
 **************************************************/
.btn_contact a{
	display: inline-block;
	color: #000000;
	padding-top: 40px;
	position: relative;
	text-decoration: none;
}
.btn_contact a:before{
	content: url("https://ciel-corp.net/images/user/icon_mail.png");
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 38px;
}
.btn_contact:hover a:before{
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-name: push;
	animation-timing-function: linear;
}
.title_content{
	color: #FFFFFF;
	background: url("https://ciel-corp.net/images/user/back_title.png") no-repeat center top;
/*	border-bottom: 8px solid #606060;
	font-weight: bold;
	height: 33px;
	line-height: 33px;
*/
	height: 41px;
	line-height: 41px;
	overflow: hidden;
	text-align: center;
	margin-bottom: 20px;
}
a.to_contact{
	display: inline-block;
	color: #FFFFFF;
	background-image: url("https://ciel-corp.net/images/com/extend/white/icon-36-mail_w.png");
	background-position: 25px center;
	background-repeat: no-repeat;
	background-color: #0071BD;
	border: 4px solid #0071BD;
	font-size: 20px;
	text-decoration: none;
	text-align: center;
	width: 390px;
	height: 55px;
	line-height: 2.5;
	transition-duration: 0.3s;
	transition-property: background-color;
}
a.to_contact:hover{
	background-color: rgba(0, 113, 189, 0.5);
}


/**************************************************50
 * middle
 **************************************************/
#middle_block {
	min-height: 600px;
	height: auto !important;
}
#main_contents {
	min-height:900px;
	height: auto !important;
}
#main_contentsfull {
	min-height:900px;
	height: auto !important;
}
#contents {
	padding: 20px;
	text-align: center;
}
#main_contentsfull #subject_intro{
	background: url("https://ciel-corp.net/images/user/back_intro.jpg") no-repeat center top;
	height: 705px;
	overflow: hidden;
}
#main_contentsfull .content_box{
	width: 1180px;
	min-height: 565px;
	margin: 0 auto;
	position: relative;
}
#main_contentsfull .content_box .scroll_to{
	bottom: -70px;
	left: 0;
	right: 0;
	margin: 0 auto;
	position: absolute;
	width: 106px;
	overflow: visible;
}
#main_contentsfull .content_box .content_box_logo{
	top: -40px;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}
#main_contentsfull .content_box .content_box_logo_02{
	top: -40px;
	right: 175px;
	margin: auto;
	position: absolute;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}

/***** Intro *****/
#main_contentsfull #subject_intro .content_box{
	height: 705px;
}
#main_contentsfull #subject_intro .content_box #intro_logo{
	top: 30px;
	left: -70px;
	position: absolute;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}
#main_contentsfull #subject_intro .content_box #subject_intro_txt{
	font-size: 20px;
	letter-spacing: 2px;
	width: 580px;
	top: 177px;
	right: -150px;
	position: absolute;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}
#main_contentsfull #subject_intro .content_box #subject_intro_txt h2{
	margin: 0 0 55px;
}
#main_contentsfull #body_intro{
	background-color: #D9DCE3;
	overflow: hidden;
}
#main_contentsfull #body_intro .content_box #intro_chara{
	bottom: -300px;
	left: 80px;
	position: absolute;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}
#main_contentsfull #body_intro .content_box #body_intro_txt{
	font-size: 18px;
	letter-spacing: 2px;
	width: 560px;
	top: 30px;
	right: -95px;
	position: absolute;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}
#main_contentsfull #body_intro .content_box #body_intro_txt h3{
	text-align: center;
}
#main_contentsfull #body_intro .content_box #body_intro_txt h3 img {
	margin: 0 0 30px;
}

/***** Business *****/
#main_contentsfull #subject_business{
	background-color: #01E7FF;
	overflow: hidden;
}
#main_contentsfull #subject_business .content_box #subject_business_txt{
	font-size: 18px;
	letter-spacing: 2px;
	position: absolute;
	top: 60px;
	left: -40px;
	text-align: center;
	width: 440px;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}
#main_contentsfull #subject_business .content_box #business_chara{
	bottom: -300px;
	right: 20px;
	position: absolute;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}
#main_contentsfull #body_business{
	background: url("https://ciel-corp.net/images/user/back_business.jpg") no-repeat center top;
	height: 500px;
	overflow: hidden;
	margin-bottom: 20px;
}
#main_contentsfull #body_business .content_box #business_body_logo{
	top: 60px;
	left: 40px;
	position: absolute;
}
#main_contentsfull #body_business .content_box #body_business_txt{
	letter-spacing: 2px;
	width: 682px;
	top: 145px;
	left: 545px;
	position: absolute;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}
#main_contentsfull #business_tbl{
	display: table;
	font-size: 13px;
	line-height: 1.6;
	width: 1180px;
	margin: 0 auto 30px auto;
}
#main_contentsfull #business_tbl [id^="business_cell"]{
	display: table-cell;
	vertical-align: top;
}
#main_contentsfull #business_tbl [id^="business_cell_oper"]{
	width: 285px;
	line-height: 1;
	position: relative;
}
#main_contentsfull #business_tbl #business_cell_out{
	background: url("https://ciel-corp.net/images/user/back_outbound.png") no-repeat center 25px;
	width: 250px;
	padding: 73px 30px 0px 30px;
}
#main_contentsfull #business_tbl #business_cell_in{
	background: url("https://ciel-corp.net/images/user/back_inbound.png") no-repeat center 25px;
	width: 250px;
	padding: 73px 30px 0px 30px;
}
#main_contentsfull #business_tbl #business_cell_cust{
	text-align: center;
	position: relative;
	padding-top: 30px;
}
#main_contentsfull #business_tbl #business_cell_cust:before{
	content: attr(title);
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	top: 120px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 10;
}
#main_contentsfull #business_tbl #business_cell_oper_out{
	position: relative;
}
#main_contentsfull #business_tbl #business_cell_oper_out:before{
	content: attr(title);
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	top: 165px;
	left: 125px;
}
#main_contentsfull #business_tbl #business_cell_oper_out #from_operator{
	position: relative;
	top: -25px;
}
#main_contentsfull #business_tbl #business_cell_oper_in{
	position: relative;
}
#main_contentsfull #business_tbl #business_cell_oper_in:before{
	content: attr(title);
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	top: 165px;
	right: 25px;
}
#main_contentsfull #business_tbl #business_cell_oper_in #to_operator{
	position: relative;
	top: -25px;
}
#main_contentsfull [id^="business_list_"]{
	width: 1180px;
	margin: 0 auto;
	padding: 0 30px 0 10px;
	margin-bottom: 30px;
}
#main_contentsfull [id^="business_list_"] ul li{
	display: inline-block;
	background-position: center 6px;
	background-repeat: no-repeat;
	border-right: 4px solid #DBDDDC;
	width: 560px;
	vertical-align: top;
	padding: 5px 8px 5px 25px;
	margin-bottom: 20px;
	position: relative;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}
#main_contentsfull [id^="business_list_"] ul li:after{
	display: block;
	background-color: #DBDDDC;
	content: '';
	height: 4px;
	width: 533px;
	position: absolute;
	bottom: 0;
	right: 0;
}
#main_contentsfull [id^="business_list_"] ul li:nth-child(even){
	margin-left: 20px;
}
#main_contentsfull #business_list_inbound ul li:nth-child(1){
	background-image: url("https://ciel-corp.net/images/user/list_inbound_010.png");
}
#main_contentsfull #business_list_inbound ul li:nth-child(2){
	background-image: url("https://ciel-corp.net/images/user/list_inbound_020.png");
}
#main_contentsfull #business_list_inbound ul li:nth-child(3){
	background-image: url("https://ciel-corp.net/images/user/list_inbound_030.png");
}
#main_contentsfull #business_list_inbound ul li:nth-child(4){
	background-image: url("https://ciel-corp.net/images/user/list_inbound_040.png");
}
#main_contentsfull #business_list_inbound ul li:nth-child(5){
	background-image: url("https://ciel-corp.net/images/user/list_inbound_050.png");
}
#main_contentsfull #business_list_outbound ul li:nth-child(1){
	background-image: url("https://ciel-corp.net/images/user/list_outbound_010.png");
}
#main_contentsfull #business_list_outbound ul li:nth-child(2){
	background-image: url("https://ciel-corp.net/images/user/list_outbound_020.png");
}
#main_contentsfull #business_list_outbound ul li:nth-child(3){
	background-image: url("https://ciel-corp.net/images/user/list_outbound_030.png");
}
#main_contentsfull #business_list_outbound ul li:nth-child(4){
	background-image: url("https://ciel-corp.net/images/user/list_outbound_040.png");
}
#main_contentsfull #business_list_outbound ul li:nth-child(5){
	background-image: url("https://ciel-corp.net/images/user/list_outbound_050.png");
}
#main_contentsfull #business_list_outbound ul li:nth-child(6){
	background-image: url("https://ciel-corp.net/images/user/list_outbound_060.png");
}
#main_contentsfull [id^="business_list_"] ul li .business_list_subject{
	font-size: 18px;
	font-weight: bold;
	height: 63px;
	line-height: 1;
	padding: 25px 100px 5px 75px;
}
#main_contentsfull [id^="business_list_"] ul li .business_list_body{
	padding: 20px 20px;
}

/***** Outline *****/
#main_contentsfull #subject_outline{
	background-color: #93dec1;
	overflow: hidden;
	margin-bottom: 20px;
}
#main_contentsfull #subject_outline .content_box #outline_chara{
	bottom: -300px;
	left: 50px;
	position: absolute;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}
#main_contentsfull #subject_outline .content_box #subject_outline_txt{
	font-size: 18px;
	letter-spacing: 2px;
	position: absolute;
	top: 60px;
	right: -40px;
	text-align: center;
	width: 440px;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}
#main_contentsfull #body_outline{
	margin-bottom: 30px;
}
#main_contentsfull #body_outline .content_box table#outline_tbl{
	border-collapse: separate;
	border-spacing: 10px 0;
	width: 1020px;
	margin: 0 auto 20px auto;
}
#main_contentsfull #body_outline .content_box table#outline_tbl tr th{
	background-color: #DAF0FB;
	border-left: 1px solid #7F7F7F;
	border-right: 1px solid #7F7F7F;
	border-bottom: 1px solid #7F7F7F;
	width: 135px;
	text-align: center;
	padding: 20px 10px;
}
#main_contentsfull #body_outline .content_box table#outline_tbl tr:first-child th{
	border-top: 1px solid #7F7F7F;
}
#main_contentsfull #body_outline .content_box table#outline_tbl tr td{
	border-left: 1px solid #7F7F7F;
	border-right: 1px solid #7F7F7F;
	border-bottom: 1px solid #7F7F7F;
	width: 875px;
	padding: 20px 35px;
}
#main_contentsfull #body_outline .content_box table#outline_tbl tr:first-child td{
	border-top: 1px solid #7F7F7F;
}

/***** Careers *****/
#main_contentsfull #subject_careers{
	background-color: #8fd7e8;
	overflow: hidden;
	margin-bottom: 20px;
}
#main_contentsfull #subject_careers .content_box #subject_careers_txt{
	font-size: 18px;
	letter-spacing: 2px;
	position: absolute;
	top: 60px;
	left: -40px;
	text-align: center;
	width: 440px;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}
#main_contentsfull #subject_careers .content_box #careers_chara{
	bottom: -300px;
	right: 5px;
	position: absolute;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}
#main_contentsfull #body_careers{
	margin-bottom: 30px;
}
#main_contentsfull #body_careers .content_box table#careers_tbl{
	border-collapse: separate;
	border-spacing: 10px 0;
	width: 1020px;
	margin: 0 auto 20px auto;
}
#main_contentsfull #body_careers .content_box table#careers_tbl tr th{
	background-color: #DAF0FB;
	border-left: 1px solid #7F7F7F;
	border-right: 1px solid #7F7F7F;
	border-bottom: 1px solid #7F7F7F;
	width: 210px;
	text-align: center;
	padding: 20px 10px;
}
#main_contentsfull #body_careers .content_box table#careers_tbl tr:first-child th{
	border-top: 1px solid #7F7F7F;
}
#main_contentsfull #body_careers .content_box table#careers_tbl tr td{
	border-left: 1px solid #7F7F7F;
	border-right: 1px solid #7F7F7F;
	border-bottom: 1px solid #7F7F7F;
	width: 800px;
	padding: 20px 35px;
}
#main_contentsfull #body_careers .content_box table#careers_tbl tr:first-child td{
	border-top: 1px solid #7F7F7F;
}


/**************************************************50
 * contact
 **************************************************/
table#contact_tbl{
	width: 870px;
	margin: 0 auto 20px auto;
}
table#contact_tbl tr th{
	font-weight: normal;
	width: 250px
	vertical-align: middle;
	padding: 35px 0;
}
table#contact_tbl tr:not(:last-child) th{
	border-bottom: 1px solid #BFBFBF;
}
table#contact_tbl tr th.required:after{
	display: inline-block;
	color: #FFFFFF;
	content: "必須";
	color: #FFFFFF;
	background-color: #FF0006;
	font-size: 14px;
	margin-left: 20px;
	line-height: 1;
	padding: 2px 3px;
}
table#contact_tbl tr td{
	vertical-align: middle;
	padding: 35px 0;
}
table#contact_tbl tr:not(:last-child) td{
	border-bottom: 1px solid #BFBFBF;
}
#contact_form input[type="text"]{
	border: 1px solid #999999;
	width: 335px;
	height: 44px;
	padding: 5px 10px;
}
#contact_form input[name="surname"],
#contact_form input[name="given_name"],
#contact_form input[name="surname_kana"],
#contact_form input[name="given_name_kana"],
#contact_form input[name="zip_code"]{
	width: 230px;
}
#contact_form input[name="address"]{
	width: 545px;
}
#contact_form textarea{
	border: 1px solid #999999;
	width: 530px;
	height: 365px;
	resize: none;
	padding: 5px 5px;
}
#contact_form input[type="text"],
#contact_form textarea{
	transform: translateZ(0px);
	transition-duration: 0.3s;
	transition-property: transform, border, background-color;
	outline: none;
}
#contact_form input[type="text"]:focus,
#contact_form textarea:focus{
	background-color: #FFFFFF !important;
	border: 1px solid #3399FF !important;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
#contact_form select{
	transform: translateZ(0px);
	transition-duration: 0.3s;
	transition-property: box-shadow, border, background-color;
	outline: none;
	height: 44px;
	padding: 5px 10px;
	backface-visibility: hidden;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.6) inset, 0 0 1px rgba(0, 0, 0, 0);
}
#contact_form select:focus{
	background-color: #FFFFFF !important;
	border: 1px solid #3399FF !important;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6) inset, 0 0 1px rgba(0, 0, 0, 0);
}
#contact_form input[type="text"].error,
#contact_form select.error,
#contact_form textarea.error{
	border: 1px solid #FF0000;
	background-color: #FFE7EB;
}
#contact_form input[type="submit"]{
	display: inline-block;
	color: #FFFFFF;
	cursor: pointer;
	background-image: url("https://ciel-corp.net/images/com/extend/white/icon-36-mail_w.png");
	background-position: 25px center;
	background-repeat: no-repeat;
	background-color: rgba(0, 113, 189, 0.5);
	border: 4px solid #0071BD;
	font-size: 20px;
	text-decoration: none;
	text-align: center;
	width: 390px;
	height: 55px;
	line-height: 2.5;
	transition-duration: 0.3s;
	transition-property: scale;
    vertical-align: middle;
}
#contact_form #submit{
	display: inline-block;
	backface-visibility: hidden;
    position: relative;
    transform: translateZ(0px);
}
#contact_form #submit:before{
	background-color: #0071BD;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(1);
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
}
#contact_form #submit:hover:before{
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
#contact_form #btn_back a{
	display: inline-block;
	color: #FFFFFF;
	cursor: pointer;
	background-image: url("https://ciel-corp.net/images/com/extend/white/icon-36-pen_w.png");
	background-position: 25px center;
	background-repeat: no-repeat;
	background-color: rgba(0, 113, 189, 0.5);
	border: 4px solid #0071BD;
	font-size: 20px;
	text-decoration: none;
	text-align: center;
	width: 390px;
	height: 55px;
	line-height: 2.5;
    transition-duration: 0.3s;
    transition-property: color;
    vertical-align: middle;
}
#contact_form #btn_back{
	display: inline-block;
	backface-visibility: hidden;
    position: relative;
    transform: translateZ(0px);
}
#contact_form #btn_back:before{
	background-color: #0071BD;
	bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(1);
    transform-origin: 50% 50% 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
}
#contact_form #btn_back:hover:before{
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
}
#contact_form .icon_error{
	margin-right: 3px;
}


/**************************************************50
 * footer
 **************************************************/
#footer_block {
		background: url("https://ciel-corp.net/images/user/back_footer.jpg") left top repeat-x;
		height: 142px;
		border-top: 1px solid #CFCFCF;
}
#footer2{
	width: 1180px;
	margin: 0 auto;
	position: relative;
}
#footer_navi{
	display: table;
	width: 100%;
}
#footer_navi [id^="footer_navi_cell_"]{
	display: table-cell;
	text-align: center;
	height: 142px;
}
#footer_navi #footer_navi_cell_logo{
	width: 240px;
	vertical-align: middle;
}
#footer_navi #footer_navi_cell_link{
	vertical-align: middle;
}
#footer_navi #footer_navi_cell_link a{
	display: inline-block;
	color: #000000;
	line-height: 1.2;
	position: relative;
	text-decoration: none;
	vertical-align: middle;
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	-o-transform: translateZ(0px);
	transform: translateZ(0px);
}
#footer_navi #footer_navi_cell_link a:after {
	background: #000000 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 1px;
	left: 50%;
	position: absolute;
	right: 50%;
	transition-duration: 0.1s;
	transition-property: left, right;
	transition-timing-function: ease-out;
	z-index: -1;
}
#footer_navi #footer_navi_cell_link a:hover:after{
	left: 0;
	right: 0;
}
#footer_navi #footer_navi_cell_link ul{
	text-align: center;
}
#footer_navi #footer_navi_cell_link ul li{
	display: inline-block;
	list-style: none;
}
#footer_navi #footer_navi_cell_link ul li + li:before{
	content:"|";
	margin: 0 20px;
}
#footer_navi #footer_navi_cell_copyright{
	font-size: 13px;
	font-family: verdana,arial,helvetica,Sans-Serif;
	vertical-align: middle;
	width: 370px;
}
#to_top{
	position: absolute;
	top: -80px;
	right: 130px;
	height: 44px;
	overflow: visible;
}
#to_top a{
	display: block;
	color: #000000;
	text-decoration: none;
	height: 44px;
	line-height: 44px;
	overflow: visible;
}
#to_top a:before{
	content: url('https://ciel-corp.net/images/user/icon_up.png');
	margin-right: 5px;
	display: inline-block;
	transform: translateZ(0px);
	transition-duration: 0.5s;
	transition-property: transform;
	vertical-align: middle;
}
#to_top:hover a:before{
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
}


/**************************************************50
 * animetion
 **************************************************/
[class^="anime_"]{
	transform: translateZ(0px);
	transition-duration: 0.5s;
	transition-property: transform;
}
.anime_sink:hover{
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	transform: translateY(10px);
}
.anime_push:hover{
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-name: push;
	animation-timing-function: linear;
}
.transparent{
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.transparent:hover{
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=100);
}
@-webkit-keyframes push{
	50% {
		-webkit-transform: scale(0.6);
	}
	100% {
		-webkit-transform: scale(1);
	}
}
@-moz-keyframes push{
	50% {
		-moz-transform: scale(0.6);
	}
	100% {
		-moz-transform: scale(1);
	}
}
@-ms-keyframes push{
	50% {
		-ms-transform: scale(0.6);
	}
	100% {
		-ms-transform: scale(1);
	}
}
@-o-keyframes push{
	50% {
		-o-transform: scale(0.6);
	}
	100% {
		-o-transform: scale(1);
	}
}
@keyframes push{
	50% {
		transform: scale(0.6);
	}
	100% {
		transform: scale(1);
	}
}

.sway {
	animation-direction: alternate;
	animation-duration: 0.6s;
	animation-iteration-count: infinite;
	animation-name: sway;
	animation-timing-function: linear;
}
@-webkit-keyframes sway {
	50% {
		-webkit-transform: translateX(10px);
	}
	100% {
		-webkit-transform: translateX(-10px);
	}
}
@-moz-keyframes sway {
	50% {
		-moz-transform: translateX(10px);
	}
	100% {
		-moz-transform: translateX(-10px);
	}
}
@-ms-keyframes sway {
	50% {
		-ms-transform: translateX(10px);
	}
	100% {
		-ms-transform: translateX(-10px);
	}
}
@-o-keyframes sway {
	50% {
		-o-transform: translateX(10px);
	}
	100% {
		-o-transform: translateX(-10px);
	}
}
@keyframes sway {
	50% {
		transform: translateX(10px);
	}
	100% {
		transform: translateX(-10px);
	}
}
.pulse-grow {
	animation-direction: alternate;
	animation-duration: 0.3s;
	animation-iteration-count: infinite;
	animation-name: pulse-grow;
	animation-timing-function: linear;
}
@-webkit-keyframes pulse-grow {
	100% {
		-webkit-transform: scale(1.1);
	}
}
@-moz-keyframes pulse-grow {
	100% {
		-moz-transform: scale(1.1);
	}
}
@-ms-keyframes pulse-grow {
	100% {
		-ms-transform: scale(1.1);
	}
}
@-o-keyframes pulse-grow {
	100% {
		-o-transform: scale(1.1);
	}
}
@keyframes pulse-grow {
	100% {
		transform: scale(1.1);
	}
}
.pulse-shrink {
	animation-direction: alternate;
	animation-duration: 0.3s;
	animation-iteration-count: infinite;
	animation-name: pulse-shrink;
	animation-timing-function: linear;
}
@-webkit-keyframes pulse-shrink {
	100% {
		-webkit-transform: scale(0.9);
	}
}
@-moz-keyframes pulse-shrink {
	100% {
		-moz-transform: scale(0.9);
	}
}
@-ms-keyframes pulse-shrink {
	100% {
		-ms-transform: scale(0.9);
	}
}
@-o-keyframes pulse-shrink {
	100% {
		-o-transform: scale(0.9);
	}
}
@keyframes pulse-shrink {
	100% {
		transform: scale(0.9);
	}
}
.shine{
	text-decoration: none;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
	display: inline-block;
}

.shine:before {
	content: "";
	width: 200%;
	height: 200%;
	position: absolute;
	top: -200%;
	left: -225%;
	background-image: -webkit-linear-gradient(135deg, rgba(255,255,255,0), rgba(255,255,255,0.6), rgba(255,255,255,0));
	background-image: -moz-linear-gradient(135deg, rgba(255,255,255,0), rgba(255,255,255,0.6), rgba(255,255,255,0));
	background-image: -ms-linear-gradient(135deg, rgba(255,255,255,0), rgba(255,255,255,0.6), rgba(255,255,255,0));
	background-image: -o-linear-gradient(135deg, rgba(255,255,255,0), rgba(255,255,255,0.6), rgba(255,255,255,0));
	background-image: linear-gradient(135deg, rgba(255,255,255,0), rgba(255,255,255,0.6), rgba(255,255,255,0));
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.shine:hover:before {
  top: 200%;
  left: 200%;
}