/***********************************************
 共通
 ***********************************************/

.bx-wrapper {
	position: relative;
	height: 100% !important;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

	.bx-wrapper .bx-viewport {
		height: 100% !important;
		
		/*fix other elements on the page moving (on Chrome)*/
		-webkit-transform: translatez(0);
		-moz-transform: translatez(0);
		-ms-transform: translatez(0);
		-o-transform: translatez(0);
		transform: translatez(0);
	}

	.bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto {
		position: absolute;
		bottom: 0;
		width: 100%;
	}

	/* LOADER */
	.bx-wrapper .bx-loading {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2000;
		width: 100%;
		height: 100%;
		min-height: 50px;
		background: url(../images/bx_loader.gif) center center no-repeat #fff;
	}

	/* PAGER */
	.bx-wrapper .bx-pager {
		text-align: center;
		font-size: .85em;
		font-family: Arial;
		font-weight: bold;
	}
	
		.bx-wrapper .bx-pager .bx-pager-item,
		.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
			display: inline-block;
			*zoom: 1;
			*display: inline;
		}

		.bx-wrapper .bx-pager.bx-default-pager a {
			display: block;
			width: 40px;
			height: 2px;
			margin: 0 5px;
			text-indent: -9999px;
			outline: 0;
			line-height: 10px;
		}

/* DIRECTION CONTROLS (NEXT / PREV) */
		.bx-wrapper .bx-controls-direction a {
			position: absolute;
			top: 50%;
			z-index: 1;
			outline: 0;
			text-indent: -9999px;
			
			filter: alpha(opacity=60);
			-moz-opacity:0.6;
			opacity: 0.6;
		}

			.bx-wrapper .bx-controls-direction a:hover {
				filter: alpha(opacity=100);
				-moz-opacity:1.0;
				opacity: 1.0;
			}

			.bx-wrapper .bx-controls-direction a.disabled {
				display: none;
			}


/***********************************************
 聴きどころ表示エリア
 ***********************************************/

		#kikidokoro .bx-wrapper .bx-pager.bx-default-pager a {
			background: #252525;
			line-height: 10px;
		}

			#kikidokoro .bx-wrapper .bx-pager.bx-default-pager a:hover,
			#kikidokoro .bx-wrapper .bx-pager.bx-default-pager a.active {
				background: #fff;
			}

/* DIRECTION CONTROLS (NEXT / PREV) */
	#kikidokoro .bx-wrapper .bx-prev {
		left: -50px;
		background: url(../images/btn_kikidokoro_arrow.png) 0 0 no-repeat;
	}
	
	#kikidokoro .bx-wrapper .bx-next {
		right: -50px;
		background: url(../images/btn_kikidokoro_arrow.png) -26px 0 no-repeat;
	}

		#kikidokoro .bx-wrapper .bx-controls-direction a {
			width: 26px;
			height: 83px;
			margin-top: -41.5px;
		}


/***********************************************
 トップ・インフォ表示エリア
 ***********************************************/

		#top-info .bx-wrapper .bx-pager.bx-default-pager a {
			width: 5px;
			height: 5px;
			margin: 0 3px;
			background: #ccc;
			line-height: 3px;
		}

			#top-info .bx-wrapper .bx-pager.bx-default-pager a:hover,
			#top-info .bx-wrapper .bx-pager.bx-default-pager a.active {
				background: #252525;
			}

/* DIRECTION CONTROLS (NEXT / PREV) */
	#top-info .bx-wrapper .bx-prev {
		left: -45px;
		background: url(../images/btn_topinfo_arrow.png) 0 0 no-repeat;
	}
	
	#top-info .bx-wrapper .bx-next {
		right: -45px;
		background: url(../images/btn_topinfo_arrow.png) -12px 0 no-repeat;
	}

		#top-info .bx-wrapper .bx-controls-direction a {
			width: 12px;
			height: 16px;
			margin-top: -8px;
		}