@charset "UTF-8";

.top_head-bnrarea{
	margin:0 auto 20px;
}
.top_head-bnrarea .dm-li{
	width:100%;
	max-width:728px;
	margin:0 auto;
}
.top_head-bnrarea .dm-li a,
.top_head-bnrarea .dm-li a img{
	display:block;
}



.toplist-sec{
	margin-bottom:20px;
}

.toplist-sec .top-ttl{
	border-bottom:solid 1px #333;
	margin-bottom:15px;
}
.toplist-sec .top-ttl .inner{
	border-left:solid 20px #026108;
	padding:5px;
}

.toplist-sec .carousel{
	margin:0 64px;
	width:auto;
	position:relative;
}


.ranking{
	margin-bottom:20px;
}

.toplist-sec .carousel .owl-stage{
	padding-left:0 !important;
}
@media(max-width:959px){
	.toplist-sec .carousel{
		margin:0;
		width:100%;
	}
}

.toplist-sec .carousel .owl-prev,
.toplist-sec .carousel .owl-next{
	width:48px;
	height:100px;
	border-radius:5px;
	margin-top:-50px;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}


.toplist-sec .carousel .owl-controls{
	position:absolute;
	top:0;
	width:100%;
	
}
.toplist-sec .carousel .owl-nav{
	position:relative;
}
.toplist-sec .carousel .owl-prev{
	background-image:url(/img/top/btn-prev.png);
	position:absolute;
	top:100px;
	left:-64px;
}
.toplist-sec .carousel .owl-next{
	background-image:url(/img/top/btn-next.png);
	position:absolute;
	top:100px;
	right:-64px;
}



.owl-carousel .owl-item img {
	max-width: 144px;
	margin: 0px auto;
}

@media(max-width:959px){
	.owl-carousel .owl-item img {
		max-width:none;
	}
}


/* ranking Start
-----------------------------------*/
.ranking li{
	padding-top:32px;
	background-repeat:no-repeat;
	background-position: 10px 0;
	background-size:32px 32px;
}

@media(max-width:959px){
	.ranking li{
		background-position: 0 0;
	}
}
.ranking li.rank01{background-image:url(/img/top/rank01.png);}
.ranking li.rank02{background-image:url(/img/top/rank02.png);}
.ranking li.rank03{background-image:url(/img/top/rank03.png);}
.ranking li.rank04{background-image:url(/img/top/rank04.png);}
.ranking li.rank05{background-image:url(/img/top/rank05.png);}
.ranking li.rank06{background-image:url(/img/top/rank06.png);}
.ranking li.rank07{background-image:url(/img/top/rank07.png);}
.ranking li.rank08{background-image:url(/img/top/rank08.png);}
.ranking li.rank09{background-image:url(/img/top/rank09.png);}
.ranking li.rank10{background-image:url(/img/top/rank10.png);}



.ranking .carousel .owl-prev,
.ranking .carousel .owl-next{
	top:116px;
}

/* ranking End
-----------------------------------*/


.top_bottom-bnrarea{
	margin:0 auto 20px;
}
.top_bottom-bnrarea li{
	width:50%;
	float:left;
	margin:0 auto;
	padding:5px 0;
}
@media(max-width:640px){
	.top_bottom-bnrarea li{
		width:100%;
		float:none;
		margin:0 auto;
		padding:0;
	}
}

.top_bottom-bnrarea li a{
	max-width:320px;
}

.top_bottom-bnrarea li a,
.top_bottom-bnrarea li a img{
/*	max-width:320px; */
	display:block;
	margin:0 auto;
}

@media(max-width:640px){
	.top_bottom-bnrarea li{
		max-width:none;
		width:100%;
		float:none;
		margin:0 auto;
	}
}


.payment-box{
	padding:20px 0;
}

.payment-box ul li{
	width:32%;
	float:left;
}
@media(max-width:640px){
	.payment-box ul li{
		width:100%;
		float:none;
		padding:10px 0;
	}
}

.payment-box ul li a,
.payment-box ul li img{
	display:block;
	max-width:160px;
	margin:0 auto;
}


.top-bottom-search{
	padding:20px 0;
}

.top-bottom-search ul li{
	width:32%;
	float:left;
		padding:10px 0;
}
@media(max-width:640px){
	.top-bottom-search ul li{
		width:50%;
	}
}

.top-bottom-search ul li a{
	display:block;
	max-width:198px;
	width:80%;
	margin:0 auto;
	border:solid 1px #ccc;
	background-color:#eee;
	box-shadow:0 10px 10px #ddd inset;
	color:#333;
	text-align:center;
	border-radius:5px;
	font-size:18px;
	padding:5px 0;
}
@media(max-width:640px){
	.top-bottom-search ul li a{
		display:block;
		max-width:218px;
	}
}

dl.info {
	font-size: 16px;
}
dl.info dt {
	clear: left;
	float: left;
	text-align: right;
	width:80px;
	padding-top:5px;
	padding-left:20px;
}
dl.info dd {
	margin-left:120px;
	padding-top:5px;
}

dl.info:after,
#content dl:after {
	content: "";
	clear: both;
	display: block;
}
