/*==================================================================*/

/* css:howto(スライドショー) */

/*==================================================================*/


/* ---------------------------------------------------------------- */
/* パン屑背景 */
/* ---------------------------------------------------------------- */

/* -------------------------------------------- */
/* setting */
/* -------------------------------------------- */
body {
	background: url("../image/bg.gif") 0 0 repeat;
	overflow-y: hidden;
}

#contents {
	position: relative;
	width: 100%;
}


/* -------------------------------------------- */
/* close */
/* -------------------------------------------- */
#close{
	position: fixed;
	width: 100%;
	top:0;
	z-index:9999;
}

#close p{
	position: absolute;
	width: 1000px;
	margin: 0 0 0 -500px;
	left: 50%;
	text-align: right;
	z-index: 100;
}


/* -------------------------------------------- */
/* sub-wrap */
/* -------------------------------------------- */
#sub-wrap{
	position: fixed;
	width: 100%;
	bottom:0;
}

#sub-wrap .fig{
	position: absolute;
	width: 1000px;
	margin: 0 0 0 -500px;
	left: 50%;
	bottom:0;
}

#sub-wrap .fig img{
	position: relative;
	right: -56%;
	z-index: 100;
}

/* Chrome */
@media screen and (-webkit-min-device-pixel-ratio : 0 ) {
	#sub-wrap .fig img{
		right: -62%;
	}
}


/* -------------------------------------------- */
/* slides-wrap */
/* -------------------------------------------- */
#slides-wrap{
	position: absolute;
	left: 10%;
	top: 20%;
}

#slides-wrap #slides{
	position: relative;
	width: 561px;
	height: 350px;
	padding: 31px 45px 29px 30px;
	background: url("../image/bg_slide.png") 0 0 no-repeat;
}

#slides-wrap .slidesjs-container{
	height: 331px;
}

#slides-wrap .slidesjs-pagination{
	position: absolute;
	width: 200px;
	left:28%;
	bottom: -20px;
}

#slides-wrap .slidesjs-navigation {
	position: absolute;
	top:40%;
	width: 65px;
	height: 65px;
}

#slides-wrap .slidesjs-previous {
	position: absolute;
	left:-18px;
	background: url("../image/back.png") 0 0 no-repeat;
	z-index: 100;
}

#slides-wrap .slidesjs-next {
	position: absolute;
	right:0;
	background: url("../image/next.png") 0 0 no-repeat;
	z-index: 100;
}

#slides-wrap a.slidesjs-next:hover,
#slides-wrap a.slidesjs-previous:hover{
	background-position: 0 -65px
}

#slides-wrap .slidesjs-pagination {
	margin: 6px 0 0;
	list-style: none;
	text-align: center;
}

#slides-wrap .slidesjs-pagination li {
	margin: 0 7px;
	display:-moz-inline-stack;
	display:inline-block;
	vertical-align:middle;
	*vertical-align:auto;
	zoom:1;
	*display:inline;
	letter-spacing:normal;
}

#slides-wrap .slidesjs-pagination li a {
	display: block;
	width: 11px;
	height: 0;
	padding-top: 11px;
	background: url("../image/pagination.png") 0 0 no-repeat;
	float: left;
	overflow: hidden;
}

#slides-wrap .slidesjs-pagination li a.active,
#slides-wrap .slidesjs-pagination li a:hover.active {
	background-position: 0 -11px
}

#slides-wrap .slidesjs-pagination li a:hover {
	background-position: 0 -11px
}


/* -------------------------------------------- */
/* table-wrap */
/* -------------------------------------------- */
#table-wrap{
	position: fixed;
	width: 100%;
	left:0;
	bottom:0;
}

#table-wrap p{
	position: absolute;
	left: 0;
	bottom:0;
	margin: 0;
}


/* -------------------------------------------- */
/* bg-main */
/* -------------------------------------------- */
#bg-main{
	position:relative;
	width:1164px;
	height: 814px;
	margin: 0 auto;
	background: url("../image/bg_main.png") 50% 0 /contain no-repeat;
}