@charset "utf-8";

/* --------------------------------------------------
 * 
 * Index
 * 
 * --------------------------------------------------
 */

.article_container {
	
}


/* --------------------------------------------------
 * MAINVIEW
 * --------------------------------------------------
 */
#mainview {
	clear: both;
	position: relative;
	width: 100%;
	overflow: hidden;
}
	#mainview .container {
		
	}
		#mainview .item {
			position: relative;
			left: 0;
			top: 0;
			display: block;
			overflow: hidden;
			float: left;
		}
			#mainview .bg {
				position: relative;
			}
			#mainview .context {
				position: absolute;
				left: 0;
				bottom: 0px;
				width: 100%;
				padding-bottom: 70px;
				padding-top: 70px;
				overflow: hidden;
				background: url(/global/images/index/mainview_shadow.png) repeat-x bottom;
			}
				#mainview .context h2 {
					display: block;
					width: 980px;
					min-height: 30px;
					/*margin: 0 auto;*/
					margin: 0 20px;
					padding-bottom: 6px;
					font-size: 185%;
					color: #fff;
				}
				#mainview .context .link {
					display: block;
					width: 980px;
					/*margin: 0 auto;*/
					margin: 0 20px;
					font-size: 115%;
				}
					#mainview .context .link a {
						padding: 3px 28px 3px 0;
						background: url(/global/images/index/mainview_icon_arrow.png) no-repeat right;
						color: #fff;
						text-decoration: none;
					}
					#mainview .context .link a:hover {
						background: url(/global/images/index/mainview_icon_arrow_on.png) no-repeat right;
					}
						#mainview .context .link a span {
							background: url(/global/images/index/mainview_underline.png) repeat-x bottom;
						}
						#mainview .context .link a:hover span {
							/*background: url(/global/images/index/mainview_underline_on.png) repeat-x bottom;*/
						}
	
	/* twitter */
	#mainview .tweet_tmpl {
		display: none;
	}
	#mainview .tweet {
		clear: both;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		overflow: hidden;
		background: url(/global/images/index/mainview_tweet_bg.png) repeat-x;
	}
		.tweet_conteiner {
			position: relative;
			/*width: 960px;*/
			height: 50px;
			margin: 0 auto 0 20px;;
			overflow: hidden;
		}
		#mainview .tweet .label {
			padding-top: 13px;
		}
		.mainview_tweet {
			position: absolute;
			left: 170px;
			top: 0;
		}
		.mainview_tweet ul li span{
			height: 24px;
		}
			#mainview .tweet ul {
				position: relative;
				display: block;
				/*width: 790px;*/
				height: 50px;
			}
				#mainview .tweet ul li {
					position: relative;
					display: block;
					height: 36px;
					padding-top: 14px;
					color: #fff;
					overflow: hidden;
				}
					#mainview .tweet ul li span {
						white-space: nowrap;
					}
	
	/* navi */
	#mainview .nav {
		
	}
		#mainview .nav .prev {
			position: absolute;
			left: 0;
			top: 0;
			display: none;
		}
		#mainview .nav .next {
			position: absolute;
			right: 0;
			top: 0;
			display: none;
		}
			#mainview .nav a {
				display: block;
				padding: 30px;
			}
/* pagenation */
.mainview_pagenation {
	clear: both;
	padding-top: 11px;
	padding-bottom: 10px;
}
	.mainview_pagenation ul {
		display: block;
		margin: 0 auto;
	}
		.mainview_pagenation li {
			float: left;
		}


/* --------------------------------------------------
 * HELPER
 * --------------------------------------------------
 */
#helper {
	clear: both;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999;
	height: 80px;
}
	#helper .section_container {
		position: relative;
		width: 100%;
		height: 80px;
		margin-top: 80px;
		background: #fff;
	}
		#helper .mainview_pagenation {
			position: absolute;
			left: 0;
			top: 0;
			padding-top: 27px;
			padding-left: 30px;
			padding-bottom: 0;
		}
			#helper .mainview_pagenation ul {
				display: block;
				margin: 0;
			}
				#helper .mainview_pagenation li {
					float: left;
				}
		#helper .btn {
			position: relative;
			display: block;
			width: 60px;
			margin: 0 auto;
			padding-top: 10px;
		}
		#helper .copyright {
			position: absolute;
			right: 30px;
			top: 22px;
		}


/* --------------------------------------------------
 * PICK UP MOVIE
 * --------------------------------------------------
 */
#movie {
	clear: both;
	margin-top: 30px;
}
#movie.focus {
	background: #f0f0f0 url(/global/images/index/movie_bg.png) repeat-x top;
}
	/* header */
	#movie .section_header {
		position: relative;
		width: 960px;
		margin: 0 auto;
	}
		#movie .section_header h2 {
			
		}
		#movie .section_header p {
			position: absolute;
			right: 0;
			top: 15px;
		}
		#movie .section_header ul  {
			
		}
			#movie .section_header li  {
				position: absolute;
				display: none;
			}
			#movie .section_header li.prev {
				left: -70px;
				top: 150px;
			}
			#movie .section_header li.next {
				right: -70px;
				top: 150px;
			}
	/* header */
	#movie .section_container {
		width: 960px;
		margin: 0 auto;
		padding-top: 21px;
		padding-bottom: 20px;
		overflow: hidden;
	}
		#movie .content {
			margin-left: -12px;
		}
			#movie .item {
				width: 312px;
				margin-left: 12px;
				float: left;
			}
				#movie .item .img {
					position: relative;
					width: 312px;
					height: 176px;
				}
				#movie .item .img:after {
					content: "";
					position: absolute;
					left: 128px;
					top: 60px;
					display: block;
					width: 56px;
					height: 56px;
					background: url(/global/images/common/icon/icon_movie.png) no-repeat;
				}
				#movie .item.over .img:after {
					background: url(/global/images/common/icon/icon_movie_on.png) no-repeat;
				}
				#movie .item h3 {
					padding-top: 10px;
					font-size: 100%;
					color: #000;
					line-height: 1.15;
				}
				#movie .item .link {
					padding-top: 4px;
					font-size: 86%;
					line-height: 1.35;
				}
					#movie .item .link a {
						display: block;
						padding-left: 25px;
						background: url(/global/images/index/movie_btn_play.png) no-repeat left 2px;
						color: #7d7d7d;
						text-decoration: none;
					}


/* --------------------------------------------------
 * INFORMATION
 * --------------------------------------------------
 */
#information {
	clear: both;
	padding-top: 30px;
}
	#information .section_container {
		
	}
		/* left column : NEW RELEASE */
		#release {
			width: 630px;
			float: left;
		}
			#release .column_header {
				position: relative;
			}
				#release .column_header h2 {
					
				}
				#release .column_header p {
					position: absolute;
					right: 0;
					top: 15px;
					padding-top: 10px;
				}
					#release .column_header p a {
						padding-left: 24px;
						background: url(/global/images/index/icon_arrow.png) no-repeat left;
						font-size: 100%;
						text-decoration: none;
					}
					#release .column_header p a:hover {
						color: #4187c8;
						text-decoration: underline;
					}
			/* contents stage */
			#release .release_container {
				margin-top: -9px;
				margin-left: -10px;
			}
				/* release item */
				#release .release_item {
					position: relative;
					width: 150px;
					margin-left: 10px;
					margin-top: 30px;
					float: left;
				}
					#release .release_item .img {
						position: relative;
						display: block;
						width: 150px;
						border: 1px solid #c0c0c0;
						/*height: 150px;*/
					}
					#release .release_item .img.new:after {
						content: "";
						position: absolute;
						left: 0;
						top: 0;
						display: block;
						width: 45px;
						height: 45px;
						background: url(/global/images/index/release_new.png) no-repeat;
					}
					#release .release_item .info {
						padding-top: 8px;
						font-size: 86%;
					}
						#release .release_item .info .type {
							padding-right: 6px;
							font-weight: bold;
							color: #4187c8;
						}
						#release .release_item .info .date {
							padding-left: 6px;
							color: #7d7d7d;
						}
					#release .release_item .artist {
						padding-top: 8px;
						font-size: 100%;
						font-weight: bold;
						color: #191919;
						line-height: 1.3;
						word-wrap: break-word;
					}
					#release .release_item .title {
						padding-top: 6px;
						font-size: 86%;
						color: #7d7d7d;
						line-height: 1.5;
						word-wrap: break-word;
					}
					#release .release_item .txt {
						display: none;
						padding-top: 6px;
						font-size: 86%;
						color: #7d7d7d;
						line-height: 1.5;
					}
			/* release rollover window */
			#release_window_tmpl {
				display: none;
			}
				.release_window {
					position: absolute;
					left: -20px;
					top: -20px;
					z-index: 1000;
					width: 150px;
					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);
					-ms-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);
				}
				.release_window_link {
					padding-top: 13px;
				}
					.release_window_link li {
						margin-top: 2px;
					}
						.release_window_link li a {
							display: block;
							padding: 7px 8px;
							background: #000 url(/global/images/index/window_arrow.png) no-repeat 135px;
							font-size: 79%;
							color: #fff;
							text-decoration: none;
						}
						.release_window_link li a:hover {
							background: #969696 url(/global/images/index/window_arrow.png) no-repeat 135px;
						}
		/* right column */
		#information .right_column {
			width: 290px;
			float: right;
		}
			/* NEWS */
			#news {
				
			}
				#news h2 {
					
				}
				#news .item {
					margin-top: 2px;
					padding: 12px 20px;
					background: #f5f5f5;
				}
					#news .item .artist {
						font-size: 100%;
						font-weight: bold;
						color: #323232;
						line-height: 1.5;
					}
					#news .item .txt {
						font-size: 86%;
						line-height: 1.5;
					}
						#news .item .txt a {
							color: #646464;
						}
						#news .item .txt a:hover {
							color: #8b8b8b;
						}
					#news .item .date {
						padding-top: 6px;
						font-size: 86%;
						color: #969696;
						text-align: right;
					}
			/* TWITTER */
			#twitter {
				margin-top: 20px;
			}
				#twitter h2 {
					
				}
				#twitter .box_container {
					height: 600px;
					border-bottom: 1px solid #dcdcdc;
					border-left: 1px solid #dcdcdc;
					border-right: 1px solid #dcdcdc;
					overflow: auto;
				}
					/* item */
					#twitter .item {
						padding: 12px;
						background: #fff;
						border-top: 1px solid #dcdcdc;
					}
						#twitter .item .item_header {
							display: none;
						}
						#twitter .item .txt {
							font-size: 86%;
							color: #7d7d7d;
							line-height: 1.5;
							word-wrap: break-word;
						}
							#twitter .item .txt a {
								color: #4693da;
							}
						#twitter .item .date {
							padding-top: 6px;
							font-size: 79%;
							color: #b4b4b4;
							text-align: right;
						}
					/* noitem */
					#twitter .noitem {
						padding: 250px 0;
						font-size: 86%;
						color: #7d7d7d;
						line-height: 2;
						text-align: center;
					}
						#twitter .noitem span {
							color:  #428acb;
						}


/* --------------------------------------------------
 * CAUTION
 * --------------------------------------------------
 */
#caution {
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 50px;
}
	#caution .container {
		padding: 20px;
		border: 1px solid #dcdcdc;
		padding-bottom: 2px;
	}
		#caution .label {
			font-size: 86%;
			font-weight: bold;
			color: #323232;
		}
		#caution .txt {
			padding-top: 6px;
			font-size: 86%;
			color: #7d7d7d;
			line-height: 1.5;
			margin-bottom: 20px;
		}



/* --------------------------------------------------
 * MOVIE PLAYER
 * --------------------------------------------------
 */
#movie_player {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	display: none;
	background: url(/global/images/artists/movie_bg.png);
}
	#movie_player .section_container {
		width: 960px;
		margin: 0 auto;
	}
		#movie_player .close {
			text-align: right;
		}
		#movie_player .movie_player {
			width: 960px;
			height: 540px;
			padding-top: 19px;
		}
#movie_player_tmpl {
	display: none;
}