@charset "utf-8";
/*----------------------------------------
    slider_area
----------------------------------------*/
.slider_area {
	width: 640px;
	height: 480px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.slider_area ul {
	position: absolute;
	left: 0;
	top: 0;
}
.slider_area ul li {
	width: 640px;
	height: 480px;
	float: left;
	position: relative;
}
.slider_area ul li p {
	position: absolute;
	background: url(https://img.goo-net.com/goopit/assets/img/detail/bg-slider_txt.png) repeat;
	width: 640px;
	bottom: 0;
	left: 640px;
	color: #FFF;
	text-align: center;
	padding: 10px 0;
}
.button_prev {
	width: 200px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	height: 410px;
	text-align: left;
	padding-left:18px;
	cursor: pointer;
	background: url(https://img.goo-net.com/goopit/assets/img/bg-clear.png) no-repeat left bottom;
	-webkit-user-select: none;
}
.button_prev img {
	margin-top: 205px;
}
.button_next {
	width: 400px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	height: 410px;
	text-align: right;
	padding-right: 18px;
	cursor: pointer;
	background: url(https://img.goo-net.com/goopit/assets/img/bg-clear.png) no-repeat left bottom;
	-webkit-user-select: none;
}
.button_next img {
	margin-top: 205px;
}
/*----------------------------------------
    thumb_image
----------------------------------------*/
.thumb_image_area {
	width: 270px;
	height: 284px;
	background: url(https://img.goo-net.com/goopit/assets/img/detail/bg-slider_thumb_bottom.gif) no-repeat left bottom;
}
.thumb_image {
	width: 270px;
	height: 284px;
	overflow: hidden;
	position: relative;
	background: url(https://img.goo-net.com/goopit/assets/img/detail/bg-slider_thumb_top.gif) no-repeat left top;
}
.thumb_image h3 {
	padding: 7px 0;
	text-align: center;
}
/*  thumb_list
----------------------------------------*/
.thumb_image .thumb_list {
	width: 251px;
	height: 284px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
.thumb_image ul.thumb_button {
	width: 512px;
	height: 284px;
	position: absolute;
	top: 0;
	left: 0;
}
.thumb_image ul.thumb_button li {
	float: left;
	width: 256px;
}
.thumb_image ul.subpage_button {
	width: 256px;
	height: 195px;
	padding-top:5px;
}
.thumb_image ul.subpage_button li {
	float: left;
	width: 128px;
	height: 97px;
	cursor: pointer;
}
/*  page_list
----------------------------------------*/
.page_list {
	width: 100%;
	height: 10px;
	position: absolute;
	bottom: 20px;
	left: 0;
	z-index: 500;
	text-align: center;
}
.page_list ul li {
	display: inline;
	padding: 3px 3px;
	vertical-align: top;
	line-height: 1;
	font-size: 0;
	cursor: pointer;
}