.TPNSSwrapper {
	width: 783px;
	height: 300px;
	border:1px solid #333333;
	background:#000000;
}
/*左イメージ表示部分*/
#TPNiceSlideShow {
	width: 515px;
	height: 300px;
	float: left;
	margin: 0;
	padding: 0;
}
#TPNiceSlideShow {
	z-index:1;
}
.imageElement{
	width: 515px;
	height: 300px;
	margin: 0;
	padding: 0;
}
.TPNiceSlideShowGallery {
	overflow: hidden;
	position: relative;
}
.TPNiceSlideShowGallery img {
	margin: 0;
	padding: 0;
}
/*左イメージ・ローディング部分*/
.TPNiceSlideShowGallery .slideElement {
	width: 100%;
	height: 100%;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../img/loading-.gif');
}
.TPNiceSlideShowGallery .loadingElement {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../img/loading-.gif');
}

/*	右メニュー	*/
#TPNiceSlideShownavi{
	width: 267px;
	height: 300px;
	float: right;
	margin: 0;
	padding: 0;
}
#TPNiceSlideShowMenuWrp {
	float:left;
	height: 300px;
	width: 250px;
	overflow:hidden;
	margin: 0;
	padding: 0;
}
/*	右メニュー	画像部分*/
#TPNiceSlideShowMenu div {
	text-align: left;
	height: 100px;
	width: 250px;
	background: url(../img/bgmenu01.jpg) repeat-x 0 0;
	cursor: pointer;
	margin:0;
	padding: 0;
}
/*右メニュー設定*/
/*本表示設定*/
#TPNiceSlideShowMenu div img {
float: left;
}
.TPNiceSlideShowMenuContent {
	vertical-align: middle;
	overflow:hidden;
	text-align: left;
}
.TPNiceSlideShowMenuContent img{
	margin: 3px 16px 0 20px;
	width:62px;
	height:91px;
	padding:0;
}
#TPNiceSlideShowMenu div:hover{
	background: url(../img/bgmenu01.jpg) repeat-x 0 -100px ;
	cursor: pointer;
}
#TPNiceSlideShowMenu div.active {
	background: url(../img/bgmenu01.jpg) repeat-x 0 -200px ;
	cursor: pointer;
}
#TPNiceSlideShowMenu div.active a{
	color: #000000;
	background-color: none;
	font-weight: bold;
}
#TPNiceSlideShowMenu div.active a:hover{
	color: #000000;
	background-color: none;
}
#TPNiceSlideShowMenu p.tpnssmenu_title{
	color:#FFFFFF;
	font-size:12px;
	font-weight: normal;
	padding: 20px 15px 0 0;
}
#TPNiceSlideShowMenu .tpnssmenu_title a{
	color:#FFFFFF;
	font-weight: normal;
	text-decoration:none;
}
#TPNiceSlideShowMenu .tpnssmenu_title a:hover{
	color:#FFFFFF;
}

#TPNiceSlideShowMenu a span.tpnssmenu_desc{
font-size:10px;
line-height:11px;
font-weight: normal;
padding:0;
font-family:verdana,arial;
color:#97B7E6;
}

/*スクロールバー*/
/* dont define width property here, it has defined with the php script */
.tpniceslideshow_scrollbar-vert{
	height: 300px;
	width: 16px;
	float:right;
	margin: 0;
	padding: 0;
}
.tpniceslideshow_scrollbar-vert {
	background: url(../img/scrollbg.gif) repeat-y;
	height: 300px;
	width: 16px;
	margin: 0;
	padding: 0;
}
.tpniceslideshow_handle-vert{
	width: 16px;
	height: 39px;
	background: url(../img/scrollno.gif) no-repeat;
	margin: 0;
	padding: 0;
}

/*サブタイトルCSS*/
#TPNiceSlideShowMenu p.tpnssmenu_subtitle{
	color:#FFFFFF;
	font-size:10px;
	font-weight: normal;
	padding: 3px 15px 0 0;
}
#TPNiceSlideShowMenu .tpnssmenu_subtitle a{
	color:#FFFFFF;
	font-weight: normal;
	text-decoration:none;
}
#TPNiceSlideShowMenu .tpnssmenu_subtitle a:hover{
	color:#FFFFFF;
}


