@charset "utf-8";

/* --------------------------------------------------
 * 
 * Common
 * 
 * --------------------------------------------------
 */

/* container ---------- */
body {
	background: #fff;
	color: #464646;
}
body.window {
	overflow: hidden;
}

#wrapper {
	position: relative;
	width: 100%;
}

/* link color ---------- */
a {
	color: #464646;
	outline: underline;
}
a:link {
	
}
a:visited {
	
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

a.fade {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
a.fade:hover {
	opacity: 0.50;
	filter: alpha(opacity=50);
}

/* --------------------------------------------------
 * LAYER
 * --------------------------------------------------
 */
/* header */
#header {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 400;
}
/* article */
#article {
	position: relative;
	z-index: 100;
}
/* footer */
#footer {

	z-index:450;
	bottom:0;
}
/* tool */
#tool {

	left: 0;
	bottom: 0;
	z-index: 500;
}


/* --------------------------------------------------
 * HEADER
 * --------------------------------------------------
 */

#header {
	width: 100%;
}
#header.shadow {
	height: 115px;
	background: url(/global/images/common/head/bg.png) repeat-x;
}
#header.border {
	border-bottom: 6px solid #000;
}
	/* container */
	#header .container {
		position: relative;
		width: 960px;
		height: 100px;
		margin: 0 auto 0 auto;
	}
		/* logo */
		#header h1 {
			position: relative;
			display: block;
			padding-top: 25px;
		}
		/* global navi */
		#header .gnav {
			position: absolute;
			left: 680px;
			top: 0;
		}
			#header .gnav ul {
				
			}
				#header .gnav li {
					margin-left: -1px;
					float: left;
				}
				#header .gnav li.selected {
					
				}
					#header .gnav li a {
						display: block;
					}
			/* sub menu */
			.gnav_artist {
				position: fixed;
				left: 0;
				top: 100px;
				display: none;
				width: 100%;
				background: #fff;
				border-top: 3px solid #4187c8;
				border-bottom: 1px solid #e0e0e0;
			}
				.gnav_artist dl {
					display: block;
					width: 960px;
					margin: 0 auto;
					padding-top: 26px;
					padding-bottom: 34px;
				}
					.gnav_artist dt {
						display: block;
					}
						.gnav_artist dt a {
							padding-left: 18px;
							background: url(/global/images/common/icon/icon_gnav_1.png) no-repeat left;
							font-size: 100%;
							color: #323232;
							text-decoration: none;
						}
						.gnav_artist dt a:hover {
							background: url(/global/images/common/icon/icon_gnav_1_on.png) no-repeat left;
							color: #4187c8;
						}
					.gnav_artist dd {
						display: block;
						padding-top: 4px;
					}
						#header .gnav .gnav_artist ul {
							float: left;
						}
						#header .gnav .gnav_artist ul.gnav_artist_1 {
							width: 190px;
						}
						#header .gnav .gnav_artist ul.gnav_artist_2 {
							width: 330px;
						}
						#header .gnav .gnav_artist ul.gnav_artist_3 {
							width: 240px;
						}
						#header .gnav .gnav_artist ul.gnav_artist_4 {
							width: 200px;
						}
							#header .gnav .gnav_artist li {
								margin-top: 6px;
								margin-left: 0;
								float: none;
							}
								#header .gnav .gnav_artist li a {
									padding-left: 18px;
									background: url(/global/images/common/icon/icon_gnav_2.png) no-repeat 4px;
									font-size: 86%;
									color: #646464;
									text-decoration: none;
								}
								#header .gnav .gnav_artist li a:hover {
									background: url(/global/images/common/icon/icon_gnav_2_on.png) no-repeat 4px;
									color: #4187c8;
									text-decoration: underline;
								}
	/* breadcrumb */
	.breadcrumb {
		height: 50px;
		background: #000;
	}
		.breadcrumb_container {
			width: 960px;
			margin: 0 auto;
			overflow: hidden;
		}
			.breadcrumb ul {
				display: block;
				width: 2000px;
				padding-top: 14px;
			}
				.breadcrumb li {
					margin-left: 15px;
					padding-left: 25px;
					background: url(/global/images/common/icon/breadcrumb.png) no-repeat left;
					font-size: 100%;
					color: #fff;
					float: left;
				}
				.breadcrumb li.first {
					margin-left: 0;
					padding-left: 0;
					background: none;
				}
					.breadcrumb li a {
						color: #fff;
						text-decoration: none;
					}
					.breadcrumb li a:hover {
						color: #bfbfbf;
					}


/* --------------------------------------------------
 * ARTICLE
 * --------------------------------------------------
 */

#article {
	clear: both;
	width: 100%;
	padding-top: 150px;
}
#article.top {
	padding-top: 100px;
}
	#article .article_container {
		position: relative;
		width: 100%;
		padding-bottom:200px;
	}
		/* section : max width 960px */
		#article .section_static {
			clear: both;
			width: 960px;
			margin: 0 auto 0 auto;
		}
		/* section : fixed window width */
		#article .section_liquid {
			clear: both;
			width: 100%;
		}
		
		
		/* --------------------------------------------------
		 * SECTION | ARTISTS HEADER
		 * --------------------------------------------------
		 */
		#artists_header {
			background: #f5f5f5;
			border-bottom: 1px solid #e6e6e6;
		}
			#artists_header .section_container {
				width: 960px;
				margin: 0 auto 0 auto;
				padding-top: 28px;
				padding-bottom: 18px;
			}
				/* title */
				#artists_header h2 {
					font-size: 229%;
					font-weight: normal;
					color: #191919;
					line-height: 1.15;
				}
				/* local navi */
				#artists_header .nav {
					margin-left: -28px;
				}
					#artists_header .nav ul li {
						position: relative;
						display: block;
						background: url(/global/images/artists/artist_nav_line.png) no-repeat left;
						float: left;
						font-size: 86%;
						line-height: 1.1;
					}
					#artists_header .nav ul li.first {
						background: none;
					}
						#artists_header .nav ul li a {
							position: relative;
							display: block;
							padding: 18px 28px;
						}
						#artists_header .nav ul li span {
							position: relative;
							display: block;
							padding: 18px 28px;
						}
							#artists_header .nav ul li img {
								vertical-align: bottom;
							}
							
						#artists_header .nav ul li span.new {
							position: absolute;
							top: -2px;
							right: -12px;
							z-index: 10;
							display: block;
							width: 40px;
							height: 30px;
							padding: 0;
						}
		
		
		/* --------------------------------------------------
		 * ASIDE | COMPANY
		 * --------------------------------------------------
		 */
		#company_aisde {
			padding-top: 26px;
			padding-bottom: 32px;
			padding-left: 20px;
			background: #f5f5f5 url(/global/images/artists/archive_top.png) repeat-x top;
		}
			#company_aisde li {
				margin-top: 6px;
			}
			#company_aisde li.focus {
				
			}
				#company_aisde li a {
					display: block;
					padding-left: 10px;
					background: url(/global/images/artists/archive_list_icon.png) no-repeat left 7px;
					font-size: 100%;
					color: #7d7d7d;
					text-decoration: none;
				}
				#company_aisde li a:hover {
					background: url(/global/images/artists/archive_list_icon_on.png) no-repeat left 7px;
					color: #428acb;
					text-decoration: underline;
				}
				#company_aisde li span {
					display: block;
					padding-left: 10px;
					background: url(/global/images/artists/archive_list_icon_on.png) no-repeat left 7px;
					font-size: 100%;
					color: #428acb;
				}
				#company_aisde .submenu *{
					background-image:none;
				}


/* --------------------------------------------------
 * FOOTER
 * --------------------------------------------------
 */
#footer {
	clear: both;
	width: 100%;
	padding-bottom: 75px;
	background: #f5f5f5;
}
	#footer .container {
		position: relative;
		width: 960px;
		margin: 0 auto 0 auto;
	}
		/* feature */
		#footer .feature {
			padding-top: 30px;
		}
			#footer .feature ul {
				margin-left: -9px;
			}
				#footer .feature li {
					margin-left: 9px;
					float: left;
				}
		/* link */
		#footer .link {
			clear: both;
			padding-top: 20px;
		}
			#footer .link .left_column {
				float: left;
			}
				/* content */
				#footer .content {
					margin-left: -20px;
				}
					#footer .content li {
						margin-left: 20px;
						float: left;
					}
				/* fnav */
				#footer .fnav {
					clear: both;
					padding-top: 15px;
				}
					#footer .fnav li {
						margin-left: 12px;
						padding-left: 12px;
						background: url(/global/images/common/foot/line.png) no-repeat left;
						font-size: 86%;
						float: left;
					}
					#footer .fnav li.first {
						margin-left: 0;
						padding-left: 0;
						background: none;
					}
						#footer .fnav li a {
							color: #7d7d7d;
							text-decoration: none;
						}
						#footer .fnav li a:hover {
							text-decoration: underline;
						}
			#footer .link .right_column {
				float: right;
			}
				/* social */
				#footer .social {
					clear: both;
					padding-top: 10px;
					margin-left: -2px;
				}
					#footer .social li {
						margin-left: 2px;
						float: right;
					}
				/* copyright */
				#footer small {
					clear: both;
					display: block;
					padding-top: 7px;
					text-align: right;
				}
		




/* --------------------------------------------------
 * TOOL
 * --------------------------------------------------
 */
#tool {
	clear: both;
	width: 100%;
}
	#tool .container {
		
	}
		/* pagetop */
		#tool .pagetop {
			
		}
			#tool .pagetop a {
				display: block;
				width: 100%;
				background: #191919;
				text-align: center;
			}
			#tool .pagetop a:hover {
				background: #969696;
			}