@charset "UTF-8";

/* Showcase

-------------*/

#slidebox{

	width: 947px !important;

	height: 336px;

	margin: 0 auto;

	margin-top:0px;

	border-left: solid 0px #000;

	border-right: solid 0px #000;

}

#showcase{

	margin-left: 0px;

}

#awOnePageButton .view-slide

{

	display: none;

}



/* This class is removed after the showcase is loaded */

/* Assign the correct showcase height to prevent loading jumps in IE */

.showcase-load

{

	height: 470px; /* Same as showcase javascript option */

	overflow: hidden;

}



/* Container when content is shown as one page */

.showcase-onepage

{

	/**/

}



/* Container when content is shown in slider */

.showcase

{

	position: relative;

	/*margin: auto;*/

}



	.showcase-content-container

	{

		/*background-color: #fff;*/

		padding: 0px;

		width:947px!important;

	}



	/* Navigation arrows */

	.showcase-arrow-previous, .showcase-arrow-next

	{

		position: absolute;

		background: url(../images/slide/btn_r.png);

		width: 33px;

		height: 33px;

		top: 220px;

		cursor: pointer;

	}



	.showcase-arrow-previous

	{

		left: -60px;

	}



	.showcase-arrow-previous:hover

	{

		background-position: 0px -34px;

	}



	.showcase-arrow-next

	{

		right: -56px;

		background-position: -34px 0;

	}



	.showcase-arrow-next:hover

	{

		background-position: -34px -34px;

	}



	/* Content */

	.showcase-content

	{

		text-align: center;

		line-height: 0;

	}

	.showcase-content a

	{

		display: block;

		border: none;

		margin: 0;

		padding: 0;

	}



		.showcase-content-wrapper

		{

			text-align: center;

			height: 373px;

			width: 633px;

			display: table-cell;

			vertical-align: middle;

		}



		/* Styling the tooltips */

		.showcase-plus-anchor

		{

			background-repeat: no-repeat;

		}



		.showcase-plus-anchor:hover

		{

			background-position: -32px 0;

		}



		div.showcase-tooltip

		{

			background-color: #fff;

			color: #000;

			text-align: left;

			padding: 5px 8px;

		}



		/* Styling the caption */

		.showcase-caption

		{

			color: #000;

			padding: 8px 15px;

			text-align: left;

			position: absolute;

			bottom: 10px; left: 10px; right: 10px;

			display: none;

		}



	.showcase-onepage .showcase-content

	{

		margin-bottom: 10px;

	}



	/* Button Wrapper */

	.showcase-button-wrapper

	{

		clear: both;

		margin-top: 10px;

		text-align: center;

		/*display: none;*/

	}



		.showcase-button-wrapper span

		{

			margin-right: 3px;

			padding: 2px 5px 0px 5px;

			cursor: pointer;

			font-size: 12px;

			color: #444444;

		}



		.showcase-button-wrapper span.active

		{

			color: #fff;

		}



	/* Thumbnails */

	.showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */

	{

		width: 947px !important;

		height: 89px !important;

		margin: 0;

		position: relative;

	}

	.showcase-thumbnail-restriction{

		width: 947px!important;

	}



	.showcase-thumbnail-wrapper

	{

		overflow: hidden;

	}



		.showcase-thumbnail

		{

			position: relative;

			width: 167px;

			height: 76px;

			margin-right:2px;

			cursor: pointer;

			background: #ffffff;

		}



			.showcase-thumbnail-caption

			{

				position: absolute;

				bottom: 2px;

				padding-left: 10px;

				padding-bottom: 5px;

			}



			.showcase-thumbnail-content

			{

				padding: 10px;

				text-align: center;

				padding-top: 25px;

			}



			.showcase-thumbnail-cover

			{

				position: absolute;

				top: 0; bottom: 0; left: 0; right: 0;

			}



		.showcase-thumbnail:hover

		{

			/*border: solid 1px #999;*/

		}



			.showcase-thumbnail:hover .showcase-thumbnail-cover

			{

				display: none;

			}



		.showcase-thumbnail.active

		{

			/*border: solid 1px #999;*/

		}



			.showcase-thumbnail.active .showcase-thumbnail-cover

			{

				display: none;

			}



	.showcase-thumbnail-wrapper-horizontal

	{

	}



		.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail

		{

			/*width: 145px;*/

		}



	.showcase-thumbnail-wrapper-vertical

	{

		padding: 10px;

	}



		.showcase-thumbnail-wrapper-vertical .showcase-thumbnail

		{

			margin-bottom: 10px;

		}



	.showcase-thumbnail-button-backward,

	.showcase-thumbnail-button-forward

	{

		padding: 7px 0;

		cursor: pointer;

	}



	.showcase-thumbnail-button-backward

	{

		height: 76px;

		padding:0;

	}

	.showcase-thumbnail-button-forward

	{

		/*padding:0 0 0 8px;*/

		height: 76px;

	}



		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,

		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical,

		.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,

		.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal

		{

			background-image: url(../images/slide/btn_r.png);

			background-repeat: no-repeat;

			display: block;

			width: 30px;

			height: 76px;

			position: absolute; top: 0; right: 0;

			z-index: 2;

		}



		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical

		{

			background-position: 0 -51px;

			margin-left: 55px;

		}

		.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical

		{

			/*background-position: -17px -51px;*/

		}



		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical

		{

			background-position: 0 -34px;

			margin-left: 55px;

		}

		.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical

		{

			/*background-position: -17px -34px;*/

		}



		.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal

		{

			background-image: url(../images/slide/btn_l.png);

			margin-right: 2px;

			position: absolute; top: 0; left: 0;

			/*background-position: 0 -17px;*/

		}

		.showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal

		{

			/*background-position: -17px -17px;*/

		}



		.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal

		{

			background-position: 0 0;

		}

		.showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal

		{

			/*background-position: -17px 0;*/

		}



		/* Hide button text */

		.showcase-thumbnail-button-forward span span,

		.showcase-thumbnail-button-backward span span

		{

			display: none;

		}







/* Clear (used for horizontal thumbnails)

-------------------------------------------*/



.clear

{

	clear: both;

	display: block;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

	float: none;

}



/* IE7対策 */

#showcase{ z-index: 1; }



/*　スライダーボトム　影　*/

#slide_bottom{

	width: 1170px;

	height: 21px;

	margin-left:-8px;

	background: url(../images/slide/slide_bottom.png) no-repeat;

	z-index:2;

}