/* ******************************************************************
 *	File name		: top.css
 *	Summary			: page layout
 * ******************************************************************
 */

/* -----------------------------------------------------------------
   top
----------------------------------------------------------------- */
main{
}
main section{
	display:block;
	margin:0 auto;
	padding:0px;
	width:300px;
}
@media(max-width:1000px){
	main{
		display:block !important;
		text-align:center;
		vertical-align:text-top;
	}
	main section{
		display:inline-block;
		vertical-align:text-top;
		margin:0 20px 15px;
		padding:0px;
		width:300px;
	}
}
@media(max-width:600px){
	main section{
		margin:0 0px 15px;
	}
}

/* -----------------------------------------------------------------
   information_box
----------------------------------------------------------------- */

#information_box{
	position:relative;
	width:940px;
	max-width:100%;
	height:440px;
	margin:10px auto 33px;
	padding:105px 0 23px 0;
	list-style:none;
	background:url(../../image/top/main_bg.jpg) repeat-x 0 0;
	}
	#information_box:after{
		content:" ";
		position:absolute;
		bottom:-3px;
		left:50%;
		width:960px;
		height:23px;
		margin-left:-480px;
		background:url(../../image/top/bg_info_b.png) no-repeat 0 0;
	}
	#information_box #ib_head{
		position:absolute;
		top:0px;
		left:0px;
		width:940px;
		max-width:100%;
		height:75px;
		background:url(../../image/top/ib_head.png) no-repeat 0 0;
	}
	#information_box #ib_head h2{
		position:absolute;
		top:19px;
		left:20px;
		width:187px;
		height:39px;
		text-indent:-9999px;
		background:url(../../image/top/info_title.png) no-repeat 0 0;
	}
	#information_box #ib_head .h2_caption{
		position:absolute;
		margin:19px 0 0 220px;
		font-size:0.85em;
		line-height:1.5;
		color:#FFF;
	}
	#information_box #ib_head #more_info{
		position:absolute;
		top:7px;
		right:10px;
		width:240px;
		height:56px;
		background:url(../../image/top/more_info.png) no-repeat 0 0;
		}
		#information_box #ib_head #more_info a{
			display:block;
			position:absolute;
			top:0px;
			left:0px;
			width:240px;
			height:56px;
			text-indent:-9999px;
			z-index:100;
			}
			#information_box #ib_head #more_info a:hover{
				background:url(../../image/top/more_info_on.png) no-repeat 0 0;
}
@media(max-width:940px){
	#information_box{
		overflow:hidden;
	}
}
@media(max-width:767px){
	#information_box{
		height:auto;
		padding:0;
	}
	#information_box #ib_head{
		position:relative;
		width:100%;
		height:auto;
		min-height:75px;
		padding:0 0 35px;
		overflow:hidden;
		background:rgba(0,0,0,0.7);
	}
	#information_box #ib_head h2{
		display:none;
	}
	#information_box #ib_head .h2_caption{
		position:relative;
		margin:20px 20px 20px;
		text-align:center;
	}
	#information_box #ib_head #more_info{
		position:relative;
		top:0px;
		right:auto;
		margin:0 auto;
		background:url(../../image/top/more_info_sp.png) no-repeat 0 0;
		}
		#information_box #ib_head #more_info a:hover{
			background:none;
	}
}
@media(max-width:600px){
	#information_box #ib_head .h2_caption br{
		display:none !important;
	}
}
#information_box #info_box{
		position:absolute;
		width:960px;
		height:380px;
		overflow:visible;
		z-index:100;
	}
	#information_box .slide{
		position:relative;
		width:200px;
		margin:0 0px;
		list-style:none;
		overflow:visible;
	}
	#information_box .slide h3{
		display:inline-block;
		padding:2px 7px 1px;
		font-size:0.8em;
		font-weight:bold;
		background:#000;
		color:#FFF;
		}
		#information_box .slide h3.i_red{
			background:#5F000B;
		}
		#information_box .slide h3.i_green{
			background:#335F00;
		}
		#information_box .slide h3.i_blue{
			background:#004C5F;
		}
		#information_box .slide h3.i_yellow{
			background:#FF0;
			color:#000;
	}
	#information_box .slide img{
	}
	#information_box .slide p{
		position:relative;
		width:200px;
		height:;
		padding:5px 10px;
		font-size:0.75rem;
		font-weight:bold;
		background:url(../../image/base/bg_black.png) repeat 0 0;
		color:#FFF;
		line-height:1.5;
	}
	#information_box .slide p{
}
@media(max-width:767px){
	#info_box{
		display:none;
	}
}


/* -----------------------------------------------------------------
   profile
----------------------------------------------------------------- */

#top_profile{
	position:relative;
	width:300px;
	height:auto;
	margin-bottom:20px;
	padding-top:325px;
	padding-bottom:10px;
	background:url(../../image/profile/profile.jpg) no-repeat #000;
	color:#FFF;
	}
	#top_profile h2{
		display:none;
}
#top_profile strong{
	display:block;
	margin-left:18px;
	margin-bottom:13px;
	font-weight:normal;
	font-size:1.0em;
}
#top_profile p{
	display:block;
	margin:0 0 13px 18px;
	font-size:0.75em;
	line-height:1.5;
}
#top_profile p.more{
	position:relative;
	width:180px;
	height:40px;
	margin-bottom:0px;
	background:url(../../image/top/more_profile.png) no-repeat;
	}
	#top_profile p.more a{
		position:absolute;
		top:0px;
		left:0px;
		width:180px;
		height:40px;
		text-indent:-9999px;
		}
		#top_profile p.more a:hover{
			background:url(../../image/top/more_profile_on.png) no-repeat;
}

/* mushica_venezolana */
#top_mushica_venezolana{
	width:300px;
	height:500px;
	padding-top:20px;
	background:url(../../image/mushica_venezolana/mushica_venezolana.jpg) no-repeat #FFF;
	color:#FFF;
}
#top_mushica_venezolana .mv_box{
	position:relative;
	width:280px;
	margin:0 auto;
	padding:17px 10px;
	background:url(../../image/top/mv_box.png) repeat;
}
#top_mushica_venezolana .mv_box h2{
	width:187px;
	height:36px;
	margin:0 auto;
	text-align:center;
	text-indent:-9999px;
	color:#0D2B7A;
	background:url(../../image/mushica_venezolana/title.png) no-repeat;
}
#top_mushica_venezolana .mv_box strong{
	display:block;
	margin-top:20px;
	margin-bottom:20px;
	font-weight:normal;
	font-size:0.95em;
	text-align:center;
	color:#0D2B7A;
}
#top_mushica_venezolana .mv_box p{
	margin-bottom:20px;
	font-size:0.75em;
	line-height:1.5;
	color:#333;
}
#top_mushica_venezolana .mv_box p.more{
	margin-left:1px;
	margin-bottom:0px;
	position:relative;
	width:180px;
	height:40px;
	background:url(../../image/top/more_mushica_venezolana.png) no-repeat;
	}
	#top_mushica_venezolana .mv_box p.more a{
		position:absolute;
		top:0px;
		left:0px;
		width:180px;
		height:40px;
		text-indent:-9999px;
		}
		#top_mushica_venezolana .mv_box p.more a:hover{
			background:url(../../image/top/more_mushica_venezolana_on.png) no-repeat;
}

/* information */
#top_music{
	position:relative;
	width:300px;
	height:380px;
	padding-top:315px;
	background:url(../../image/music/music.jpg) no-repeat #CF132B;
	color:#FFF;
}
#top_music h2{
	position:absolute;
	text-indent:-9999px;
}
#top_music p.more{
	position:absolute;
	right:5px;
	bottom:14px;
	width:180px;
	height:40px;
	background:#960002;
	z-index:10;
	}
	#top_music p.more a{
		position:absolute;
		top:2px;
		left:9px;
		width:162px;
		height:36px;
		font-size:0.8rem;
		text-align:center;
		text-decoration:none;
		background:#B10002;
		line-height:36px;
		color:#FFF;
		}
		#top_music p.more a:hover{
			background:#C13335;
}

/* -----------------------------------------------------------------
   cd_information
----------------------------------------------------------------- */

#cd_information{
	position:relative;
	width:300px;
	margin-bottom:10px;
}
#cd_information a,#event_information img{
	position:relative;
	max-width:100%;
	height:auto;
	z-index:5;
}
#cd_information p.more{
	position:absolute;
	right:5px;
	bottom:14px;
	width:170px;
	height:40px;
	background:#960002;
	z-index:10;
	}
	#cd_information p.more a{
		position:absolute;
		top:2px;
		left:9px;
		width:152px;
		height:36px;
		font-size:0.8rem;
		text-align:center;
		text-decoration:none;
		background:#B10002;
		line-height:36px;
		color:#FFF;
		}
		#cd_information p.more a:hover{
			background:#C13335;
}

/* -----------------------------------------------------------------
   event_information
----------------------------------------------------------------- */

#event_information{
	width:300px;
	margin-bottom:10px;
}
#event_information a,#event_information img{
	max-width:100%;
	height:auto;
}
#event_information .detail_box{
	width:100%;
	padding:5px 10px;
	background:#000;
}
#event_information .detail_box a{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	min-width:180px;
	height:40px;
	font-size:0.8rem;
	text-align:center;
	text-decoration:none;
	background:#B10002;
	border:2px solid #960002;
	border-left:9px solid #960002;
	border-right:9px solid #960002;
	color:#FFF;
	}
	#event_information .detail_box a:hover{
		background:#C13335;
		border:2px solid #960002;
		border-left:9px solid #960002;
		border-right:9px solid #960002;
}

/* -----------------------------------------------------------------
   facebook
----------------------------------------------------------------- */

#top_facebook{
	width:300px;
	height:450px;
	margin-bottom:10px;
	padding-top:315px;
	background:url(../../image/base/facebook.jpg) no-repeat #000;
	color:#FFF;
}
#top_facebook h2{
	position:absolute;
	text-indent:-9999px;
}
#top_facebook p.more{
	position:relative;
	margin-top:65px;
	margin-left:20px;
	width:180px;
	height:40px;
	background:url(../../image/base/more_facebook.png) no-repeat;
	}
	#top_facebook p.more a{
		position:absolute;
		top:0px;
		left:0px;
		width:180px;
		height:40px;
		text-indent:-9999px;
		}
		#top_facebook p.more a:hover{
			background:url(../../image/base/more_facebook_on.png) no-repeat;
}
/* wall(RSS) → bace.css */

/* contents */
#music_list{
	width:300px;
	margin-top:10px;
	list-style:none;
	}
	#music_list li{
		width:300px;
		margin-bottom:10px;
}