@charset "UTF-8";


/* 
*  LAST ALLIANCE
*  LAYOUT HOME
*/


/*------------------- main -------------------------*/

#top {height:800px;}
#top h2{padding-top: 480px;}

/*------------------- information -------------------------*/

#information {height:630px;background: url(../../images/information/bg1.png) no-repeat center top;position: relative;margin-top: -120px;padding-top: 20px}

		#information #topics{position: absolute;top:14px;left: 0;width: 240px;height: 280px;padding: 1px;border: 1px solid #333}

		#information h2{margin: 130px 0 70px 150px}
		#information #news{width:690px;position: absolute;top:120px;right:30px;}
		#information #news .news_article{height: 180px;width:200px; float: left;margin: 0 12px;position: relative;border-left: solid 1px #333;}
			#information #news .date{padding: 0 10px;font-size: 9px;color: #000;position: absolute;top:0px;left: 10px;font-style: normal!important;background-color: #ccc}
			#information #news .c_title{padding-left: 10px;font-size: 11px!important;color: #fff;position: absolute;top:25px;left: 0px;}					
			#information #news .detail{padding-left: 10px;width:200px;color: #fff;position: absolute;top:80px;left: 0px;height: 80px;overflow: hidden;}
			#information #news .detail p{color: #fff;font-size: 9px!important;}

			#information #news .divLink{display: block;position: absolute;top: 0px;left: 0px;width: 470px;height: 20px;cursor: pointer;}
					
					
/*------------------- information2 -------------------------*/

#information2 {height:450px;background: url(../../images/information/bg2.png) no-repeat center top;position: relative;margin-top: -150px}

#information2 .contents{position: relative}
#information2 #schedule{width: 380px;position: absolute;top:140px;left: 30px}
#information2 #schedule h3{margin-bottom: 30px;}
#information2 #schedule .live_article{position: relative;border-bottom: 1px dotted #6B6B6B;position: relative;height: 25px;margin-bottom: 5px}
		#information2 #schedule .date{font-size: 12px;color: #000!important;position: absolute;top:0;left: 0px;}	
		#information2 #schedule .place{font-size: 11px;position: absolute;top:12px;left: 150px;color: #000!important;position: absolute;top:0;left: 150px;}
		#information2 #schedule .title, #information2 #schedule .time, #information2 #schedule .info,
		#information2 #schedule .ticket, #information2 #schedule .sold, #information2 #schedule .act, #information2 #schedule .ja {display: none}
		
		
		#information2 .date{font-size: 10px!important;font-style:italic!important;color: #9B9B9B!important;}
		#information2 .place,#information .c_title{font-size: 10px!important;color: #9B9B9B!important;}
					
#information2 #tw{z-index: 999;width: 200px;position: absolute;top:140px;left: 430px;border-left:1px solid #828075;padding-left: 20px;height: 200px;}			
		#information2 #tw li{margin-bottom: 25px}	
		
		
#information2 #twitter{z-index: 999;width: 200px;position: absolute;top:140px;left: 650px;border-left:1px solid #828075;padding-left: 20px;height: 200px;}			



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

/*discography*/
#discography {height:750px;background: url(../../images/discography/bg.png) no-repeat center;position: relative;margin-top: -230px}
	#discography h2{margin: 230px 0 20px 0}
		#discography .contents{width:1000px !important;}			
			#discography ul{height: 145px;z-index: 50;}
			#discography li{float: left;position: relative;margin: 0 25px;}
			#discography .icon_new{position: absolute;z-index: 55;top:-20px;left:0}
		
/*--------------------------------------------*/


/*biography*/
#biography {height:760px;margin-top: -270px;padding-top: 150px;}

	#biography .contents{width:950px !important;}
	#biography h2{margin-left: -50px;margin-top:100px;text-align:left !important;}
	
	.pp{width:1024px;
	margin:0 auto;
	position: relative;

	}	
		#bioInner{margin-left: 570px;position: relative;margin-top: -250px}
			#biography h3{text-align: left;margin-bottom: 30px;padding-top: 270px;}
			#biography #names {width: 340px;}
			#biography #names li{float: left;margin: 0 40px 10px 0;}
/*--------------------------------------------*/

/*media*/


#media {
	height:695px !important;
	background: url(../../images/media/bg.jpg) center top;
	}
	#media h2{padding:0px 0 0px 0;}
	#media .contents{width:960px !important;}
			.sqrollContent{height:300px;overflow:auto; z-index:999}
			.sqrollContent p:nth-child(even){color:#999;}
			.sqrollContent p:nth-child(3n+0){color:#c96;}
			
	#media li{margin: 0 0 2px 0!important;}
		
		#media .magazine{background: url(../../images/media/icon_magazine.png) no-repeat 10px 10px;}
		#media .tv{background: url(../../images/media/icon_tv.png) no-repeat 10px 10px;position: relative}
		#media .radio{background: url(../../images/media/icon_radio.png) no-repeat 10px 10px;}
		#media .net{background: url(../../images/media/icon_net.png) no-repeat 10px 10px;}
	
		#media .magazine,#media .tv,#media .radio, #media .net{position: relative;margin: 0!important}
		.media_prop{position: relative}
		#media h4{color: #fff;padding: 8px 0 8px 40px;width: 500px;}
		#media .type{position:absolute;top:8px;left:400px;color: #D3D3D3}
		#media .date{position:absolute;top:8px;left:800px;color: #D3D3D3}
		#media p,#media h4 {font-size: 10px;letter-spacing: 0px}
		#media .link{position:absolute;top:5px;right:20px;}