@charset "utf-8";
/*------------------------------------------------------*/
/* slideshow */
/*------------------------------------------------------*/
/* slideshow
=======================================*/
#slideContents {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: 494px;
	overflow: hidden;
}
#slideshow {
	position: absolute;
	top: 0;
	left: 0;
	width: 1000px;
	height: 494px !important;
	overflow: hidden;
	z-index: 1;
}
/**/
#slideshow p.main01 img,
#slideshow p.main02 img,
#slideshow p.main03 img,
#slideshow p.main04 img {
	display: none;
}
#slideshow p.main01 a,
#slideshow p.main02 a,
#slideshow p.main03 a,
#slideshow p.main04 a {
	display: block;
	margin-top: 40px;
	margin-left: 162px;
	width: 676px;
	height: 374px;
	text-indent: -10000px;
}
#slideshow p.main01 a:hover,
#slideshow p.main02 a:hover,
#slideshow p.main03 a:hover,
#slideshow p.main04 a:hover {
	background-position: 0 0;
}
#slideshow p.main01,
#slideshow p.main02,
#slideshow p.main03,
#slideshow p.main04 {
	display: block;
	width: 1000px;
	height: 494px !important;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#slideshow p.main01 {	background-image: url(../images/top/main01.jpg);}
#slideshow p.main02 {	background-image: url(../images/top/main02.jpg);}
#slideshow p.main03 {	background-image: url(../images/top/main03.jpg);}
#slideshow p.main04 {	background-image: url(../images/top/main04.jpg);}





/*

#slideshow p.main01 img,
#slideshow p.main02 img,
#slideshow p.main03 img,
#slideshow p.main04 img {
	display: none;
}


#slideshow p.main01 a,
#slideshow p.main02 a,
#slideshow p.main03 a,
#slideshow p.main04 a {
	display: block;
	margin-top: 329px;
	margin-left: 441px;
	width: 124px;
	height: 23px;
	text-indent: -10000px;
	background-image: url(../images/top/btn_detail.png);
	background-position: 0 -23px;
	background-repeat: no-repeat;
}
#slideshow p.main01 a:hover,
#slideshow p.main02 a:hover,
#slideshow p.main03 a:hover,
#slideshow p.main04 a:hover {
	background-position: 0 0;
}
#slideshow p.main01,
#slideshow p.main02,
#slideshow p.main03,
#slideshow p.main04 {
	display: block;
	width: 1000px;
	height: 494px !important;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#slideshow p.main01 {	background-image: url(../images/top/main01.jpg);}
#slideshow p.main02 {	background-image: url(../images/top/main02.jpg);}
#slideshow p.main03 {	background-image: url(../images/top/main03.jpg);}
#slideshow p.main04 {	background-image: url(../images/top/main04.jpg);}
*/

/* prev next
=======================================*/
#prev,
#next {
	position: absolute;
	top: 220px;
	width: 22px;
	height: 32px;
	text-indent: -10000px;
	z-index: 2;
}
#prev {	left: 100px;}
#next {	right: 100px;}
#prev a,
#next a {
	display: block;
	width: 22px;
	height: 32px;
	background-position: 0 -32px;
	background-repeat: no-repeat;
	overflow: hidden;
}
#prev a {
	background-image: url(../images/top/btn_prev.png);
}
#next a {
	background-image: url(../images/top/btn_next.png);
}
#prev a:hover,
#next a:hover {
	background-position: 0 0;
}
/*IE6*/
* html #prev,
* html #next {
	height: 32px;
	overflow: hidden;
}
* html #prev a,
* html #next a{
	display: block;
	height: 64px;
	behavior: expression(IEPNGFIX.fix(this)) !important;
}
* html #prev a:hover,
* html #next a:hover {
	background-position: 0 0;
	margin-top: -32px;
}
/* nav
=======================================*/
#nav {
	display: block;
	position: absolute;
	bottom: 20px;
	left: 119px;
	width: 758px;
	_width: 759px;
	z-index: 3;
}
#nav li {
	float: left;
	margin-left: 1px;
	height: 20px;
	width: 188px;
	text-indent: -10000px;
}
#nav a:focus { outline: none; }
#nav li a {
	display: block;
	height: 20px;
	width: 188px;
	text-decoration: none;
	background-position: 0 0;
}
#nav li#navi1,#nav li#navi1 a,#nav li#navi1 a.activeSlide {	width: 1px;	 background-image: none;}
#nav li#navi2 a,#nav li#navi2 a.activeSlide {	background-image: url(../images/top/ss_navi01.png) ;}
#nav li#navi3 a,#nav li#navi3 a.activeSlide {	background-image: url(../images/top/ss_navi02.png) ;}
#nav li#navi4 a,#nav li#navi4 a.activeSlide {	background-image: url(../images/top/ss_navi03.png) ;}
#nav li#navi5 a,#nav li#navi5 a.activeSlide {	background-image: url(../images/top/ss_navi04.png) ;}
#nav li a:hover,
#nav li a.activeSlide {
	background-position: 0 -20px !important;
}
/**/
/*------------------------------------------------------*/
/* pngImages */
/*------------------------------------------------------*/
* html #nav li {
	height: 20px;
	overflow: hidden;
}
* html #nav li a {
	height: 40px;
}
* html #nav li#navi2 a,#nav li#navi2 a.activeSlide,
* html #nav li#navi3 a,#nav li#navi3 a.activeSlide,
* html #nav li#navi4 a,#nav li#navi4 a.activeSlide,
* html #nav li#navi5 a,#nav li#navi5 a.activeSlide {
	behavior: expression(IEPNGFIX.fix(this)) !important;
}
* html #nav li a:hover,
* html #nav li a.activeSlide {
	margin-top: -20px !important;
}
/* IS IE7 */
*:first-child+html #nav li {
	height: 20px;
	overflow: hidden;
}
/* IS IE7 */
*:first-child+html #nav li a {
	height: 40px;
}
*:first-child+html #nav li a:hover {
	background-position: 0 -20px;
}
*:first-child+html #nav li a.activeSlide {
	margin-top: -20px !important;
}
