.slideFrame {
	/*position: relative;
	overflow: hidden;*/
	/*overflow-x: auto;*/
	width: 172px;
	height: 38px;
	padding-left:788px;	
	
	
}

.slideGuide {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	padding-top:0px;
	z-index:5;
}

.slideCell {
	display: block;
	float: left;
	width: 36px;
	height: 38px;
	padding-right:7px;
}

.slideCell img{
width: 36px;
height: 38px;
}

.slideCell a {
	display: block;
	width: 100%;
	height: 100%;
}

#slider a:focus {
 outline: 0;
}

.slider-view {
    position: relative;
    margin: 0;
    width: 630px; /* スライダーで表示するエリアの大きさ */
    height: 415px;
    overflow: hidden; /* 必須 */
		background-color:#fff;
	left:330px;
}

.slider-view div img{
width: 630px; 
height: 415px;
}

/* width は js で指定するのでここでは書かない */
.slider-container {
	position: absolute;
	top: 0;
	left: 0;
}

/* スライドするコンテンツ部分 */
.slider-container div {
	position: relative; /* ループ処理に使う */
	float: left;
	width: 630px; /* view と同じ大きさに */
	height: 420px;
}

.slider-container a{ z-index:10; display:block; width:960px; height:510px; }

.IDXBG{ width:960px; height:454px; background:url(../images/ttlBg.png); }