/*

20th L'Anniversary L'Arc~en~Ciel World Tour 2012
------------------------------------------------

top.css

*/

#headerTop{
	background:url(../../img/topmainphoto.jpg) no-repeat top center;
	width:1200px;
	height:960px;
/*	height:843px; */
	position:relative;
}

#headerTop h1{
	position:absolute;
	top:256px;
	left:315px;
}

#headerTop .vote{
	position:absolute;
	top:264px;
	right:163px;
}

#headerTop .special{
	position:absolute;
	top:177px;
	right:120px;
}

#headerTop .menu{
	position:absolute;
	top:580px;
/*	top:462px; */
	left:120px;
	width:959px;
}

#headerTop .banner{
	position:absolute;
	top:465px;
	left:120px;
	width:959px;
}

#headerTop .menu li{
	float:left;
	margin:0 5px 10px 0;
}

#headerTop .menu li.last{
	margin:0 0 10px 0;
}


/*social*/

.socialArea{
	background:url(../../img/bg_sns.jpg) no-repeat top center;
	width:1071px;
	margin:0 auto;
}

.socialArea .inner{
	background:url(../../img/dorder.jpg) no-repeat center bottom;
}


/*twitter*/
.twitterArea{
	*padding:0 0 20px;
	
}

.twitterArea h2{
	background:url(../../img/dorder.jpg) no-repeat top center; 
	padding:20px 0 15px 389px;
	*padding:10px 0 15px 389px;
}

/*JUITTER PLUGIN CSS
-------------------------------------------*/
#juitterContainer{overflow:hidden;width:976px;margin:0 0 0 56px;color:#999999;} /*Juitter container*/
#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */
#juitterContainer .twittList ul{overflow:hidden;}
#juitterContainer .twittList li{width:220px;float:left;margin:0 24px 20px 0; height:95px;display:block;}
/* Bellow the list of tweets "<li>" */
#juitterContainer .twittLI{list-style:none;margin:0;font-size:84%;}
#juitterContainer .twittList SPAN.time{color:#FFF;}
#juitterContainer .twittList A{color:#FFF; text-decoration:underline;} /*Links inside the tweets list */
/* Bellow the CSS for the avatar image  */
#juitterContainer .juitterAvatar{float:left;border:solid 1px #9d9d9d;margin-right:5px;padding:2px;width:48px;height:48px;}
#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/
#juitterContainer .extLink{} /*CSS for the external links*/
#juitterContainer .hashLink{} /*CSS for the hash links*/
/* clearfix */
#juitterContainer .twittLI:after{clear: both;height: 0;visibility: hidden;display: block;content: ".";}
#juitterContainer .twittLI{}
* html #juitterContainer .twittLI{height: 1%;}
#juitterContainer .twittLI{}
/* */
/*end of Juitter CSS*/



/*facebook*/
.facebookArea{
	clear:both;
	position:relative;
	margin:0 0 20px;
	overflow:hidden;
	padding:0 0 10px;
	background:url(../../img/dorder.jpg) no-repeat top center; 
}

.facebookArea h2{

	padding:20px 0 15px;
	positon:absolute;
	width:1071px;
}

.facebookArea h2{
position:absolute;
	top:0;
	left:389px;
	z-index:1;
	width:244px;
}


.facebookArea h2 img{
	
}

.likebox{
	width:962px;
	margin:0 auto;
}

/*Link*/
.linkArea{
	padding:0 0 19px;
	background:url(../../img/dorder.jpg) no-repeat bottom;
	margin:0 0 10px;
	position:relative;
}

.linkArea h2{
	text-align:center
}

.linkArea ul{
	width:795px;
	margin:10px 0 0;
	overflow:hidden;
	padding:0 0 0 120px;
}

.linkArea li{
	width:156px;
	float:left;
	margin:0 3px 0 0;
}

.linkArea .qrcode{
	position:absolute;
	top:-19px;
	right:121px;
}