@charset "UTF-8";

#slide_wrap {
	margin: 0 auto;
	background: #111;
	position: relative;
	width: 1000px;
	padding: 30px 10px;
}

#slide_in {
	background: #AD0400;
	margin: 0 auto;
	width: 920px;
	padding: 10px;
}

#slide_bg {
	background: #FFF;
	margin: 0 auto;
	width: 900px;
	padding: 10px;
}

#slide_area {
	width: 100%;
	height: 235px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

#slide_main {
	width: 100%;
	height: 100%;
	position: absolute;
}

#slide_area .slide {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
}

#slide_area .slide img {
	left: 50%;
	margin-left: -450px;
	position: absolute;
}

#slide_indicator li {
	margin: 0 3px;
}

#slide_nav li a,
#slide_indicator li a {
	overflow: hidden;
}

#slide_nav li a:before,
#slide_indicator li a:before {
	display: inline-block;
	font-size: 0;
	line-height: 0;
}

#slide_nav li a {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	margin-top: -30px;
}

#slide_nav .prev a {
    margin-left: -500px;
	background: url(../img/prev.png);
}

#slide_nav .prev a:before {
    margin-top: -20px;    
}

#slide_nav .next a {
    margin-left: 438px;
	background: url(../img/next.png);
}

#slide_nav .next a:before {
    margin-left: -80px;
    margin-top: -20px;
}

#slide_nav .disabled a {
    display: none;
}

#slide_indicator {
    bottom: 0;
    height: 35px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
	text-align: left;
}

#slide_indicator ul {
	font-size: 0;
}

#slide_indicator li {
    display: inline-block;
	opacity: 0.5;
	background: #111;
}
#slide_indicator li.active {
    cursor: default;
	opacity: 1.0;
}
#slide_indicator li:before {
    margin-left: -110px;
}
#slide_indicator li.active:before {
    margin-left: -130px;
}
/*　ｻﾑﾈｲﾙ10個用に追記　*/
#slide_indicator img {
width: 84px !important;
}



#no_js #slide_area {
    height: auto;
}
#no_js #slide_main {
    height: auto;
    position: static;
}
#no_js #slide_main .slide {
    display: block;
    height: auto;
    position: static;
}
#no_js #slide_main .slide img {
    margin: auto;
    position: static;
}
#no_js #slide_nav,
#no_js #slide_indicator {
    display: none;
}

