@charset "utf-8";

/* --------------------------------------------------
 * 
 * Artists
 * 
 * --------------------------------------------------
 */


/* --------------------------------------------------
 * MAINVIEW
 * --------------------------------------------------
 */
#artist {
	padding-bottom: 80px;
}
	#artist .section_header {
		
	}
		#artist .section_header h2 {
			padding-top: 60px;
		}
	/* contents stage */
	#artist .artist_container {
		margin-top: -9px;
		margin-left: -15px;
	}
		/* artist item */
		#artist .artist_item {
			position: relative;
			width: 180px;
			margin-left: 15px;
			margin-top: 30px;
			float: left;
		}
			#artist .artist_item .img {
				position: relative;
				display: block;
				width: 180px;
				height: 180px;
				overflow: hidden;
			}
			#artist .artist_item .img:after {
				content: "";
				position: absolute;
				left: 0;
				top: 0;
				display: block;
				width: 180px;
				height: 180px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				border: 1px solid #646464;
			}
			#artist .artist_item .artist {
				padding-top: 8px;
				font-size: 100%;
				font-weight: bold;
				color: #191919;
				line-height: 1.3;
				word-wrap: break-word;
			}
				#artist .artist_item .artist_window_container .artist {
					color: #4187c8;
				}
			#artist .artist_item .txt {
				display: none;
				padding-top: 6px;
				font-size: 86%;
				color: #7d7d7d;
				line-height: 1.5;
			}
	/* contents stage */
	#artist .artist_other_container {
		clear: both;
		margin-top: 50px;
		margin-left: -15px;
		padding-top: 10px;
		border-top: 1px solid #e6e6e6;
	}
		/* artist item */
		#artist .other_item {
			position: relative;
			width: 180px;
			margin-left: 15px;
			margin-top: 30px;
			float: left;
		}
			#artist .other_item .img {
				position: relative;
				display: block;
				width: 180px;
				height: 180px;
			}
			#artist .other_item .img:after {
				content: "";
				position: absolute;
				left: 0;
				top: 0;
				display: block;
				width: 180px;
				height: 180px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				border: 1px solid #646464;
			}
			#artist .other_item .artist {
				padding-top: 8px;
				font-size: 100%;
				font-weight: bold;
				color: #191919;
				line-height: 1.3;
				word-wrap: break-word;
			}
				#artist .other_item .artist a {
					text-decoration: none;
				}
				#artist .other_item .artist a:hover {
					color: #4187c8;
				}
				#artist .other_item.over .artist a {
					color: #4187c8;
				}
	/* artist rollover window */
	#artist_window_tmpl {
		display: none;
	}
		.artist_window {
			position: absolute;
			left: -20px;
			top: -20px;
			z-index: 1000;
			width: 180px;
			padding: 20px;
			background: #fff;
			box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
			-moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
			-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
			filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=0, strength=7, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=90, strength=7, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=180, strength=7, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=270, strength=7, enabled=true);
		}
		.artist_window_container {
			
		}
		.artist_window_link {
			padding-top: 13px;
		}
			.artist_window_link li {
				margin-top: 2px;
			}
				.artist_window_link li a {
					display: block;
					padding: 7px 8px;
					background: #000 url(/global/images/index/window_arrow.png) no-repeat 165px;
					font-size: 79%;
					color: #fff;
					text-decoration: none;
				}
				.artist_window_link li a:hover {
					background: #969696 url(/global/images/index/window_arrow.png) no-repeat 165px;
				}