@charset "utf-8";

.mar_t_10 { margin-top: 0px}
.mar_5 { margin-bottom: 5px}
.mar_10 { margin-bottom: 10px}

/* slides
-------------------------------*/
#slides{
	clear: both;
	display: none;
}

#slides img {
	width:100%;
	height:auto;
	max-height: 200px;
	margin:0 auto 10px auto;
}

.slidesjs-navigation {
    margin-top: 0px;
}

.slidesjs-navigation img {
	height: 10px;
	width: 10px;
}

.slidesjs-navigation ul {
	list-style: none;
	margin: 5px 0 0;
	padding: 0;
}

.slidesjs-previous {
    margin-right: 5px;
    float: left;
}

.slidesjs-next {
    margin-right: 5px;
    float: right;
}

.slidesjs-pagination {
	margin: 0;
	list-style: none;
	text-align: center;
}

.slidesjs-pagination li {
	display: inline-block;
	margin: 10px 2px;
}

.slidesjs-pagination li a {
    display: block;
    width: 10px;
    height: 0;
    padding-top: 10px;
    background-image: url(/newsite/img/smartphone/pagination.png);
    background-position: 0 0;
	background-size: 10px auto;
	background-repeat: no-repeat;
    overflow: hidden;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
    background-position: 0 -20px
}

.slidesjs-pagination li a:hover {
    background-position: 0 -54px
}

.frame-item-area {
	text-align: center;
}

#slideNav01 {
	position: relative;
	height: 30px;
}

.prev {
	position: absolute;
	top: 5px;
	left: 0;
}

.next {
	position: absolute;
	top: 5px;
	right: 0;
}