/* Base */
@import url(/.shared-asp24/themes/common/base-weblog.css);

/* Portal */


/* Theme */
/* general page elements */

a
{
	text-decoration: underline;
	
}

a:link { color: #6699CC; }
a:visited { color: #6699CC; }
a:hover { color: #006699; }
a:active { color: #6699CC; }


/* layout */

body
{
	margin: 0;
	color: #333333;
	background: #e10165 url(http://koyabusonic.laff.jp/images/bg.jpg) no-repeat center 25px;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-weight: normal;
	font-size: small;
	line-height: 150%;
}

#container { position: static; }

#container-inner
{
	position: static;
	border: 0;
	background: none;
}

#banner
{
	border: 0;
	/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
	color: #FFFFFF;
	background: url(http://koyabusonic.laff.jp/images/header.jpg) no-repeat;
	height:520px;
	text-align: left;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
}

#banner-inner { padding: 0x; }

#banner a
{
	color: #FFFFFF;
	text-decoration: none;
	display:block;
	width:900px;
	height:520px;
	text-indent:-1500em;
	overflow:hidden;
}

#banner-header
{
	margin: 0;
	font-size: xx-large;
	font-weight: bold;
	
	
}

#banner-description
{
	margin: 0;
	font-size: small;
}




/* default to artistic/calendar/timeline layout */

#container
{
	width: 900px;
}

.layout-artistic #alpha,
.layout-calendar #alpha
{
			width: 315px; /* 285px + 15px + 15px */
	
	
}

.layout-artistic #alpha-inner,
.layout-calendar #alpha-inner,
.layout-timeline #alpha-inner
{
	border: 0;
	padding: 15px 15px 15px 15px;
	background: #FFFFFF;
}

.layout-artistic #beta,
.layout-calendar #beta
{
	width: 465px;
	
}

.layout-artistic #beta-inner,
.layout-calendar #beta-inner,
.layout-timeline #beta-inner
{
	border: 0;
	padding: 15px 15px 15px 15px;
	background: #FFFFFF;
}

/* in artistic/calendar/timeline layouts, #gamma and #delta are inside #beta */

#beta #gamma, #beta #delta { width: 210px; margin: 15px 0; }
#beta #gamma-inner, #beta #delta-inner { padding: 0; }


/* content */

.content-nav { margin-top: 0; }

.date-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
	margin: 0 0 10px 0;
	border: 0;
	
	color: #333333;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: small;
	text-align: left;
	
	
	
}

.entry-header
{
	margin: 1px 0 10px 0;
	border-bottom: 1px solid #e10165;
	padding: 3px;
	color: #e10165;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: large;
	line-height: normal;
	text-align: left;
	font-weight: bold;
	
	
}

.entry-header a
{
	text-decoration: none;
	font-weight: bold;
}

.entry-header a:link { color: #e10165; }
.entry-header a:visited { color: #e10165; }
.entry-header a:hover { color: #e10165; }
.entry-header a:active { color: #e10165; }

.entry-content,
.entry-footer,
.trackbacks-info,
.trackback-content,
.comments-info,
.comment-content,
.comments-open-content,
.comments-open-footer,
.comments-closed,
.archive-content
{
	margin: 10px 0;
}

.entry-content p { text-align: left; }

.entry-footer,
.trackback-footer,
.comment-footer
{
	margin: 0 0 10px 0;
	border-top: 1px dotted #999999;
	padding: 3px;
	color: #999999;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-small;
	line-height: normal;
	text-align: left;
	font-weight: bold;
	
	
}

#comment-author, #comment-email, #comment-url, #comment-text
{
	width: 80%;
}

/* fixes bug in ie win */
img.image-full
{
	width: 100%;;
}


/* modules */

	.module a
	{
		text-decoration: none;
		font-weight: inherit;
	}

	.module a:link { color: #; }
	.module a:visited { color: #; }
	.module a:hover { color: #; }
	.module a:active { color: #; }


.module-header
{
	margin: 5px 0;
	border-bottom: 1px solid #999999;
	padding: 3px;
	color: #666666;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-small;
	line-height: normal;
	font-weight: bold;
	
	text-transform: uppercase;
	letter-spacing: .3em;
	text-align: left;
}

.module-content
{
	margin: 5px 0 20px 0;
	color: #333333;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-small;
	line-height: 150%;
	
	
	
	text-align: left;
}

.module-list { margin: 0; }
.module-list-item { margin: 10px 0; }
.typelist-thumbnailed .module-list-item { margin: 10px 0; }

.module img,
.module-photo img
{
	border: 0;
}

.module-photo .module-content
{
	text-align: center;
}

.module-powered { text-align: left; }

.module-calendar .module-header
{
	color: #666666;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-small;
	border-bottom: 1px solid #999999;
	text-align: left;
	font-weight: bold;
	
	text-transform: uppercase;
	padding: 3px;
	letter-spacing: .3em;
}

.module-calendar th,
.module-calendar td
{
	text-align: center;
	font-weight: normal;
}

.typelist-thumbnail img { margin: 0; }

.module-featured-photo { margin-bottom: 5px; }
.module-featured-photo .module-content img { width: 420px; }

.module-recent-photos .module-content { padding: 2px 0 0 0; }
.module-recent-photos .module-list { margin: 0; }

.module-recent-photos .module-list-item
{
	width: 70px; /* ie mac fix */
	height: 70px; /* for appearance with varying image border widths */
	margin: 0 2px 2px 0;
}

.module-tipjar-r2 .tipjar-button
{
			float: left;
	
}


/* moblog1 tweaks */

		
	

	.layout-moblog1 #alpha
	{
		width: 200px;
		
	}

	.layout-moblog1 #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog1 #beta
	{
					width: 380px;
		
		
	}

	.layout-moblog1 #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog1 #gamma
	{
		width: 200px;
		
	}

	.layout-moblog1 #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* moblog2 tweaks */

		
	

	.layout-moblog2 #alpha
	{
		width: 100px;
		
	}

	.layout-moblog2 #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog2 #beta
	{
					width: 350px;
		
		
	}

	.layout-moblog2 #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog2 #gamma
	{
		width: 190px;
		
	}

	.layout-moblog2 #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog2 #delta
	{
		width: 140px;
		
	}

	.layout-moblog2 #delta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-moblog2 .module-photo img { width: 100px; height: auto; }


/* timeline tweaks */

	.layout-timeline #alpha
	{
					width: 390px; /* 285px + 15px + 15px */
		
		
	}

	.layout-timeline #beta
	{
		width: 390px;
		
	}

	.layout-timeline #beta #gamma { width: 175px; }
	.layout-timeline #beta #delta { width: 170px; }


/* one-column tweaks */

	.layout-one-column #container
	{
		width: 400px;
	}

	.layout-one-column #alpha
	{
		display: block;
		float: none;
		width: auto;
	}

	.layout-one-column #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* two-column-left tweaks */

	.layout-two-column-left #container
	{
		width: 600px;
	}

	.layout-two-column-left #alpha
	{
		width: 200px;
		
	}

	.layout-two-column-left #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-two-column-left #beta
	{
					width: 400px;
		
		
	}

	.layout-two-column-left #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* two-column-right tweaks */

	.layout-two-column-right #container
	{
		width: 900px;
	}

	.layout-two-column-right #pagebody{ background:url(http://koyabusonic.laff.jp/images/contents_bg1.gif) no-repeat top; margin:0 0 10px; }
	.layout-two-column-right #pagebody-inner{ background:url(http://koyabusonic.laff.jp/images/contents_bg3.gif) no-repeat bottom; }
	.layout-two-column-right #pagebody-outer{ background:url(http://koyabusonic.laff.jp/images/contents_bg2.gif) repeat-y; }

	.layout-two-column-right #alpha
	{
					width: 670px;
		
		
	}

	.layout-two-column-right #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
	}

	.layout-two-column-right #beta
	{
		width: 200px;
		
	}

	.layout-two-column-right #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
	}


/* three-column tweaks */

	.layout-three-column #container
	{
		width: 800px;
	}

	.layout-three-column #alpha
	{
		width: 200px;
		
	}

	.layout-three-column #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-three-column #beta
	{
					width: 400px;
		
		
	}

	.layout-three-column #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-three-column #gamma
	{
		width: 200px;
		
	}

	.layout-three-column #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* three-column-right tweaks */

	.layout-three-column-right #container
	{
		width: 800px;
	}

	.layout-three-column-right #alpha
	{
					width: 400px;
		
		
	}

	.layout-three-column-right #alpha-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-three-column-right #beta
	{
		width: 200px;
		
	}

	.layout-three-column-right #beta-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}

	.layout-three-column-right #gamma
	{
		width: 200px;
		
	}

	.layout-three-column-right #gamma-inner
	{
		border: 0;
		padding: 15px 15px 15px 15px;
		background: #FFFFFF;
	}


/* Custom */
/*clears-------------------------------------------- */
.clears { zoom:100%; }
.clears:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* macIE \*/
* html .clears { height: 1%; }
.clears { display: block; }
/* macIE */
/*clears end-----------------------------------------*/


/* header ------------------------------------------ */
#header{ width:900px; height:520px; }

/* menu -------------------------------------------- */
#menu{ background:url(http://koyabusonic.laff.jp/images/menu_bg.gif) no-repeat; width:900px; height:40px; margin:0 0 10px; }
#menu ul{ margin:0; padding:0; list-style:none; }
#menu li{ float:left; }

#menu_bt01 a,
#menu_bt01 a:hover,
#menu_bt02 a,
#menu_bt02 a:hover,
#menu_bt03 a,
#menu_bt03 a:hover,
#menu_bt04 a,
#menu_bt04 a:hover,
#menu_bt05 a,
#menu_bt05 a:hover,
#menu_bt06 a,
#menu_bt06 a:hover,
#menu_bt07 a,
#menu_bt07 a:hover{ 
	background:url(http://koyabusonic.laff.jp/images/menu_bt01.gif) no-repeat;
	display:block;
	width:32px;
	height:14px;
	text-indent:-1500em;
	margin:13px 66px 0 15px;
	overflow:hidden;
	 }
#menu_bt01 a:hover{ background:url(http://koyabusonic.laff.jp/images/menu_bt01_over.gif) no-repeat; }
#menu_bt02 a{ background:url(http://koyabusonic.laff.jp/images/menu_bt02.gif) no-repeat; width:47px; margin:13px 66px 0 0; }
#menu_bt02 a:hover{ background:url(http://koyabusonic.laff.jp/images/menu_bt02_over.gif) no-repeat; width:47px; margin:13px 66px 0 0; }
#menu_bt03 a{ background:url(http://koyabusonic.laff.jp/images/menu_bt03.gif) no-repeat; width:60px; margin:13px 66px 0 0; }
#menu_bt03 a:hover{ background:url(http://koyabusonic.laff.jp/images/menu_bt03_over.gif) no-repeat; width:60px; margin:13px 66px 0 0; }
#menu_bt04 a{ background:url(http://koyabusonic.laff.jp/images/menu_bt04.gif) no-repeat; width:129px; margin:13px 66px 0 0; }
#menu_bt04 a:hover{ background:url(http://koyabusonic.laff.jp/images/menu_bt04_over.gif) no-repeat; width:129px; margin:13px 66px 0 0; }
#menu_bt05 a{ background:url(http://koyabusonic.laff.jp/images/menu_bt05.gif) no-repeat; width:60px; margin:13px 66px 0 0; }
#menu_bt05 a:hover{ background:url(http://koyabusonic.laff.jp/images/menu_bt05_over.gif) no-repeat; width:60px; margin:13px 66px 0 0; }
#menu_bt06 a{ background:url(http://koyabusonic.laff.jp/images/menu_bt06.gif) no-repeat; width:89px; margin:13px 66px 0 0; }
#menu_bt06 a:hover{ background:url(http://koyabusonic.laff.jp/images/menu_bt06_over.gif) no-repeat; width:89px; margin:13px 66px 0 0; }
#menu_bt07 a{ background:url(http://koyabusonic.laff.jp/images/menu_bt07.gif) no-repeat; width:43px; margin:13px 0 0 15px; }
#menu_bt07 a:hover{ background:url(http://koyabusonic.laff.jp/images/menu_bt07_over.gif) no-repeat; width:43px; margin:13px 0 0 15px; }

/*#menu_bt04{ background:url(http://koyabusonic.laff.jp/images/menu_bt04_comeingsoon.gif) no-repeat; width:129px; height:20px; text-indent:-1500em; margin:11px 66px 0 0; padding:8px 0 0; }
#menu_bt05{ background:url(http://koyabusonic.laff.jp/images/menu_bt05_comeingsoon.gif) no-repeat; width:90px; height:20px; text-indent:-1500em; margin:11px 56px 0 0; }
#menu_bt06{ background:url(http://koyabusonic.laff.jp/images/menu_bt06_comeingsoon.gif) no-repeat; width:90px; height:20px; text-indent:-1500em; margin:11px 45px 0 0; }*/


/* sideber -------------------------------------------- */
#side_banner img{ margin:0 0 10px; }
#side_movie{ margin:0 0 10px; }

/* footer -------------------------------------------- */
#footer{ background:url(http://koyabusonic.laff.jp/images/footer.gif) no-repeat; width:900px; height:50px; text-indent:-1500em; }

/* contents_tit -------------------------------------------- */
#syoshin_tit,
#LINEUP .content-header,
#LINEUP_GEININ .content-header,
#NEWS .content-header,
#ACCESS_STAGE .content-header,
#TICKET .content-header,
#Twitter .content-header,
#SPONSOR .content-header,
#GUIDELINE .content-header,
#headlines{ background:url(http://koyabusonic.laff.jp/images/contents_title_syoshin.gif) no-repeat; width:640px; height:40px; text-indent:-1500em; margin:0 0 20px; }
#LINEUP .content-header{ background:url(http://koyabusonic.laff.jp/images/contents_title_lineup1.gif) no-repeat; }
#LINEUP_GEININ .content-header{ background:url(http://koyabusonic.laff.jp/images/contents_title_lineup2.gif) no-repeat; }
#NEWS .content-header{ background:url(http://koyabusonic.laff.jp/images/contents_title_news.gif) no-repeat; }
#ACCESS_STAGE .content-header{ background:url(http://koyabusonic.laff.jp/images/contents_title_access_stage.gif) no-repeat; }
#TICKET .content-header{ background:url(http://koyabusonic.laff.jp/images/contents_title_ticket.gif) no-repeat; }
#Twitter .content-header{ background:url(http://koyabusonic.laff.jp/images/contents_title_twitter.gif) no-repeat; }
#SPONSOR .content-header{ background:url(http://koyabusonic.laff.jp/images/contents_title_sponsor.gif) no-repeat; }
#headlines{ background:url(http://koyabusonic.laff.jp/images/contents_title_newsheadlines.gif) no-repeat; margin:20px 0 10px; }
#GUIDELINE .content-header{ background:url(http://koyabusonic.laff.jp/images/contents_title_guideline.gif) no-repeat; }

#syoshin_tit{ background:url(http://koyabusonic.laff.jp/images/contents_title_end.gif) no-repeat; }

#Twitter .date-header,
#Twitter .entry-header,
#SPONSOR .date-header,
#GUIDELINE .date-header,
#ACCESS_STAGE .date-header,
#TICKET .date-header{ display:none; }


/* contents_con -------------------------------------------- */
.content-nav,
.entry-footer,
#LINEUP .date-header,
.layout-two-column-right .entry-featured,
.none
{ display:none; }

#top_fla{ width:870px; height:250px; margin:0 auto; padding:15px 0 0; }

#syoshin_con,
.lineup_con{ background:#000; padding:10px; }

#syoshin_con img{ float:left; }

.lineup_con img{ float:left; display:block; width:200px; }

.lineup_right{ float:right; width:400px; }
.lineup_right dl{ margin:0; padding:0; font-size:small; }
.lineup_right dt{ margin:0 0 5px; padding:0 0 2px; color:#e20266; border-bottom:dotted 1px #666; }
.lineup_right dd{ margin:0 0 10px; padding:0; color:#eee; }

#syoshin_con p,
.lineup_con p{ margin:0 0 0 220px; color:#eee; }
.lineup_con p{ margin:0 0 10px; }

.lineup_con h4{ color:#e20266; font-size:small; margin:20px 0 10px 0; padding:3px 5px 3px; background:#111; border-left:3px solid #e20266; }

.lineup_con .qr_code img{ width:70px; height:70px; }

#info ul{ margin:0; padding:0; list-style:none; }
#info li{ margin:0 0 5px; border-bottom:dotted 1px #ccc; padding:0 0 5px; }

#ticket_info{ background:url(http://www.koyabusonic.com/images/ticket_bg.gif) no-repeat center top; }
#ticket_info h3,
#hiwari h3{ background:#000; color:#fff; font-size:medium; padding:2px 3px 2px 10px; border-left:solid 5px #e10165; margin:15px 0 5px; }
#ticket_info p,
#hiwari p{ margin:5px 0 30px; padding:0; }
#ticket_info ul{ margin:0 0 30px; padding:0; list-style:none; }
#ticket_info li{ border-bottom:dotted 1px #ccc; padding:5px 0; margin:0 0 5px; background:url(http://www.koyabusonic.com/images/icon_ball.gif) no-repeat left; text-indent:25px; }
#ticket_info td{ border-bottom:dotted 1px #ccc; }
#ticket_info h4{ margin:10px 0; font-size:medium; }

#ticket_biko{ background:#eee; padding:5px; border:solid 1px #e10165; margin:10px 0; }
#ticket_biko p{ margin:5px 0; padding:0; text-align:center; }

.twitter_txt{ background:#eee; border:solid 1px #ccc; padding:5px; margin-bottom:20px; }

/* sponsor -------------------------------------------- */
#sponsor_body { width:640px; }
#sponsor_body ul{ margin:0; padding:0; list-style:none; }
#sponsor_body li{ width:152px; float:left; margin:0 4px 15px; }


/* text -------------------------------------------- */
.txt_pink{ color:#e10165; }
.txt_border_bottom{ border-bottom:dotted 1px #ccc; padding-bottom:10px; margin-bottom:10px; }
.txt_big{ font-size:large; }
.txt_right{ text-align:right; }


/* GUIDELINE -------------------------------------------- */
#qa dl{ margin:0; padding:0; font-size:small; }
#qa dl dt{ color:#e20266; background:#000 url(http://www.koyabusonic.com/images/icon_qa_q.gif) no-repeat 5px center; padding:5px 5px 5px 25px; font-weight:bold; }
#qa dl dd{ margin:10px 0; }

#qalist{ margin:0 0 20px; }
#qalist ul{ margin:0; padding:0; font-size:small; list-style:none; }
#qalist li{ background:url(http://www.koyabusonic.com/images/icon_qalist_q.gif) no-repeat 5px center; margin:5px 0; padding:5px 5px 5px 25px; font-weight:bold; border-bottom:dotted 1px #ccc; }


/*JUITTER PLUGIN CSS*/

#juitterContainer{} /*Juitter container*/

#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#juitterContainer .twittLI{
list-style:none;

margin:0 0 10px;
padding:0 10px 10px 10px;
border-bottom:dashed 1px #ddd;
clear:both;
height:55px;
} 

#juitterContainer .twittList SPAN.time{color:#666;font-size:0.9em}


/* Bellow the CSS for the avatar image  */

#juitterContainer .juitterAvatar{float:left;border:solid 1px #ccc;background:#FFF;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*/

/*end of Juitter CSS*/