
.mask6{
	position:relative;
	width: 600px;
	height: 418px;
	left: 30px;
	/*left:50%;
	margin-left:-120px;
	width:240px;
	height:180px;*/
	overflow:hidden;
}
* html .mask6{
	position:relative;
	width: 600px;
	height: 418px;
	left: 30px;	
	overflow: hidden;
	/*overflow: visible;*/
}
#navi-left {
	float: left;
	margin-top: 200px;
	cursor: pointer;
}
#navi-right {
	float: right;
	margin-top: 200px;
	cursor: pointer;
}

/* Sample 7*/
#box7{
	position:absolute;
	height: 418px;
	/*width: 600px;*/
}
#box7 span{
	display:block;
	float:left;
	width: 600px;
	height: 418px;
}

/*ie6hack*/
* html .no9 {
	float: none;
	/*position: absolute;*/
}
* html .no10 {
	position: absolute;
	margin-right: 6000px;
}


#box7 image{
	text-align: center;
}

* html #thumbs7{
	height:65px;
}
#thumbs7{
	position:relative;
	top: 15px;
	left: 0px;
	clear:both;
	height:42px;
	overflow:hidden;	
	padding-top: 20px;
	border-top: dotted 1px #333;
	border-bottom: dotted 1px #333;
}

#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{
	position:absolute;
	top:0;
	width:100%;
	height:42px;
}
/*サムネイル画像領域スタイル*/
*html #thumbs7 .thumbs div, #thumbs_handles7 span{
	margin-left:5px;
	margin-right: 4px;
}
#thumbs7 .thumbs div, #thumbs_handles7 span{
	display:block;
	width:60px;
	height:42px;
	margin-left:5px;
	margin-right: 5px;
	float:left;
	cursor:pointer;
}

#thumbs7 .thumbs div img{
	width:60px;
	height: 42px;
	float:right;
}
#thumbs_handles7 span{
	background:url(images/thumb_invisible.gif) no-repeat;
}
#thumbs_mask7{
	width:1200px;
	background:url(images/thumbs_mask.gif) no-repeat center top;
}

/* ********************************** */

.thumbs{
	width:60px;
	height: 42px;
}
.thumbs div{
	display:block;
	width:60px;
	height:42px;
	margin-left:3px;
	margin-right: 3px;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	/*width:100%;
	height:100%;*/
	margin-top: 10px;
	margin-bottom: 10px;
	border:none
}
.mask1{
	position:relative;
	width:480px;
	height:180px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:240px;
	height:180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:480px;
	height:240px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}
