/* for genreSlider
-------------------------------------------------------------- 
	div#mainVisual <= wrapper
	#genreSlider

	.clearBox:after

-------------------------------------------------------------- */

/* div#mainVisual
-------------------------------------------------------------- */
/*div#mainVisual {
	height: 180px;
	width: 715px;
	overflow: hidden;
}*/
div#mainVisual {
	background:#fff;
	border:1px solid #CCC;
	margin-bottom: 10px;
	overflow: hidden;
}

div#mainVisual div#sliderPic {
	float: left;
	width: 394px;
	height: 171px;
	padding: 5px 0 0 5px;
	overflow: hidden;
}


/* div#genreSlider
-------------------------------------------------------------- */
div#mainVisual div.thumbs {
	float: right;
	width: 187px;
	padding: 5px 5px 5px 0;
}

div#mainVisual div.thumbs a{
	background: url(/genre-slider/base/img/genreslider_right.png) no-repeat 0 0;
	display: block;
	width: 187px;
	height: 20px;
	overflow: hidden;
	margin: 1px 0 0 0;
	padding: 0;
	font-size: 11px;
	line-height: 18px;
	white-space: nowrap;
	text-indent: 15px;
	padding: 13px 0 0 0;
	text-decoration: none;
	color: #4D4D4D;
}

div#mainVisual div.thumbs a.gSpecial{ background-position: 0 0;}
div#mainVisual div.thumbs a.gCinema{ background-position: 0 -33px;}
div#mainVisual div.thumbs a.gVcinema{ background-position: 0 -66px;}
div#mainVisual div.thumbs a.gDrama{ background-position: 0 -99px;}
div#mainVisual div.thumbs a.gTv{ background-position: 0 -132px;}
div#mainVisual div.thumbs a.gTakarazuka{ background-position: 0 -165px;}
div#mainVisual div.thumbs a.gKorea{ background-position: 0 -198px;}
div#mainVisual div.thumbs a.gHarlequin{ background-position: 0 -231px;}
div#mainVisual div.thumbs a.gMusic{ background-position: 0 -264px;}
div#mainVisual div.thumbs a.gRelax{ background-position: 0 -297px;}
div#mainVisual div.thumbs a.gDocumentary{ background-position: 0 -330px;}
div#mainVisual div.thumbs a.gVariety{ background-position: 0 -363px;}
div#mainVisual div.thumbs a.gAnimation{ background-position: 0 -396px;}
div#mainVisual div.thumbs a.gPachinko_pachislot{ background-position: 0 -429px;}
div#mainVisual div.thumbs a.gTaiwan{ background-position: 0 -462px;}
div#mainVisual div.thumbs a.gSports{ background-position: 0 -495px;}
div#mainVisual div.thumbs a.gGame{ background-position: 0 -528px;}
div#mainVisual div.thumbs a.gIdol{ background-position: 0 -561px;}
div#mainVisual div.thumbs a.gComic{ background-position: 0 -594px;}
div#mainVisual div.thumbs a.gDownload{ background-position: 0 -627px;}
div#mainVisual div.thumbs a.gR18cinema{ background-position: 0 -660px;}
div#mainVisual div.thumbs a.gAdvanced{ background-position: 0 -693px;}

div#mainVisual div.thumbs a.gSpecial:hover{ background-position: -232px 0;}
div#mainVisual div.thumbs a.gCinema:hover{ background-position: -232px -33px;}
div#mainVisual div.thumbs a.gVcinema:hover{ background-position: -232px -66px;}
div#mainVisual div.thumbs a.gDrama:hover{ background-position: -232px -99px;}
div#mainVisual div.thumbs a.gTv:hover{ background-position: -232px -132px;}
div#mainVisual div.thumbs a.gTakarazuka:hover{ background-position: -232px -165px;}
div#mainVisual div.thumbs a.gKorea:hover{ background-position: -232px -198px;}
div#mainVisual div.thumbs a.gHarlequin:hover{ background-position: -232px -231px;}
div#mainVisual div.thumbs a.gMusic:hover{ background-position: -232px -264px;}
div#mainVisual div.thumbs a.gRelax:hover{ background-position: -232px -297px;}
div#mainVisual div.thumbs a.gDocumentary:hover{ background-position: -232px -330px;}
div#mainVisual div.thumbs a.gVariety:hover{ background-position: -232px -363px;}
div#mainVisual div.thumbs a.gAnimation:hover{ background-position: -232px -396px;}
div#mainVisual div.thumbs a.gPachinko_pachislot:hover{ background-position: -232px -429px;}
div#mainVisual div.thumbs a.gTaiwan:hover{ background-position: -232px -462px;}
div#mainVisual div.thumbs a.gSports:hover{ background-position: -232px -495px;}
div#mainVisual div.thumbs a.gGame:hover{ background-position: -232px -528px;}
div#mainVisual div.thumbs a.gIdol:hover{ background-position: -232px -561px;}
div#mainVisual div.thumbs a.gComic:hover{ background-position: -232px -594px;}
div#mainVisual div.thumbs a.gDownload:hover{ background-position: -232px -627px;}
div#mainVisual div.thumbs a.gR18cinema:hover{ background-position: -232px -660px;}
div#mainVisual div.thumbs a.gAdvanced:hover{ background-position: -232px -693px;}

/* .clearBox:after
-------------------------------------------------------------- */
/* 通常の"clearfix" */
.clearfix {
	_height: 1px;
	zoom:1;/*for IE 5.5-7*/
}
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/* IE9.js 使用時の"clearfix" */
.clearfix:after {
    content:"";
    clear:both;
    display:block;
    height:0;
}
