@charset "UTF-8";
/*スライダー*/
.slider_box_c{
	position:relative; text-align:center
}

.prevBtn2_c{
	position:absolute; top:0; height:122px; border-right:solid 1px #999; border-top:solid 1px #999; background:-webkit-gradient(linear, left top, right top, from(#FFF), to(#D8D8D8)); z-index:2
}

.nextBtn2_c{
	position:absolute; right:0; top:0; height:122px; border-left:solid 1px #999; border-top:solid 1px #999; border-bottom:solid 1px #999; background: -webkit-gradient(linear, left top, right top, from(#FFF), to(#D8D8D8)); z-index:3
}
.sample2 {
	width: 320px;
	text-align:center;
	overflow:hidden;
	z-index:1;
}

.sample2 ul {
	width: 1800px;
	text-align:center;/*padding:0 5px;*/
}
.sample2 li {
	padding:0;
	float: left;
	display:inline-block;
	width:320px;
	overflow:hidden
}
.pagenation_c{
	border-top:1px solid #CCC
}
.page_dot_off {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-top: 5px;
	margin-right: 8px;
	margin-left: 8px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: rgb(238, 238, 238);
	cursor: pointer;
	box-shadow: rgb(51, 51, 51) 0px -2px 1px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow: rgb(51, 51, 51) 0px 2px 1px;
}
.page_dot_on {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-top: 5px;
	margin-right: 8px;
	margin-left: 8px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	cursor: pointer;
	box-shadow: rgb(51, 51, 51) 0px -2px 1px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow: rgb(51, 51, 51) 0px 2px 1px;
	background: -webkit-gradient(linear, right top, left bottom, from(#Fc0), to(#F60));
}



.slider_box{
	margin:0 auto 0 auto;
	width:320px;
	padding:5px 0;
	text-align:center;
	border-top:1px solid #FFF;
	border-bottom:1px solid #F5F5F5;
	background: -webkit-gradient(linear, center top, center bottom, from(#ACACAC), color-stop(0.02, #AFAFAF), color-stop(0.04, #ACACAC), color-stop(0.62, #DADADA), color-stop(0.68, #FAFAFA), color-stop(0.70, #DADADA), to(#D8D8D8));
	overflow:hidden;
}

.slider_box li{
	border-radius:8px;
 
}

.slider_box li img{
	border-radius:8px;
}


.slider_box_text{
	margin:0 10px;
	padding:3px;
	font-size:0.8em;
	background: -webkit-gradient(linear, center top, center bottom, from(#F0F8FD), to(#E1F0FB));
	color:#F00;
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-right:1px solid #8D8C8C;
	border-bottom:1px solid #8D8C8C;
	border-radius:3px;
}


.sample {
			background: -webkit-gradient(linear,center top, center bottom, from(#777), color-stop(0.1, #CCC), color-stop(0.9, #CCC), to(#FFF));
			width:84%;
			float:left;
		}
		.sample ul {
			width:1000%;
			text-align:center;
			height:40px;
			padding:8px 5px 2px 5px;
		}
		.sample li {
			float: left;
			margin:0px 5px 5px 0px;
		}
		.sample .sample_select{
			color:#555;
			font-size:12px;
			font-weight:bold;
			background: -webkit-gradient(linear,center top, center bottom, from(#AAA), color-stop(0.5, #CCC), to(#CCC));
			border:1px solid #AAA;
			-webkit-box-shadow: 1px 1px 1px #FFF;
			border-radius:5px;
			padding:7px 0px 7px 0px;
			text-align:center;
			min-width:36px;
		}
		.sample li a,
		.sample li a:hover{
			display:block;
			color:#FFF;
			font-size:12px;
			font-weight:bold;
			background: -webkit-gradient(linear,center top, center bottom, from(#AAA), color-stop(0.5, #666), to(#666));
			border:1px solid #666;
			-webkit-box-shadow: 1px 1px 1px #666;
			border-radius:5px;
			padding:7px 0px 7px 0px;
			text-align:center;
			min-width:36px;
		}
		.prevBtn{
			float:left;
			text-align:center;
			background: -webkit-gradient(linear,center top, center bottom, from(#666), color-stop(0.05, #999), color-stop(0.95, #999), to(#FFF));
			border-right:solid 1px #888;
		}
		.nextBtn{
			float:left;
			text-align:center;
			background: -webkit-gradient(linear,center top, center bottom, from(#666), color-stop(0.05, #999), color-stop(0.95, #999), to(#FFF));
			border-left:solid 1px #888;
		}

div#mask{
    width:100%;height:100%;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
    background:#000;
    position:absolute;
    top:0;left:0;
    z-index:10;
    display:none;
}
div#select_array_list{
	z-index:12;
}
div.my_shelf_menu,
div.comic_list1{
	z-index:11;
}
div#boxaaa{
	z-index:11;
}

/*----------------------------------*/
/*			ページャー				*/
/*----------------------------------*/
.c_pager{
	height:50px;background: -webkit-gradient(linear,center top, center bottom, from(#666), color-stop(0.05, #999), color-stop(0.95, #999), to(#DDD));
	
}


.c_pager .prevBtn{
	width:8.1%;height:50px;
}

.c_pager .nextBtn{
	width:7.7%;height:50px;
}

/*.pager{
	background-color:#FC0;
	border-bottom:2px solid #CCC;
	border-top:2px solid #CCC;
}

.pager ul{
	text-align:center;
	padding:5px;
}

.pager li{
	display:inline-block;	
	margin:0px 2px 0px 0px;
}

.pager li a{
	display:block;	
	background: -webkit-gradient(linear,center top, center bottom, from(#FC0), color-stop(0.5, #F90), to(#F90));
	border-top:2px solid #CCC;
	border-left:2px solid #CCC;
	border-bottom:2px solid #666;
	border-right:2px solid #666;
	border-radius:5px;
	padding:5px 8px;
	
}

.pager li a:hover{
	display:block;
	background: -webkit-gradient(linear,center top, center bottom, from(#F90), color-stop(0.5, #FC0), to(#FC0));
	border-top:2px solid #666;
	border-left:2px solid #666;
	border-bottom:2px solid #CCC;
	border-right:2px solid #CCC;
	border-radius:5px;
	padding:5px 8px;
	
}

.pager li:last-child{
	margin:0px;
}

.pager li a,
.pager li a:hover{
	color:#FFF;
	font-size:0.8em;
	font-weight:bold;
}*/