@charset "UTF-8";

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



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



#header_image {
	width: 892px;
	height: 197px;
	margin: 3px auto 0;
	background-position: top left;
	background-repeat: no-repeat;
}
#header_image h2 {
	text-indent: -5000em;
}

.artist_info_content {
	width: 615px;
	height: auto;
	margin-bottom: 60px;
	padding-top: 60px;
	background: url(../../../imgs/title/artist_information.jpg) top left no-repeat;
}

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

.artist_detail_content {
	width: 615px;
	height: auto;
	padding-top: 60px;
}



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



.twoColumn {
	width: 615px;
	height: auto;
}
	.twoColumn .columnBox_one {
		width: 281px;
		height: 130px;
		margin: 0 25px 0 0;
		float: left;
	}
	.twoColumn .columnBox_one a img {
		padding: 7px;
		background: #E2E9EC;
	}
	.twoColumn .columnBox_one a:hover img {
		background: #D9EFF9;
	}
	.twoColumn .columnBox_one h4 {
		margin: 5px 0 0;
		padding: 0 0 5px;
	}


table.list_table {
	width: 615px;
	margin: 20px 0 35px;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
	.list_table tr {
		width: 615px;
		background: url(../../../imgs/common/double_line.gif) bottom left repeat-x;
	}
	.list_table th, .list_table td {
		padding-top: 9px;
		padding-bottom: 9px;
	}
	.list_table td.btn_view_detail {
		width: 133px;
		height: 27px;
		text-indent: -5000em;
		overflow: hidden;
	}
	.list_table td.btn_view_detail a {
		width: 133px;
		height: 27px;
		display: block;
		background: url(../../../imgs/ui/btn_view_detail.jpg) 0 0 no-repeat;
	}
	.list_table td.btn_view_detail a:hover {
		background-position: 0 -27px;
	}
	

.artist_detail_content .profile_image {
	padding: 7px;
	background: #E2E9EC;
}
.artist_detail_content .profile_name {
	width: 190px;
	height: auto;
	margin: 20px 0 0;
	float: left;
}
	.profile_name .profile_name_container {
		width: 180px;
		margin: 0 0 15px;
		padding: 0 0 1px;
		background: url(../../../imgs/common/dot_line.gif) bottom left repeat-x;
	}
	.profile_name .btn_official_site {
		width: 158px;
		height: 27px;
		text-indent: -5000em;
		overflow: hidden;
	}
	.profile_name .btn_official_site a {
		width: 158px;
		height: 27px;
		display: block;
		background: url(../../../imgs/ui/btn_official_site.jpg) 0 0 no-repeat;
	}
	.profile_name .btn_official_site a:hover {
		background-position: 0 -27px;
	}
.artist_detail_content .profile_text {
	width: 425px;
	height: auto;
	margin: 20px 0 0;
	float: left;
}


.disco_info_container {
	width: 615px;
	height: auto;
	margin: 0 0 20px;
}
	.disco_info_container .disco_image {
		width: 235px;
		height: auto;
		float: left;
	}
	.disco_info_container .disco_image img {
		padding: 7px;
		background: #E2E9EC;
	}
	
	
	.disco_info_container .disco_detail {
		width: 380px;
		height: auto;
		float: left;
	}
	.disco_detail .disco_detail_data {
		padding: 0 0 5px;
		background: url(../../../imgs/common/dot_line.gif) left bottom repeat-x;		
	}
	.disco_detail .disco_detail_data h3 {
		padding: 5px 0 10px;
	}
	.disco_detail .disco_detail_data ul {
		width: 360px;
		margin: 10px 0 10px 10px;
	}
	.disco_detail .disco_detail_data ul li {
		width: 360px;
		margin: 0 0 3px;
	}
	.disco_detail .disco_detail_data ul li span.data_name {
		width: 70px;
		display: inline-block;
	}
	

	.disco_info_container .disco_song_list {
		width: 380px;
		height: auto;
		margin: 10px 0;
	}
	.disco_song_list ul li {
		width: 370px;
		height: 20px;
		padding: 2px 0 0 10px;
	}
	.disco_song_list ul li span.number {
		width: 40px;
		display: inline-block;
	}



/* =======================================================
	03 SIDE MENU SETTING
======================================================= */



.side_menu {
	width: 205px;
	height: auto;
	margin: 0 0 30px;
}
.side_menu .side_menu_title {
	width: 205px;
	height: 60px;
	text-indent: -5000em;
	background: url(../../../imgs/side/side_title_artist.jpg) top left no-repeat;
}
.side_menu ul {
	width: 197px;
	margin: 0 0 0 4px;
	padding: 1px 0 0;
	background: url(../../../imgs/common/dot_line_blue.gif) top left repeat-x;
}
	.side_menu ul li {
		height: 39px;
		margin: 2px 0 0;
		padding: 0 0 3px;
		text-indent: -5000em;
		overflow: hidden;
		background: url(../../../imgs/common/dot_line_blue.gif) bottom left repeat-x;
	}
	.side_menu ul li a {
		width: 197px;
		height: 39px;
		display: block;
		cursor: pointer;
	}
	
	
	.side_menu ul li a.side_artist01 {
		background: url(../../../imgs/side/menu/side_artist01.jpg) 0 0;
	}
	.side_menu ul li a.side_artist02 {
		background: url(../../../imgs/side/menu/side_artist02.jpg) 0 0;
	}
	.side_menu ul li a:hover {
		background-position: 0 -39px;
	}



/* =======================================================
	04 UTILITIES
======================================================= */



.hatamariko {
	margin: 0 0 40px;
}
.hatamariko .artist_detail_content {
	background: url(../../../imgs/title/artist_hatamariko.jpg) top left no-repeat;
}
.anovio .artist_detail_content {
	background: url(../../../imgs/title/artist_anovio.jpg) top left no-repeat;
}


.slash_line { width: 615px; }


.set_double_line {
	padding: 0 0 10px;
	background: url(../../../imgs/common/double_line.gif) bottom left repeat-x;
}


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