
/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow {
	width: 700px;
	background:#211F4C;
	position:relative;
	
}

#slideshow ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 1%; /* IE fix */
}

#slideshow ul:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
	margin:0;
	overflow: hidden;
	height:320px;
	width: 700px;
}

#slideshow .slides ul.talent {
	width: 505px;
	float: left;
	margin:0;
	position:absolute;
	z-index:0;
	left:0;
	height:320px;
	top:0;
	padding:0;
}

#slideshow .slides ul.talent li {
	width:505px;
	text-align:left;
	margin:0;

}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
	float:left;
	width:195px;
	text-align:right;
	position:absolute;
	z-index:1;
	right:0;
	top:0px;
	height:320px;
	margin:0!important;
	margin:0 0 0 -5px;
}
#slideshow .slides-nav ul{
	width:195px;
	margin:0 ;
	padding:0;
}

#slideshow .slides-nav ul li{
	width:195px;
	height:68px;
	padding:0px;
	margin:0px;
}

#slideshow .slides-nav li a {
	width:195px;
	height:68px;
}

.js #slideshow .slides-nav li.on a{
	background-color:transparent;
	background:transparent;
}

.js #slideshow .slides-nav img{
	width:195px;
	height:68px;
}

.js #slideshow .slides-nav li.on a img{
	visibility:hidden;
}

/* スライドのナビゲーション（渡辺・永江）がonのときの画像を表示、背景を変更 */
.js #slideshow .slides-nav li.on a img.hvr{
	visibility:visible;
	background:url(../images/bg_hvr.png) no-repeat;
}


#slideshow .slides-nav ul{
	position:relative;
}

#slideshow .slides-nav li a{
	display:block;
}

#slideshow .slides-nav li a:hover{
	background-color:transparent;
}

#slideshow .slides-nav li a:hover img{
	visibility:hidden;
}

.side01{
	background:url(../images/talent01hvr.gif) no-repeat;
	position:absolute;
	top:0px;
	left:0px;
}

.side02{
	position:absolute;
	top:68px;
	left:0px;
	visibility:visible;
	z-index:3;
	background:url(../images/bg_nohvr.gif) no-repeat;
}

.side02_2{
	position:absolute;
	top:68px;
	left:0px;z-index:2;
}

.side02_3{
	position:absolute;
	top:68px;
	left:0px;
	z-index:1;
	background:url(../images/bg_nohvr.gif) no-repeat;
}

.js #slideshow .slides-nav li a:hover img.hvr{
	visibility:visible;
	background:url(../images/bg_hvr.png) no-repeat;
}


.side03{
	position:absolute;
	top:130px;
	left:0px;
	visibility:visible;
	z-index:3;
	background:url(../images/bg_nohvr.gif) no-repeat;
}

.side03_2{
	position:absolute;
	top:130px;
	left:0px;
	z-index:2;
}

.side03_3{
	position:absolute;
	top:130px;
	left:0px;
	z-index:1;
	background:url(../images/bg_nohvr.gif) no-repeat;
}

.side04{
	position:absolute;
	top:192px;
	left:0px;
	visibility:visible;
	z-index:3;
	background:url(../images/bg_nohvr.gif) no-repeat;
}

.side05{
	position:absolute;
	top:254px;
	left:0px;
	visibility:visible;
	z-index:3;
	background:url(../images/bg_nohvr.gif) no-repeat;
}
