@charset "UTF-8";
/* ------------------------------------------- */

/* basic CSS */

/* ------------------------------------------- */

body {
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family: sans-serif;
	text-align: center;
	background: #ffffcc 0px 0px;
	color: #333333;
}
.All {
	margin:0px auto;
	padding:0px;
	width: 910px;
	text-align: left;
	position: relative;
}
p {
	font-size: 12px;
	line-height: 1.3em;
	padding: 0px;
	margin:5px 0px 0px;
}
img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}
.Clear {
	font-size:0px;
	clear:both;
	margin: 0px;
	padding: 0px;
}
a:link,
a:visited {
	color: #3399CC;
	text-decoration: underline;
}
a:hover {
	color: #99CCFF;
	text-decoration: underline;
}
h2,  h3 {
	margin: 0px;
	padding: 0px;
}
.Pankuzu {
	margin: 0px;
	padding: 0px 0px 10px;
}
.BuleBold{
	color: #0a9fae;
}
.PinkBold{
	color: #ff0855;
}
.ORLBold{
	font-size: 14px;
	font-weight: bold;
	color: #ff6c00;
}
.GreenBold{
	color: #33cc00;
}





/* ------------------------------------------- */

/* HeaderArea */

/* ------------------------------------------- */
.HeaderArea {
	margin: 0px;
	padding: 0px;
}
.HeaderArea img.Logo {
	margin: 0px;
	padding: 0px 0px 8px;
	float: left;
}
.HeaderArea h1 {
	margin: 0px;
	padding: 15px 0px 0px 35px;
	font-size: 12px;
	font-weight: normal;
	background: url(/img/common/Header/HeadAreaH1_Bg1.gif) no-repeat 0px 0px;
	height: 20px;
}
.HeaderGlobalArea {
	margin: 0px;
	padding: 0px 35px;
	background: url(/img/common/BgMiddle1.gif) repeat-y 0px 0px;
}
.HeaderGlobalLineArea {
	margin: 0px;
	padding: 9px 35px 6px;
	background: url(/img/common/Header/HeadAreaLineBg1.gif) no-repeat 0px 0px;
	height: 35px;
}

.HeaderRightArea {
	margin: 0px;
	padding: 0px;
	float: right;
}

.HeaderRightArea2 {
	margin: 0px;
	padding: 0px;
	float: right;
}

.HeaderTelArea {
	margin: 0px 0px 0px 160px;
	padding: 0px;
	position: relative;
}
.HeaderTelArea p{
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	font-weight: normal;
	height: 27px;
	width: 375px;
	overflow: hidden;
}
.HeaderTelArea span{
	position: absolute;
	top: 0px;
	left: -1px;
}
.GlobalMenuArea {
	padding: 0px;
	height: 35px;
	margin: 0px;
	position: relative;
	width: 849px;
	overflow: hidden;
}
.GlobalMenuArea ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.GlobalMenuArea ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
.GlobalMenuArea ul li a {
	float: left;
	margin: 0px;
	padding: 35px 0px 0px;
	overflow: hidden;
	cursor: hand;
	height: 0px;
	display: block;
	background: url(/img/common/GlobalMenu/HeadMenu_Bg4.gif?1) no-repeat;
}
.GlobalMenuArea li.AboutBt a {
	background-position: 0px 0px;
	width:116px;
}
.GlobalMenuArea li.SystemBt a {
	background-position: -116px 0px;
	width:79px;
}

.GlobalMenuArea li.ChargeBt a {
	background-position: -195px 0px;
	width:55px;
}

.GlobalMenuArea li.AllianceBt a {
	background-position: -250px 0px;
	width:81px;
}

.GlobalMenuArea li.FlowBt a {
	background-position: -331px 0px;
	width:92px;
}
.GlobalMenuArea li.FAQBt a {
	background-position: -423px 0px;
	width:118px;
}
.GlobalMenuArea li.RecruitBt a {
	background-position: -541px 0px;
	width:93px;
}
.GlobalMenuArea li.CompanyBt a {
	background-position: -634px 0px;
	width:109px;
}
.GlobalMenuArea li.AdmissionBt a {
	background-position: -743px 0px;
	width:106px;
}
.GlobalMenuArea li.AboutBt a:hover {
	background-position: 0px -35px;
}
.GlobalMenuArea li.SystemBt a:hover {
	background-position: -116px -35px;
}
.GlobalMenuArea li.ChargeBt a:hover {
	background-position: -195px -35px;
}
.GlobalMenuArea li.AllianceBt a:hover {
	background-position: -250px -35px;
}
.GlobalMenuArea li.FlowBt a:hover {
	background-position: -331px -35px;
}
.GlobalMenuArea li.FAQBt a:hover {
	background-position: -423px -35px;
}
.GlobalMenuArea li.RecruitBt a:hover {
	background-position: -541px -35px;
}
.GlobalMenuArea li.CompanyBt a:hover {
	background-position: -634px -35px;
}
.GlobalMenuArea li.AdmissionBt a:hover {
	background-position: -743px -35px;
}
.HeaderDotLineArea {
	margin: 0px;
	padding: 5px 15px 20px;
	height: 1px;
	width: 880px;
	background: url(/img/common/BgMiddle2.gif) repeat-y 0px 0px;
}
/* ------------------------------------------- */

/* ContainerArea */

/* ------------------------------------------- */
.ContainerArea {
	margin: 0px;
	padding: 25px 35px 0px;
	background: url(/img/common/BgMiddle2.gif) repeat-y 0px 0px;
}
/* ------------------------------------------- */

/* LeftCont */

/* ------------------------------------------- */
.LeftCont {
	margin: 0px 0px 70px;
	padding: 0px;
	float: left;
	width: 620px;
}
/* ------------------------------------------- */

/* MainMenuArea */

/* ------------------------------------------- */
.MainMenuArea {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 200px;
}
p.MainMenuFLessonBt {
	margin: 0px;
	padding: 0px;
	position: relative;
	height: 75px;
	width: 200px;
	overflow: hidden;
}
p.MainMenuFLessonBt a {
	cursor: hand;
	background: url(/img/common/MainMenu/FreeLessonBt_Bg.gif) no-repeat 0px 0px;
	display: block;
	margin: 0px;
	padding: 75px 0px 0px;
	height: 0px;
	width: 200px;
}
p.MainMenuFLessonBt a:hover {
	background-position: -200px 0px;
}
.MainContactArea {
	margin: 5px 0px 10px;
	padding: 0px 0px 10px;
	background: #ffEA00 url(/img/common/MainMenu/MainMenuBg_Bottom.gif) no-repeat 0px bottom;
}
.MainContactArea ul {
	margin: 0px;
	padding: 10px 10px 0px;
	background: url(/img/common/MainMenu/MainMenuBg_Top.gif) no-repeat 0px 0px;
	list-style: none;
}
.MainContactArea li.MainApplyBt,
.MainContactArea li.MainContactBt {
	height: 50px;
	margin: 0px 0px 5px;
	padding: 0px;
	overflow: hidden;
}
.MainContactArea li.MainGrandBt {
	height: 107px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.MainContactArea li.MainApplyBt a,
.MainContactArea li.MainContactBt a{
	background: url(/img/common/MainMenu/MainMenuBt_Bg.gif) no-repeat;
	display: block;
	margin: 0px;
	padding: 50px 0px 0px;
	height: 0px;
	width: 180px;
	overflow: hidden;
}
.MainContactArea li.MainGrandBt a {
	background: url(/img/common/MainMenu/MainMenuBt_Bg.gif) no-repeat;
	display: block;
	margin: 0px;
	padding: 107px 0px 0px;
	height: 0px;
	width: 180px;
	overflow: hidden;
}
.MainContactArea li.MainApplyBt a{
	background-position: 0px 0px;
}
.MainContactArea li.MainContactBt a{
	background-position: 0px -55px;
}
.MainContactArea li.MainGrandBt a{
	background-position: 0px -110px;
}
.MainContactArea li.MainApplyBt a:hover{
	background-position: -180px 0px;
}
.MainContactArea li.MainContactBt a:hover{
	background-position: -180px -55px;
}
.MainContactArea li.MainGrandBt a:hover{
	background-position: -180px -110px;
}
.MainOptionArea{
	margin: 0px 0px 10px;
	padding: 0px;
	position: relative;
}
.MainOptionArea img.step02 {
	width: 200px;
	height: auto;
}
.MainOptionArea h3 {
	margin: 0px;
	padding: 32px 0px 0px;
	height: 0px;
	width: 200px;
	overflow: hidden;
	display: block;
	background: url(/img/common/MainMenu/OptionTitle.gif) no-repeat 0px 0px;
}
.MainOptionArea ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.MainOptionArea li{
	margin: 0px;
	padding: 0px;
	width: 200px;
}
.MainOptionArea li.MainVoiceBt {
	height: 30px;
}
.MainOptionArea li.MainPICLBt{
	height: 35px;
}
.MainOptionArea li.MainVoiceBt a,
.MainOptionArea li.MainPICLBt a{
	height: 0px;
	display: block;
	margin: 0px;
	overflow: hidden;
	background: url(/img/common/MainMenu/OptionBt_bg.gif) no-repeat;
}
.MainOptionArea li.MainVoiceBt a{
	padding: 30px 0px 0px;
	background-position: 0px 0px;
}
.MainOptionArea li.MainPICLBt a{
	padding: 35px 0px 0px;
	background-position: 0px -30px;
}
.MainOptionArea li.MainVoiceBt a:hover{
	background-position: -200px 0px;
}
.MainOptionArea li.MainPICLBt a:hover{
	padding: 35px 0px 0px;
	background-position: -200px -30px;
}
.MainCourseArea{
	margin: 0px 0px 10px;
	padding: 0px;
	position: relative;
}
.MainCourseArea h3 {
	margin: 0px;
	padding: 32px 0px 0px;
	height: 0px;
	width: 200px;
	overflow: hidden;
	display: block;
	background: url(/img/common/MainMenu/MainMenuCourse_Title.gif) no-repeat 0px 0px;
}
.MainCourseArea ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.MainCourseArea li{
	margin: 0px;
	padding: 0px;
	width: 200px;
}
.MainCourseArea li.MainJuniorBt {
	height: 30px;
}
.MainCourseArea li.MainhighBt{
	height: 35px;
}
.MainCourseArea li.MainElementaryBt a,
.MainCourseArea li.MainJuniorBt a,
.MainCourseArea li.MainhighBt a{
	height: 0px;
	display: block;
	margin: 0px;
	overflow: hidden;
	background: url(/img/common/MainMenu/MainMenuCourseBt_Bg_03.gif?1) no-repeat;
}
.MainCourseArea li.MainElementaryBt a{
	padding: 30px 0px 0px;
	background-position: 0px 0px;
}
.MainCourseArea li.MainJuniorBt a{
	padding: 30px 0px 0px;
	background-position: 0px -30px;
}
.MainCourseArea li.MainhighBt a{
	padding: 35px 0px 0px;
	background-position: 0px -60px;
}
.MainCourseArea li.MainElementaryBt a:hover{
	background-position: -200px 0px;
}
.MainCourseArea li.MainJuniorBt a:hover{
	padding: 30px 0px 0px;
	background-position: -200px -30px;
}
.MainCourseArea li.MainhighBt a:hover{
	padding: 35px 0px 0px;
	background-position: -200px -60px;
}
p.MainSearchSchoolBt {
	margin: 0px 0px 10px;
	padding: 0px;
	height: 45px;
	width: 211px;
	overflow: hidden;
}
a.SearchSchoolbana{
  display: inline-block;
  margin:98px 0 0 12px;
  width:176px;
  height:59px;
  background:url(/img/common/MainMenu/SearchSchoolBt_Bg_2_h.gif);

}
a:hover.SearchSchoolbana{
  text-indent:-9999px;
}
p.MainSearchSchoolBt {
	overflow: hidden;
	cursor: hand;
	background: url(/img/common/MainMenu/search_background.png) no-repeat 0px 0px;
	display: block;
	margin: 0px;
	padding: 45px 0px 0px;
	height: 175px;
	width: 200px;
}

p.MainFlowBt {
	margin: 0px 0px 10px;
	padding: 0px;
	height: 45px;
	width: 200px;
	overflow: hidden;
}
p.MainFlowBt a{
	overflow: hidden;
	cursor: hand;
	background: url(/img/common/MainMenu/flow.jpg) no-repeat 0px 0px;
	display: block;
	margin: 0px;
	padding: 45px 0px 0px;
	height: 0px;
	width: 200px;
}
p.MainFlowBt a:hover{
	background-position: -200px 0px;
}
p.MembersSiteBt {
	margin: 0px 0px 10px;
	padding: 0px;
	height: 50px;
	width: 200px;
	overflow: hidden;
}
p.MembersSiteBt a{
	overflow: hidden;
	cursor: hand;
	background: url(/img/common/MainMenu/MembersSiteBt.gif) no-repeat 0px 0px;
	display: block;
	margin: 0px;
	padding: 50px 0px 0px;
	height: 0px;
	width: 200px;
}
.SidelBana{
	margin: 0;
	padding: 10px 0 0;
}
.SideBanaArea a:hover img {
filter: alpha(opacity=80);
opacity: 0.8;
}
/* ------------------------------------------- */

/*ApplyBtArea */

/* ------------------------------------------- */
.ApplyBtArea {
	margin: 30px 0px;
	padding: 15px 0px;
	background: #fffcd5;
	text-align:center;
}
.ApplyBtArea p {
	background: #fff36a;
	color: #666;
	display: block;
	font-size: 15px;
	font-weight: bold;
	height: 25px;
	margin:0px auto 15px auto;
	overflow: hidden;
	padding: 8px 0px 0px;
	width: 420px;
}
.ApplyBtArea ul {
	list-style: none;
	margin: 12px 0 0 0;
	padding: 0;
}
.ApplyBtArea li {
	margin: auto;
	padding:0px;
	display: block;
	width: 260px;
}
.ApplyBtArea li a {
	padding:40px 0px 0px;
	display: block;
	height: 0px;
	overflow: hidden;
	background: url(/img/common/ContactBt/BtAreaBt_Bg.gif) no-repeat;
	width: 260px;
}
.ApplyBtArea li.FLBt a {
	background-position:0px 0px;
}
.ApplyBtArea li.DataBt a {
	background-position:-265px 0px;
}
.ApplyBtArea li.FLBt a:hover {
	background-position:0px -40px;
}
.ApplyBtArea li.DataBt a:hover {
	background-position:-265px -40px;
}
/* ------------------------------------------- */

/*FooterMenuArea */

/* ------------------------------------------- */
.FooterMenuArea {
	margin: 0px;
	padding: 10px 15px;
	font-size: 12px;
	color: #999999;
	text-align:right;
	background: url(/img/common/BgMiddle2.gif) repeat-y 0px 0px;
	width: 880px;
}
.FooterMenuArea ul{
	margin: 0px;
	padding: 15px 20px 0px;
	background: url(/img/common/DotLine.gif) no-repeat 0px 0px;
	display:block;
	height:16px;
	list-style: none;
}
.FooterMenuArea li{
	display:inline;
	line-height:16px;
	margin:0px;
	padding:0px;
}
.FooterMenuArea li a{
	border-right:1px solid #C7C7AA;
	display:block;
	float:left;
	margin:0px;
	padding:0px 0.7em;
	color: #666666;
	text-decoration: none;
}
.FooterMenuArea li a:visited {
	color: #666666;
	text-decoration: none;
}
.FooterMenuArea li a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}
/* ------------------------------------------- */

/*FooterArea */

/* ------------------------------------------- */
.FooterArea {
	margin: 0px;
	padding: 20px 35px 10px;
	background: url(/img/common/Footer/BgMiddle1.gif) repeat-y 0px 0px;
	font-size: 12px;
	color: #999999;
	text-align:right;
}
/* ------------------------------------------- */

/*20090706MainMenuArea */

/* ------------------------------------------- */
p.MainSearchLogoBt {
	margin: 0px 0px 5px;
	padding: 0px;
	position: relative;
	height: 125px;
	width: 200px;
	overflow: hidden;
}
p.MainSearchLogoBt a {
	cursor: hand;
	background: url(/img/toppage/MainSearchLogoBt.gif) no-repeat 0px 0px;
	display: block;
	margin: 0px;
	padding: 125px 0px 0px;
	height: 0px;
	width: 200px;
}
p.MainSearchLogoBt a:hover {
	background-position: -200px 0px;
}



/* ------------------------------------------- */

/* Side */

/* ------------------------------------------- */
P.SideSchoolTop{
	margin: 0px;
	padding: 34px 0px 0px;
	overflow: hidden;
	height: 0px;
	background: url(/img/common/MainMenu/sideschool_2.gif) no-repeat ;
	display: block;
}
h3.SideListTokyo a {
	margin: 0px 0px 0px;
	padding: 30px 0px 0px;
	height: 0px;
	background: url(/img/common/MainMenu/side_tokyo.gif) no-repeat 1px 5px ;
	overflow: hidden;
	display: block;
}
h3.SideListChiba a {
	margin: 0px 0px 0px;
	padding: 30px 0px 0px;
	height: 0px;
	background: url(/img/common/MainMenu/side_chiba.gif) no-repeat 1px 0px ;
	overflow: hidden;
	display: block;
}
h3.SideListKanagawa a {
	margin: 0px 0px 0px;
	padding: 30px 0px 0px;
	height: 0px;
	background: url(/img/common/MainMenu/side_kanagawa.gif) no-repeat 1px 0px ;
	overflow: hidden;
	display: block;
}
h3.SideListSaitama a {
	margin: 0px 0px 0px;
	padding: 30px 0px 0px;
	height: 0px;
	background: url(/img/common/MainMenu/side_saitama.gif) no-repeat 1px 0px ;
	overflow: hidden;
	display: block;
}
h3.SideListTokyo span {
	margin: 0px 0px 0px;
	padding: 30px 0px 0px;
	height: 0px;
	background: url(/img/common/MainMenu/side_tokyo.gif) no-repeat 1px 5px ;
	overflow: hidden;
	display: block;
}
h3.SideListChiba span {
	margin: 0px 0px 0px;
	padding: 30px 0px 0px;
	height: 0px;
	background: url(/img/common/MainMenu/side_chiba.gif) no-repeat 1px 0px ;
	overflow: hidden;
	display: block;
}
h3.SideListKanagawa span {
	margin: 0px 0px 0px;
	padding: 30px 0px 0px;
	height: 0px;
	background: url(/img/common/MainMenu/side_kanagawa.gif) no-repeat 1px 0px ;
	overflow: hidden;
	display: block;
}
h3.SideListSaitama span {
	margin: 0px 0px 0px;
	padding: 30px 0px 0px;
	height: 0px;
	background: url(/img/common/MainMenu/side_saitama.gif) no-repeat 1px 0px ;
	overflow: hidden;
	display: block;
}
h3.SideListTokyo,h3.SideListChiba,h3.SideListKanagawa,h3.SideListSaitama{
	margin: 0px;
	padding: 0px;

}

.SideSchoolList .SideListArea h4 {
  color: #3399CC;
}


.SideSchoolList{
	margin: 0px;
	padding: 0px 0px 5px;
	background: url(/img/common/MainMenu/Side_ScoolList_Inner.gif) repeat-y bottom ;
}
.SideSchoolList ul{
	margin: 0px 0px 0px 40px;
	padding: 3px 0px 6px 10px;
}
.SideSchoolList li.SideListArea{
	margin: 0px;
	padding: 2px 0px;
	list-style-type: square;
}
.OtherSchoolList a{
	margin: 0px;
	padding: 34px 0px 0px;
	overflow: hidden;
	height: 0px;
	background: url(/img/common/MainMenu/side_SchoolList_bottom.gif) no-repeat ;
	display: block;
}

#tokyoSub{
    margin: 0 0 0 15px;
    padding: 0;
}

#tokyoSub ul {
    margin: 0 0 0 25px;
    padding: 3px 0 6px 10px;
}

#tokyoSub ul #sublist01Sub,
#tokyoSub ul #sublist02Sub,
#tokyoSub ul #sublist03Sub,
#tokyoSub ul #sublist04Sub,
#tokyoSub ul #sublist05Sub,
#tokyoSub ul #sublist06Sub,
#tokyoSub ul #sublist07Sub,
#tokyoSub ul #sublist08Sub,
#tokyoSub ul #sublist09Sub,
#tokyoSub ul #sublist10Sub,
#tokyoSub ul #sublist11Sub,
#tokyoSub ul #sublist12Sub,
#tokyoSub ul #sublist13Sub,
#tokyoSub ul #sublist14Sub,
#tokyoSub ul #sublist15Sub,
#tokyoSub ul #sublist16Sub,
#tokyoSub ul #sublist17Sub,
#tokyoSub ul #sublist18Sub,
#tokyoSub ul #sublist19Sub,
#tokyoSub ul #sublist20Sub,
#tokyoSub ul #sublist21Sub,
#tokyoSub ul #sublist22Sub,
#tokyoSub ul #sublist23Sub,
#tokyoSub ul #sublist24Sub {
    margin: 0 0 0 14px;
    padding: 0;
}

.SideListSubArea {
    margin: 0;
    padding: 0 0 5px;
    list-style: none outside none;
}

h4.SideListSubArea  a img {
	display: none;
}

.caution-text {
    border: 1px solid #CCCCCC;
    display: block;
    font-size: 10px;
    line-height: 1.5em;
    margin: 0 17px 0 0;
    padding: 5px;
}

.OtherSchoolBana {
    padding: 15px 0 0 0;
}


#page-top {
position: fixed;
bottom: 20px;
right: 20px;
font-size: 77%;
}

#page-top a {
background:#E97FA8;
text-decoration: none;
color: #fff;
width: 100px;
padding: 30px 0;
text-align: center;
display: block;
border-radius: 5px;
}

#page-top a:hover {
text-decoration: none;
background: #999;
}

#page-top2 {
  position:fixed;
  top:200px;
right: 20px;
}

#page-top2 a {
	outline:none;
	display: block;
	background: url("https://www.z-netschool.jp/img/common/elementaryschool2.png") no-repeat scroll 0 0 transparent;
	width: 145px;
	height: 75px;
 	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
}

#page-top2 a:hover {
	outline:none;
	display: block;
	background: url("https://www.z-netschool.jp/img/common/elementaryschool2.png") no-repeat scroll 0 0 transparent; 
	background-position: 0px 0px;
	width: 186px;
	height: 75px;
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
}

#page-top3 {
  position:fixed;
  top:300px;
right: 20px;
}

#page-top3 a {
	outline:none;
	display: block;
	background: url("https://www.z-netschool.jp/img/common/juniorhighschool2.png") no-repeat scroll 0 0 transparent;
	width: 145px;
	height: 75px;
 	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
}

#page-top3 a:hover {
	outline:none;
	display: block;
	background: url("https://www.z-netschool.jp/img/common/juniorhighschool2.png") no-repeat scroll 0 0 transparent; 
	background-position: 0px 0px;
	width: 186px;
	height: 75px;
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
}

#page-top4 {
  position:fixed;
  top:400px;
right: 20px;
}

#page-top4 a {
	outline:none;
	display: block;
	background: url("https://www.z-netschool.jp/img/common/highschool.png") no-repeat scroll 0 0 transparent;
	width: 145px;
	height: 75px;
 	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
}

#page-top4 a:hover {
	outline:none;
	display: block;
	background: url("https://www.z-netschool.jp/img/common/highschool.png") no-repeat scroll 0 0 transparent; 
	background-position: 0px 0px;
	width: 186px;
	height: 75px;
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
}