@charset "utf-8";

/*
	* Name: jquery.contentsSlider.css
	* License: MIT License
	  - http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license

	* Contents:
	  - 初期設定 - Contents Slider -
*/


/* Stylesheet Document */

@media screen {

	/* ========================================
	   * 初期設定 - Contents Slider -
	======================================== */

	.contentsSlider,
		.contentsSlider div.imageAreaSet,
			.contentsSlider div.controllerAreaSet {
				display: none;
	}

	.contentsSlider div.container,
		.contentsSlider div.imageAreaSet ul.imageArea li,
			.contentsSlider ul.controllerArea li{
				position: relative;
				width: 148px;
	}

	.contentsSlider {
		clear: both;
		margin: 0 auto 0 auto !important;
		position: relative;
		text-align: left;
		width: 148px;
	}

	.contentsSlider div.container {
		margin: 0 auto 0 auto;
		overflow: hidden;
	}

	.contentsSlider div ul {
		clear: both;
		list-style-type: none;
	}

	.contentsSlider div ul li {
		color: #FFFFFF;
		float: left;
		position: relative;
		text-align: center;
	}

	.contentsSlider a.btn_prev,
		.contentsSlider a.btn_next {
			background-position: left top;
			background-repeat: no-repeat;
			display: block;
			height: 22px;
			position: absolute;
			text-indent: -9999px;
			width: 22px;
			z-index: 2;
	}

	.contentsSlider a.btn_prev {
		background-image: url("../../../../img/pc/common/jquery/btn_prev.png");
	}

	.contentsSlider a.btn_next {
		background-image: url("../../../../img/pc/common/jquery/btn_next.png");
		right: 0;
	}

	.contentsSlider div.imageAreaSet {
		margin: 0;
		overflow: hidden;
		position: relative;
		width: 148px;
	}

	.contentsSlider div.imageAreaSet ul.imageArea,
		.contentsSlider div.imageAreaSet ul.imageArea li {
			height: 230px;
	}

	.contentsSlider div.imageAreaSet ul.imageArea {
		overflow: hidden;
		position: relative;
	}

	.contentsSlider div.imageAreaSet div.showZoom,
		.contentsSlider div.stopSlider {
			display: none;
			position: absolute;
	}

	.contentsSlider div.imageAreaSet div.showZoom {
		z-index: 1;
	}

	.contentsSlider div.stopSlider {
		background-color: #FFFFFF !important;
		z-index: 4;
	}

	.contentsSlider div.imageAreaSet div.stopSlider {
		background: url("../../../../../../html/css/pc/default/img/jquery/btn_play.png") center center no-repeat;
	}

	.contentsSlider div.imageAreaSet div.pagination {
		bottom: 12px;
		position: absolute;
		right: 16px;
		width: auto;
		z-index: 3;
	}

	.contentsSlider div.imageAreaSet div.pagination a {
		background: url("../../../../../../html/css/pc/default/img/jquery/btn_pagination.png") left top no-repeat;
		display: block;
		float: left;
		height: 16px;
		margin-left: 0;
		text-indent: -9999px;
		width: 16px;
	}

	.contentsSlider div.imageAreaSet div.pagination a:hover,
		.contentsSlider div.imageAreaSet div.pagination a.current {
			background-position: left -16px;
	}

	.contentsSlider div.imageAreaSet div.loading {
		background-color: #FFFFFF;
		position: relative;
		z-index: 100;
	}

	.contentsSlider div.controllerAreaSet ul.controllerArea {
		margin-bottom: 3px;
		margin-top: 10px;
		overflow: hidden;
		position: relative;
	}

	.contentsSlider div.controllerAreaSet ul.controllerArea li,
		.contentsSlider div.controllerAreaSet ul.controllerArea li a {
			height: 70px;
			width: 312px;
	}

	.contentsSlider div.controllerAreaSet ul.controllerArea li {
		margin: 0;
	}

	.contentsSlider div.controllerAreaSet ul.controllerArea li a {
		display: block;
	}

}