/* -----------------------------------------------
              Books
   ----------------------------------------------- */

/*Navi Genre*/

#Main .genre {
	padding: 0px 0 5px;
}

#Main .area-foot .genre {
	padding: 10px 0 6px; 
}

#Main .genre .current-num,
#Main .genre a.all,
#Main .genre label {
	font-weight: bold;
}

#Main .genre .current-num {
	/*position: absolute;
	left: 0;
	bottom: 5px;*/
	line-height: 2.4;
}

#Main .genre select {
	/*width: 280px;*/ height:24px;
}

#Main .genre a.all {
	/*border-right: 1px solid #999999;*/
	padding-right: 5px;
	margin-right: 5px;
	margin-bottom: .5em;
	display: block;
	line-height: 2.4;
	position: relative;
	/*top:6px;*/
}

#Main .area-foot .paging {
	padding-bottom: 20px;
}


#Main .genre .left-box { text-align: left; width: 100%; box-sizing: border-box;}
#Main .genre .right-box { width: 100%; box-sizing: border-box; margin-bottom: .5em; }
#Main .genre .right-box .inner { width:auto;}


@media screen and (min-width:980px) {
#Main .genre a.all {
	/*border-right: 1px solid #999999;*/
	padding-right: 5px;
	margin-right: 5px;
	/*margin-bottom: 1em;*/
	display: block;
	float: left;
	line-height: 2.6;
	position: relative;
	/*top:6px;*/
}
#Main .genre .left-box {float: right; width: 30%; box-sizing: border-box; }
#Main .genre .right-box {float: right; width: 70%; box-sizing: border-box; }
#Main .genre .right-box .inner { width:auto;}
}