@charset "UTF-8";

/* =======================================================
	TOP CSS - modified on 09.10.28
	written by GRAM | グラム
	http://www.brooklyn.jp/
	
	01 CONTENT SETTING
	02 DETAIL SETTING
	03 UTILITIES
======================================================= */



/* =======================================================
	01 CONTENT SETTING
======================================================= */



#top_image {
	width: 890px;
	height: 300px;
	margin: 3px auto 0;
	background: #FFF;
}
#top_image #flash_content {
	width: 890px;
	height: 300px;
	text-indent: -5000em;
	background: url(../../../imgs/flash/top_image_noflash.jpg) left top no-repeat;
}

.news_release_content {
	width: 615px;
	height: auto;
	margin-bottom: 40px;
	padding-top: 60px;
	position: relative;
	background: url(../../../imgs/title/news_release.jpg) left top no-repeat;
}

.service_content {
	width: 615px;
	height: auto;
	padding-top: 60px;
	position: relative;
	background: url(../../../imgs/title/service_content.jpg) left top no-repeat;
}
	


/* =======================================================
	02 DETAIL SETTING
======================================================= */



.news_release_content .btn_newslist {
	width: 116px;
	height: 27px;
	position: absolute;
	top: 9px;
	right: 60px;
	text-indent: -5000em;
	overflow: hidden;
}
	.news_release_content .btn_newslist a {
		width: 116px;
		height: 27px;
		display: block;
		background: url(../../../imgs/ui/btn_news_list.jpg) 0 0;
	}
	.news_release_content .btn_newslist a:hover {
		background-position: 0 -27px;
	}

.news_release_content .btn_newsrss {
	width: 50px;
	height: 20px;
	position: absolute;
	top: 12px;
	right: 3px;
	text-indent: -5000em;
	overflow: hidden;
}
	.news_release_content .btn_newsrss a {
		width: 50px;
		height: 20px;
		display: block;
		background: url(../../../imgs/common/icon_rss.jpg);
	}


ul.itemize_list li {
	width: 575px;
	margin: 0 0 12px;
	padding: 0 0 7px;
}
	.itemize_list span.category_news,
	.itemize_list span.category_event,
	.itemize_list span.category_release {
		width: 65px;
		padding: 0 0 0 5px;
		display: block;
		float: left;
	}
	.itemize_list span.category_news {
		color: #0082FF;
		border-left: 3px solid #0082FF;
	}
	.itemize_list span.category_event {
		color: #43D88D;
		border-left: 3px solid #43D88D;
	}
	.itemize_list span.category_release {
		color: #F96666;
		border-left: 3px solid #F96666;
	}
	
	.itemize_list span.update {
		width: 90px;
		padding: 0 0 0 17px;
		display: block;
		float: left;
		background: url(../../../imgs/common/bullet_three_dot.jpg) left no-repeat;
	}
	
	.itemize_list span.list_title {
		width: 390px;
		display: block;
		float: left;
	}


.twoColumn {
	width: 615px;
	height: auto;
}
	.twoColumn .columnBox_left {
		width: 303px;
		height: 160px;
		float: left;
		overflow: hidden;
		background: url(../../../imgs/layout/sub_box.jpg) 0 0 no-repeat;
	}
	.twoColumn .columnBox_left:hover {
		background-position: 0 -160px;
	}
	.twoColumn .columnBox_right {
		width: 303px;
		height: 160px;
		float: right;
		overflow: hidden;
		background: url(../../../imgs/layout/sub_box.jpg) 0 0 no-repeat;
	}
	.twoColumn .columnBox_right:hover {
		background-position: 0 -160px;
	}
	
	
	.twoColumn .columnBox_left .btn_service_page {
		width: 278px;
		height: 133px;
		margin: 13px 0 0 12px;
		text-indent: -5000em;
	}
	.twoColumn .columnBox_left #flash_banner {
		width: 278px;
		height: 133px;
		display: block;
	}
	.twoColumn .columnBox_left .btn_service_page a {
		width: 278px;
		height: 133px;
		display: block;
		background: url(../../../imgs/ui/btn_service_page.jpg) 0 0 no-repeat;
	}
	
	
	.twoColumn .columnBox_right .btn_concert_ticket,
	.twoColumn .columnBox_right .btn_artist_cd {
		width: 283px;
		height: 67px;
		text-indent: -5000em;
		overflow: hidden;
	}
	.twoColumn .columnBox_right .btn_concert_ticket {
		margin: 10px 0 0 10px;
	}
	.twoColumn .columnBox_right .btn_artist_cd {
		margin: 5px 0 0 10px;
	}
	.twoColumn .columnBox_right .btn_concert_ticket a,
	.twoColumn .columnBox_right .btn_artist_cd a {
		width: 283px;
		height: 67px;
		display: block;
	}
	.twoColumn .columnBox_right .btn_concert_ticket a {
		background: url(../../../imgs/ui/btn_concert_ticket.jpg) 0 0 no-repeat;
	}
	.twoColumn .columnBox_right .btn_artist_cd a {
		background: url(../../../imgs/ui/btn_artist_cd.jpg) 0 0 no-repeat;
	}
	.twoColumn .columnBox_right .btn_concert_ticket a:hover,
	.twoColumn .columnBox_right .btn_artist_cd a:hover {
		background-position: 0 -67px;
	}




/* =======================================================
	03 UTILITIES
======================================================= */


/* clear float */
.twoColumn:after,
ul.itemize_list li:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.twoColumn,
ul.itemize_list li {
	display: inline-table;
	min-height: 1px;
}
* html .twoColumn,
* html ul.itemize_list li {
	height: 1%;
}
.twoColumn,
ul.itemize_list li {
	display: block;
}