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

@font-face{
	font-family:"Casier";
	src: url("../font/casierregular.otf") format("opentype");
}

html, body,div,ul,li,input,dt,dd{
	margin:0px;
	padding:0px;
}
body{
	background-color:#EBEAE5;
}
a:hover,a:active,a:link,a:visited{
	text-decoration:none;
}
h1,h2,h3,h4,h5,h6,p,a,li,dt,dd,td,th{
	color:#333;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	letter-spacing:1.6px;
}
input,textarea, .secondproducts h2, .lineup h3, .lineup h4, .lineup p, .lineup li ul li,td,th,#results .caption, p.caption{
	font-family: 'casier',Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
li{
	list-style-type:none;
}
.topproducts h2{
	font-weight:lighter;
	font-size:60px;
	letter-spacing:5px;
	margin-bottom:25px;
	position:relative;results
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	opacity:0;
	font-family:"Casier";
}
.secondproducts h2{
	font-weight:lighter;
	font-size:42px;
	letter-spacing:2px;
	margin-bottom:25px;
	position:relative;
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	opacity:0;
}
.hiddenobject{
	height:0px;
}
.clearfix{
	clear:both;
}
#topvideo{
	background-image:url(../images/caier_top_bg2.jpg);
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
}
#topvideo h1{
	font-family:'casier';
	font-size:92px;
	position:relative;
	top:48%;
	top:-webkit-calc(50% - 108px);
	top:calc(50% - 108px);
	left:100px;
	font-weight:normal;
	opacity:0;
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
}
#topvideo h1.on{
	top:47%;
	top:-webkit-calc(47% - 108px);
	top:calc(47% - 108px);
	opacity:1;
}


/*globalNavi*/
nav{
	width: 100%;
	height: 40px;
	background-color: rgba(235,234,229,0.80);
	position: relative;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
}
nav:hover{
	background-color: rgba(235,234,229,1);
}
nav.eachpage{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10;
}
.fixnav{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10;
}
nav ul{
	width:960px;
	height:15px;
	margin:10px auto;
	position:relative;
}
nav ul li{
	float:left;
	font-size:14px;
	position:relative;
}
nav ul li ~ li{
	margin-left:88px;
}
nav ul li a{
	color:#666;
	font-family:'Casier';
	position:relative;
	display:block;
}
nav ul .on a,
nav ul li a:hover,
nav ul li a:focus{
	color:#333;
}

nav ul li a:after{
	content:'';
	position:relative;
	top:0px;
	left:25%;
	border-top:solid 1px #5A686C;
	width:50%;
	display:block;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	opacity:0;
}
nav ul li a:hover:after,
nav ul .on a:after{
	left:0%;
	width:100%;
	opacity:1;
	color:#333;
}
nav ul li a:focus{
	outline:none;
}

/*wrapper*/
.topproducts{
	position: relative;
	height: 1000px;
	overflow: hidden;
	background-image: -webkit-linear-gradient(180deg,rgba(235,234,229,1.00) 0%,rgba(235,234,229,1.00) 95.08%,rgba(227,226,219,1.00) 100%);
	background-image: -moz-linear-gradient(180deg,rgba(235,234,229,1.00) 0%,rgba(235,234,229,1.00) 95.08%,rgba(227,226,219,1.00) 100%);
	background-image: -o-linear-gradient(180deg,rgba(235,234,229,1.00) 0%,rgba(235,234,229,1.00) 95.08%,rgba(227,226,219,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(235,234,229,1.00) 0%,rgba(235,234,229,1.00) 95.08%,rgba(227,226,219,1.00) 100%);
}
.secondproducts{
	position: relative;
	overflow:hidden;
}
.secondproducts ~ div{
	margin-top:100px;
}
.eachpage + div{
	margin-top:40px;
}
.heightone{
	height: 1000px;
}
.heightnine{
	height: 900px;
}
.heighteight{
	height:800px;
}
.heightseven{
	height:700px;
}
.heightten{
	height:250px;
	margin-top:100px;
	overflow:visible;
}
.heighteleven{
	height:1500px;
}
#stylingsix{
	height:1300px;
}
#triangulaireone{
	margin-top:100px;
}
#carrefour{
	margin-top:200px;
}
#results{
	margin-top:50px;
}

#results table{
	float:right;
	width:473px;
	text-align:left;
	border-collapse:collapse;
	border-style:none;
}
#results td~td{
	padding-left:10px;
}
#results th{
	padding-top:10px;
	padding-bottom:10px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-color:#999999;
	}
#results td{
	border-color:#CCCCCC;
	padding-top:10px;
	padding-bottom:20px;
	vertical-align: top;
	border-left:none;
	border-right:none;
	border-bottom:none;
	line-height:1.5em;
}
#results .right{
	text-align:right;
}
#results  .last{
	height:130px;
	border-bottom:none;
}
#results ul{
	position:relative;
	left:-512px;
	width:960px;
	top:10px;
}
#results ul li{
	float:left;
}
#results ul li img{
	position:relative;
	opacity:1;
}
#results ul li~li{
	margin-left:13px;
}
#results .caption{
	float:right;
}

.contents{
	position:relative;
	width:960px;
	height:100%;
	margin:0px auto;
}
.contents div{
	position: absolute;
	top: 2px;
}

.contents div p,
.contents div dt,
.contents div dd{
	letter-spacing:1.2px;
	line-height:2.2em;
	text-align:justify;
	font-size:14px;
	opacity:0;
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	position:relative;
}
.contents div dt~dt{
	margin-top:100px;
}
.contents dl ul{
	margin-top:50px;
}
.contents div a{
	display:block;
	width:100%;
	padding:15px 0px;
	text-align:right;
	position:relative;
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	opacity:0;
	font-family:'Casier';
}

.contents div a:after,
.contents div a:before{
	content: '';
	position: absolute;
	border-top: 1px solid #CFD0C7;
	width: 90%;
	opacity: 0;
	top: 0px;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
.contents div a:before{
	top:50px;
}

/*texts*/
body div div{
	z-index: 5;
}
.textright{
	right: 0px;
}
.textleft{
	left:0px;
}
.longwidth .contents div{
	width:550px;
}
.middlewidth .contents div{
	width: 450px;
}
.shortwidth .contents div{
	width:350px;
}
.topheight .contents div{
	top:150px;
}
.middleheight .contents div{
	top:250px;
}
.bottomheight .contents div{
	top:450px;
}
.lineup h3,
.lineup h4,
.lineup p,
.lineup li{
	font-size:12px;
	font-weight:normal;
	margin:5px 0px;
	z-index:5;
}
.lineup h4{
	font-family:'Casier';
	margin:10px 0px;
}
#carreone .contents div{
	width:100%;
	position:relative;
}

#carreone .contents div h2{
	position:absolute;
	left:0px;
	margin-top:0px;
}
#carreone .contents div p{
	width:450px;
	float:right;
	margin-top:0px;
}

#carrefour .contents div{
	top:250px;
}
#thewallfour h2,
#thewallfour p{
	color:#EBEAE5;
}
p.caption{
	font-size:12px;
	font-color:#333333;
}
span.led{
	font-size:20px;
}


/*lineup*/
.lineup{
	height:85%;
}
.lineup li{
	width:225px;
	position:absolute;
	bottom:150px;
}
.lineup ul{
	padding: 10px 0px;
	border-top:1px solid #CFD0C7;
	border-bottom:1px solid #CFD0C7;
}
.lineup li ul li{
	position:relative !important;
	bottom:0px !important;
	text-align:justify;
	line-height:1.5em;
	left:0px !important;
}
#triangulairesix .lineup li ul li{
	letter-spacing:1px;
}
.lineup .lineupsecond{
	left:367.5px;
}
.lineup .lineupthird{
	right:0px;
}
.lineup img{
	position:relative;
	top:0px;
	left:0px;
	width:225px;
	height:auto;
	margin-bottom:30px;
}
.lineup.tate img{
	margin-bottom:10px;
}
.lineup p{
	text-align:justify;
	line-height:2em;
	padding: 10px 0px;
	border-top:1px solid #CFD0C7;
	border-bottom:1px solid #CFD0C7;
}
.lineup.four li{
	width:225px;
	position:absolute;
	bottom:130px;
	left:-120px;
}
.lineup.four .lineupsecond{
	left:205px;
}
.lineup.four .lineupthird{
	left:530px;
}
.lineup.four .lineupfourth{
	left:855px;
}
.lineup.tate{
	float:right;
	width:225px;
}
.lineup.tate li{
	position:relative;
	bottom:0px;
}
.lineup.tate li ~ li{
	margin-top:35px;
}
.lineup.tate li ul li{
	margin-top:0px;
}


/*contactForm*/
#contact{
height:700px;
}
#contact h2{
	width:500px;
	font-size:48px;
	float:left;
	margin-top:-10px;
	opacity:1;
}
#contact div{
	width:960px;
	margin:0px auto;
	padding-top:100px
}
#contact p{
	width:520px;
	float:left;
	font-size:12px;
	letter-spacing:2px;
	line-height:2em;
}
form{
width:430px;
float:right;
}
.formbody input{
	height:30px;
}
.formbody{
	margin-bottom:10px;
}

.formbody input,
.formbody textarea{
	width:100%;
	border:none;
	font-weight:normal;
	font-size:12px;
}
.formbody textarea{
	height:100px;
}
.formname{
	font-size:12px;
	margin-bottom:3px;
}
#submitbtn{
	width:100px;
	float:right;
	left: 3px;
	position: relative;
	border:1px solid #EBEAE5;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	cursor:pointer;
}
#submitbtn:hover{
	border:1px solid #333;
}

/*footer*/
footer{
	background-color:#5A686C;
	height:210px;
}
footer div{
	width:960px;
	margin:0px auto;
	padding:40px 0px; 
}
footer ul{
	width:215px;
	float:left;
}
footer li{
	margin-bottom:13px;
}
footer li,
footer li a{
	color:white;
	font-size:12px;
}
footer a:hover{
	text-decoration:underline;
}
footer p{
	margin-top:-3px;
	line-height:25px;
	float:right;
	font-size:10px;
	color:white;
}
#topvideo{
	overflow:hidden;
	border-left:100px solid #EBEAE5;
	border-right:100px solid #EBEAE5;
	border-top:70px solid #EBEAE5;
	border-bottom:70px solid #EBEAE5;
	box-sizing:border-box;
}
.adjust{
	margin-top:40px;
}

/*images*/
body div ~ div img{
	position:absolute;
	opacity:0;
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	z-index:3;
}
.shadow{
	z-index:2;
}
.fullwidthimage{
	opacity:0;
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
}
.on .fullwidthimage{
	opacity:1;
}
.imgclip{
	position:absolute;
	top:0px !important;
	left:0px;
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
}
.imgclipwrap{
	z-index:2;
}
.whiteback{
	background-color:#F3F1EE;
	position:absolute;
	z-index:1;
	transition:all 1s ease, background-color 1.5s ease-in-out;
	-webkit-transition:all 1s ease, background-color 1.5s ease-in-out;
	overflow:hidden;
}
#thewallthree .whiteback div{
	background-image:url(../images/thewall_page_lack.png);
	background-size:cover;
	background-position:center center;
	opacity:0;
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	width:100%;
	height:100%
}
#thewallthree.on .whiteback div{
	opacity:1;
	width:105%;
}
#thewallthree .whiteback{
	overflow:hidden;
}



/*topimages*/
.on div img{ opacity:1 !important;	}
.on .shadow{ opacity:.2 !important; }
img.on { opacity:1 !important;	}
.on.shadow{ opacity:.2 !important; }


#triangulaire div img{	top:180px; left:-20px;}
#triangulaire div img ~ img{top:676px; left:-20px;}
.on .one img{left:0px !important;}
.on .one img~img{left:3px !important;}

#carre div img{top:270px; left:700px;
transition:all 2s ease .5s;
-webkit-transition:all 2s ease .5s;}
#carre div img ~ img{	top:647px; left:700px;
transition:all 2s ease .5s;
-webkit-transition:all 2s ease .5s;}
.on .two img{ left:530px !important;}
.on .two img ~ img{ left:530px !important;}

#thewall div .wall1{top:140px; left:15px;}
#thewall div .wall2{top:169px; left:235px;}
#thewall div .wall3{top:292px; left:-30px;}
#thewall div .wall4{top:630px; left:1px;}
#thewall div .wall5{top:792px; left:1px;}
.on .three .wall1{ top:169px !important;}
.on .three .wall2{ left:215px !important;}
.on .three .wall3{ left:14px !important;}
.on .three .wall4{ top:600px !important;}
.on .three .wall5{ top:762px !important;}

#styling div .style1{top:356px; left:360px;}
#styling div .style2{top:470px; left:764px;}
#styling div .style3{top:375px; left:757px;}
#styling div .style4{top:790px; left:308px;}
.on .four .style1{ left:401px !important;}
.on .four .style2{ top:506px !important;}
.on .four .style3{ left:725px !important;}
.on .four .style4{ top:763px !important;}

#catalogue div img{top:169px; left:400px; }
.on .five img{ left:350px !important;}


/*subimages*/

#triangulaireone img{top:40px;}
#triangulaireone .shadow{	top:764px;}

#triangulairetwo .whiteback{width:3000px;	height:700px; top:0px; right:200px;}
#triangulairetwo img{	top:80px;	right:640px;}
#triangulairetwo .shadow{top:571px;}
#triangulairetwo .second{top:150px; right:160px;}
#triangulairetwo .second.shadow{top:505px;}
#triangulairetwo.on img{ right:580px;}
#triangulairetwo.on .shadow{top:571px;}
#triangulairetwo.on .second{right:200px;}
#triangulairetwo.on .second.shadow{top:505px;}


#triangulairethree img{	top:0px;	right:0px;}
#triangulairethree .shadow{	top:500px;	right:0px;}
#triangulairethree .whiteback{	width:100%;	height:600px;	top:0px;	left:0px;}

#triangulairefour img{	top:150px;	left:0px;}
#triangulairefour img ~ img{	top:-50px;	left:560px;}
#triangulairefour .whiteback{	width:100%;	height:200px;	top:0px;	left:0px;}
#triangulairefour.on img{	top:100px;}
#triangulairefour.on img ~ img{	top:0px;}
#triangulairefour.on .whiteback{	width:100%;	height:542px;	top:0px;	left:0px;}

#triangulairefive img{	top:0px;	right:-50px;}
#triangulairefive .whiteback{	width: 70%;	width: calc(1000px + 10%);	-webkit-width: calc(1000px + 10%);	height: 900px;	top: 0px;	right: 0px; 	background-color: #E5E1DB;
}
#triangulairefive.on img{	top:0px;	right:0px;}


#carreone img{top:420px; left:0px;}
#carreone .shadow{top:823px;}

#carretwo .whiteback{width: 100%;	height: 700px; top:0px; left:0px;}
#carretwo img{	top:0px;	left:-250px;}
#carretwo .second{	top:0px;	left:-250px; transition:all 1s ease .5s; 	-webkit-transition:all 1s ease .5s;}
#carretwo .shadow{	top:478px; transition:all 1s ease .5s; 	-webkit-transition:all 1s ease .5s;}

#carrethree .whiteback{	height: 900px; bottom: 0px;	left: 100px;	width: 2000px;}
#carrethree img{	top:-20px; left:500px;  transform:rotate(-80deg);}
#carrethree .second{	top:300px; left:-100px;  transform:rotate(150deg);}
#carrethree .third{	top:580px;	left:600px;  transform:rotate(-10deg);}
#carrethree.on img{ transform:rotate(-100deg);}
#carrethree.on .second{transform:rotate(170deg);}
#carrethree.on .third{transform:rotate(10deg);}

#carrefour img{	bottom:0px;	left:0px;}
#carrefour .whiteback{	width:100%;	height:100%;	bottom:0px;	left:0px;}

#carrefive img{	top:-40px;	left:0px;}
#carrefive .whiteback{ width:2000px; height:500px;	top:0px; left:0px; transition:height 1s ease-out;	-webkit-transition:height 1s ease-out;}
#carrefive.on img{	top:0px;}
#carrefive.on .whiteback{ width:2000px; height:700px;}

#thewallone {overflow:visible;}
#thewallone img{top:50px; left:600px;}
#thewallone .shadow{top:590px;}

#thewalltwo img{top:300px; right:1180px;}
#thewalltwo .shadow{top:529px;}
#thewalltwo .second{top:168px; right:1050px;}
#thewalltwo .second.shadow{top:529px;}
#thewalltwo .third{top:156px; right:800px;}
#thewalltwo .third.shadow{top:529px;}
#thewalltwo .fourth{top:21px; right:600px;}
#thewalltwo .fourth.shadow{top:529px;}
#thewalltwo .fifth{top:21px; right:400px;}
#thewalltwo .fifth.shadow{top:529px;}
#thewalltwo .whiteback{	width:100%;	height:600px; top:0px; left:0px;}
#thewalltwo.on img{top:300px; right:1116px;}
#thewalltwo.on .shadow{top:529px;}
#thewalltwo.on .second{top:168px; right:945px;}
#thewalltwo.on .second.shadow{top:529px;}
#thewalltwo.on .third{top:156px; right:618px;}
#thewalltwo.on .third.shadow{top:529px;}
#thewalltwo.on .fourth{top:21px; right:300px;}
#thewalltwo.on .fourth.shadow{top:529px;}
#thewalltwo.on .fifth{top:21px; right:-30px;}
#thewalltwo.on .fifth.shadow{top:529px;}

#thewallthree .whiteback{	width:80%;	height:515px; top:0px; left:0px;}
#thewallthree .whiteback img{position:relative;  height:110%; transition:all 1s ease; -webkit-transition:all 1s ease;  opacity:0; top:-20px;}
#thewallthree.on .whiteback img{opacity:1; height:115%;}

#thewallfour img{bottom:200px; left:-200px;}
#thewallfour .whiteback{	width:100%; height:500px; top:0px; left:0px; }
#thewallfour.on .whiteback{	background-color:#5A686C;	transition:background-color 1.5s ease-in-out .3s;	-webkit-transition:background-color 1.5s ease-in-out .3s;}

#stylingone img{ top:250px; left:50px;}
#stylingone .shadow{ top:733px;}

#stylingtwo img{top:130px; left:200px;}
#stylingtwo .shadow{top:545px;}
#stylingtwo .second{top:247px; left:493px;}
#stylingtwo .second.shadow{top:550px;}
#stylingtwo .third{top:159px; left:771px;}
#stylingtwo .third.shadow{top:552px; left:789px;}
#stylingtwo.on .second{top:247px; left:443px;}
#stylingtwo.on .second.shadow{top:550px;}
#stylingtwo.on .third{top:159px; left:671px;}
#stylingtwo.on .third.shadow{top:552px; left:689px;}
#stylingtwo .apple {position:absolute; top:91px; left:300px; transition:left 1s ease; -webkit-transition:left 1s ease;}
#stylingtwo .apple img{transform:rotate(-70deg); transition:left .5s ease .7s, transform .5s ease .7s, opacity 1s ease; -webkit-transision:left .5s ease .7s, transform .5s ease .7s, opacity 1s ease;}
#stylingtwo.on .apple {left:280px;}
#stylingtwo.on .apple img {left:195px; transform:rotate(-100deg);}
#stylingtwo .apple.second  {position:absolute; top:91px; left:330px; transition:left 1s ease; -webkit-transition:left 1s ease;}
#stylingtwo .apple.second img{transform:rotate(-70deg);  transition:left .5s ease .7s, transform .5s ease .7s, opacity 1s ease; -webkit-transision:left .5s ease .7s, transform .5s ease .7s, opacity 1s ease;}
#stylingtwo.on .apple.second {left:310px;}
#stylingtwo.on .apple.second img {left:190px; transform:rotate(-90deg);}
#stylingtwo .whiteback{	width:3000px;	height:800px; top:0px; left:0px;}

#stylingfour img{top:205px; left:-130px;}
#stylingfour .shadow{top:502px;}
#stylingfour .second{top:50px; left:180px;}
#stylingfour .second.shadow{top:572px;}
#stylingfour .third{top:150px; left:480px;}
#stylingfour .third.shadow{top:486px;}
#stylingfour .whiteback{	width:2000px; height:800px; top:0px; right:0px;}
#stylingfour.on .second{top:80px; left:180px;}
#stylingfour.on .second.shadow{top:542px;}

#stylingsix  .contents > img{top:300px; left:-150px;}
#stylingsix  .contents .shadow{top:968px; left:-150px;}
#stylingsix .whiteback{	width:3000px; height:1300px; top:0px; right:300px;}


/*lettersSet*/
#triangulaire h2{ top:-10px;}
#triangulaire p{ left:-10px;}
#triangulaire a{ left:10px;}
#triangulaire a:after{ left:100px;}
#triangulaire a:before{ left:-50px;}

#carre h2{ left:-10px;}
#carre p{ top:-10px;}
#carre a{ left:-10px;}
#carre a:after{ left:-80px;}
#carre a:before{ left:50px;}

#thewall h2{ top:-20px;}
#thewall p{ left:40px;}
#thewall a{ left:50px;}
#thewall a:after{ left:20px;}
#thewall a:before{ left:-150px;}

#styling h2{ left:30px;}
#styling p{ left:-50px;}
#styling a{ left:-30px;}
#styling a:after{ left:20px;}
#styling a:before{ left:-80px;}

#catalogue h2{ top:-15px;}
#catalogue p{ top:40px;}
#catalogue a{ left:40px;}
#catalogue a:after{ left:-70px;}
#catalogue a:before{ left:50px;}

#triangulairetwo h2{ left:80px;}
#triangulairetwo p{ left:100px;}
#triangulairetwo.on h2{ left:60px !important;}
#triangulairetwo.on p{ left:60px !important;}
#triangulairethree h2{ left:-20px;}
#triangulairethree p{ left:-20px;}
#triangulairefour h2{ top:-40px;}
#triangulairefour p{ top:40px;}
#triangulairefive h2{ top:40px;}
#triangulairefive p{ top:40px;}

#carretwo h2{ left:30px;}
#carretwo p{ left:60px;}
#carrethree h2{ top:-160px;}
#carrethree p{ top:-160px;}
#carrethree.on h2{ top:-130px !important;}
#carrethree.on p{ top:-130px !important;}
#carrefour h2{ left:-60px;}
#carrefour p{ left:-40px;}
#carrefive h2{ top:-40px; left:-100px !important;}
#carrefive p{ top:-40px; left:-100px !important;}

#thewalltwo h2{ left:0px; top:60px;}
#thewalltwo p{ left:0px; top:60px;}
#thewalltwo.on h2{ left:-60px !important; top:60px!important;}
#thewalltwo.on p{ ;left:-60px !important; top:60px!important;}
#thewallthree h2{ left:50px;  top:160px;}
#thewallthree p{ left:30px;  top:160px;}
#thewallthree.on h2{ left:130px !important; top:160px!important;}
#thewallthree.on p{ left:130px !important; top:160px!important;}
#thewallfour h2{ top:40px; transition:top 1s ease .5s, color 1.5s ease-in-out .3s, opacity 1s ease; -webkit-transition:top 1s ease .5s, color 1.5s ease-in-out .3s, opacity 1s ease;}
#thewallfour p{ top:40px; transition:top 1s ease .5s, color 1.5s ease-in-out .3s, opacity 1s ease; -webkit-transition:top 1s ease .5s, color 1.5s ease-in-out .3s, opacity 1s ease;}

#thewallfour.on h2{ top:-30px !important;}
#thewallfour.on p{ top:-30px !important;}

#stylingone.on h2{ left:325px !important; top:-100px !important;}
#stylingone.on p{ left:225px !important; top:-100px !important;}



/*lettersFire*/
.on h2{
	opacity:1;
	top:0 !important;
	left:0 !important;
}
.on p,
.on dt,
.on dd{
	opacity:1 !important;
	top:0 !important;
	left:0 !important;
}
.on a{
	opacity:1 !important;
	left:0px !important;
}
.on .contents div a:after,
.on .contents div a:before{
	opacity:1 !important;
	left:0px !important;
	width:100% !important;
}
.on .contents div a:hover{
	background-color:#EBEAE5;
}
.on .contents div a:hover:after,
.on .contents div a:hover:before{
	border-top-color:#333;
}