@charset "EUC-JP";
@import"left.css";

/* 1 基本設定 */
/* 2 menu     */
/* 3 コンテンツ */
/* 4 NEWリストコンテンツ */
/* 5 RANKINGリストコンテンツ */
/* 6基本設定 */


/* 1 基本設定
--------------------------------*/
a img{
	border:none;
}
h2,h3,h4,p,div{
	margin:0;
	padding:0;
}
.spBox hr{
	clear:both;
	height:1px;
	visibility:hidden;
}
#legend h1{
	margin-bottom:10px;
}





#menuSection{
	width:715px;
	position:relative;
	clear:both;
}


.next_off,.preview_off{
	display:none;
}

/* 2 menu menuTab
--------------------------------*/

#menuSection #menuTab{
	overflow:hidden;
}

#menuSection #menuTab li{
	float:left;
	width:142px;
	margin-right:1px;
}
#menuSection #menuTab li a{
	display:block;
	text-align:center;
	line-height:30px;
	color:#FFF;
	font-weight:bold;
	background:url("../img/tab_off.gif") no-repeat left top;
}

#menuSection #menuTab li a:hover{
	color:#FFF;
	text-decoration:underline;
	background:url("../img/tab_on.gif") no-repeat left top;
}


/* 2 menu conTab
--------------------------------*/

#menuSection #conTab{
	overflow:hidden;
	margin-bottom:10px;
	background:#8c004e;
}

#menuSection #conTab li{
	display:none;
	padding:3px;
}

#menuSection #conTab li a{
	display:block;
	margin:4px 10px 0;
	float:left;
	text-align:center;
	line-height:2;
	color:#FFF;
	font-weight:bold;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#menuSection #conTab li a:hover{
	color:#FFF;
	text-decoration:underline;
}
*:first-child+html #menuSection #conTab ul{
	width:715px;
	margin:0 auto;
	padding-bottom:10px;
	letter-spacing:-0.1em;
}
*:first-child+html #menuSection #conTab ul:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}
*:first-child+html #menuSection #conTab ul li{
	display:inline;
	zoom:1;
	text-align:left;
}

/*
#menuSection #conTab{
	display:table;
	width:715px;
	background:#f2f2f2;
}
#menuSection #conTab ul li{
	float: left;
	display:inline;
	margin:5px 10px 0;
	white-space:nowrap;
}
*html #menuSection #conTab ul{
	text-align:center;
	background:#f2f2f2;
	width:715px;
	margin:0 auto 20px;
	padding-bottom:10px;
	letter-spacing:-0.1em;
}
*html #menuSection #conTab ul:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}
*html #menuSection #conTab ul li{
	display:inline;
	zoom:1;
	text-align:left;
}
*:first-child+html #menuSection #conTab ul{
	text-align:center;
	background:#f2f2f2;
	width:715px;
	margin:0 auto 20px;
	padding-bottom:10px;
	letter-spacing:-0.1em;
}
*:first-child+html #menuSection #conTab ul:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}
*:first-child+html #menuSection #conTab ul li{
	display:inline;
	zoom:1;
	text-align:left;
}
*/

/* 3 conBox
--------------------------------*/
.conBox{
	position:relative;
	width:140px;
	height:305px;
	background:url(../img/listBg.gif);
	margin:6px 2px 2px 0px;
	_display:inline;
	float:left;
}
.conBox .newIcon{
	position:absolute;
	clear:both;
	background:url(../img/newicon_new.png) no-repeat;
	width:30px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	top:180px;
	left:0px;
}
.conBox .noIcon{
	display:none;
}
.conBox .sammary{
	font-size:10px;
	font-weight:normal;
	width:140px;
	height:20px;
	text-align:center;
	padding:5px 0 0;
	color:#fff;
}

.conBox p.pic{
	width:	120px;
	height:174px;
	padding:0px;
	margin:5px 10px 0;
	_display:inline;
}

.conBox h3{
	width:120px;
	height:51px;
	padding:10px 10px 0px;
	font-size:12px;
	font-weight:normal;
}
.conBox h3 a{
	/*color:#5640f7;*/
	color:#ffffff;
	text-decoration:none;
}
.conBox h3 a:visited{
	/*color:#9a74f7;*/
	color:#ffffff;
}
.conBox h3 a:hover{
	/*color:#5640f7;*/
	color:#ffffff;
	text-decoration:underline;
}

.conBox p.button{
	width:139px;
	height:20px;
	padding:0 0 0 1px;
	_display:inline;
}
/*.conBox p.button a{
	display:block;
	height:15px;
	text-indent:-9999px;
	width:67px;
	margin:1px;
	overflow:hidden;
	float:left;
}*/
.conBox a.btnLow{
	display:block;
	height:15px;
	text-indent:-9999px;
	width:67px;
	margin:1px;
	overflow:hidden;
	float:left;
	background:url(/common/button/0768_s.gif) no-repeat;
}
.conBox a.btnHigh{
	display:block;
	height:15px;
	text-indent:-9999px;
	width:67px;
	margin:1px;
	overflow:hidden;
	float:left;
	background:url(/common/button/2000_s.gif) no-repeat;
}
.conBox a.btnSample{
	display:block;
	height:15px;
	text-indent:-9999px;
	width:67px;
	margin:1px;
	overflow:hidden;
	float:left;
	background:url(/common/button/sample_movie_s.gif) no-repeat;
}
.conBox a.btnSingle{
	display:block;
	height:15px;
	text-indent:-9999px;
	width:67px;
	margin:1px auto;
	overflow:hidden;
	background:url(/common/button/0768_s.gif) no-repeat;
}
.conBox p.button a.btnDtl{
	text-indent:0px;
	font-size:10px;
	clear:both;
	width:140px;
	text-align:center;
}
.conBox .price{
	float:left;
	font-size:10px;
	padding:0 0 0 9px;
	width:50px;
	height:15px;
	color:#fff;
}
.conBox .dtl{
	font-size:10px;
	width:79px;
	float:right;
	text-align:center;
	height:15px;
}
.conBox .dtl a{
	font-size:10px;
	width:79px;
	float:right;
	text-align:center;
	height:15px;
	color:#fff;
}
.filler{
	background:url(../img/listFiller.gif) no-repeat;
	width:140px;
	/*height:195px;*/
	height:305px;
	float:left;
	margin:6px 2px 2px 0px;
	_display:inline;
}



/* Mリストコンテンツ
--------------------------------*/


.conBoxM{
 	position:relative;
	width:140px;
	height:195px;
	background:url(../img/listBg_m.gif);
	margin:8px 2px 0 0;
	_display:inline;
	float:left;
}
.conBoxM .newIcon{
	position:absolute;
	clear:both;
	background:url(../img/newicon_new.png) no-repeat;
	width:30px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	top:-6px;
	left:-2px;
}
.conBoxM .noIcon{
	display:none;
}
.conBoxM .sammary{
	font-size:10px;
	font-weight:normal;
	width:140px;
	height:20px;
	text-align:center;
	padding:5px 0 0;
	color:#666;
	display:none;
}

.conBoxM p.pic{
	width:140px;
	height:70px;
	padding:13px 0px 0px 0px;
	margin:0px;
	text-align:center;
}

.conBoxM p.pic a img{
	padding:1px;
	border:1px solid #ffffff;
}

.conBoxM p.pic a:hover img{
	border:1px solid #464646;
}


.conBoxM h3{
	width:120px;
	height:65px;
	padding:5px 10px;
	font-size:12px;
	font-weight:normal;
}
.conBoxM h3 a{
	color:#5640f7;
	text-decoration:none;
}
.conBoxM h3 a:visited{
	color:#9a74f7;
}
.conBoxM h3 a:hover{
	color:#5640f7;
	text-decoration:underline;
}

.conBoxM p.button{
	width:139px;
	height:20px;
	padding:0 0 0 1px;
	_display:inline;
}
.conBoxM p.button a{
	display:block;
	height:15px;
	text-indent:-9999px;
	width:67px;
	margin:1px;
	overflow:hidden;
	float:left;
}
.conBoxM a.btnLow{
	background:url(/common/button/0768_s.gif) no-repeat;
}
.conBoxM a.btnHigh{
	background:url(/common/button/2000_s.gif) no-repeat;
}
.conBoxM p.button a.btnDtl{
	text-indent:0px;
	font-size:10px;
	clear:both;
	width:140px;
	text-align:center;
}
.conBoxM .price{
	float:left;
	font-size:10px;
	padding:0 0 0 24px;
	width:35px;
	height:15px;
	color:#666;
}
.conBoxM .dtl{
	font-size:10px;
	width:79px;
	float:right;
	text-align:center;
	height:15px;
	color:#F33;
}






/* Lリストコンテンツ
--------------------------------*/
.conBoxL{
	position:relative;
	width:140px;
	height:305px;
	background:url(../img/listBg.gif);
	margin:6px 0px 2px 2px;
	_display:inline;
	float:left;
}
.conBoxL .newIcon{
	position:absolute;
	clear:both;
	background:url(../img/newicon_new.png) no-repeat;
	width:30px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	top:-6px;
	left:-2px;
}
.conBoxL .noIcon{
	display:none;
}
.conBoxL .sammary{
	font-size:10px;
	font-weight:normal;
	width:140px;
	height:20px;
	text-align:center;
	padding:5px 0 0;
	color:#666;
}

.conBoxL p.pic{
	width:	120px;
	height:174px;
	padding:0px;
	margin:0 10px;
	_display:inline;
}

.conBoxL h3{
	width:120px;
	height:51px;
	padding:10px 10px 0px;
	font-size:12px;
	font-weight:normal;
}
.conBoxL h3 a{
	color:#5640f7;
	text-decoration:none;
}
.conBoxL h3 a:visited{
	color:#9a74f7;
}
.conBoxL h3 a:hover{
	color:#5640f7;
	text-decoration:underline;
}

.conBoxL p.button{
	width:139px;
	height:20px;
	padding:0 0 0 1px;
	_display:inline;
}
.conBoxL p.button a{
	display:block;
	height:15px;
	text-indent:-9999px;
	width:67px;
	margin:1px;
	overflow:hidden;
	float:left;
}
.conBoxL a.btnLow{
	background:url(/common/button/0768_s.gif) no-repeat;
}
.conBoxL a.btnHigh{
	background:url(/common/button/2000_s.gif) no-repeat;
}
.conBoxL p.button a.btnDtl{
	text-indent:0px;
	font-size:10px;
	clear:both;
	width:140px;
	text-align:center;
}
.conBoxL .price{
	float:left;
	font-size:10px;
	padding:0 0 0 24px;
	width:35px;
	height:15px;
	color:#666;
}
.conBoxL .dtl{
	font-size:10px;
	width:79px;
	float:right;
	text-align:center;
	height:15px;
	color:#F33;
}







/* 5 SPリストコンテンツ
--------------------------------*/
.conBoxsp{
 	position:relative;
	width:341px;
	margin:10px 0px 0 10px;
	_display:inline;
	float:left;
	/*overflow:hidden; 入れるとアイコンが欠ける */
}

.conBoxsp .newIcon{
	width:30px;
	height:0px !important;
	height /**/ :30px;
	padding-top:30px;
	background:url(../img/newicon_new.png) no-repeat;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
}
.conBoxsp .noIcon{
	display:none;
}

.conBoxsp h2{
 	background:url("../img/conBoxsp_photo.png") no-repeat left top;
	text-align:center;
	padding:15px 0px;
}

.conBoxsp h2 a img{
 	border:1px solid #9d9da1;
	padding:1px;
	background:#ffffff;
}

.conBoxsp h2 a:hover img{
 	border:1px solid #222222;
	padding:1px;
}

.conBoxsp h3{
 	border:1px solid #9d9da1;
	color:#6b5b00;
	font-weight:bold;
	background:#ffffff;
	text-align:center;
	padding:5px 0px;
	height:35px;
}

.conBoxsp .btnArea{
 	background:url("../img/conBoxsp_btn.png") no-repeat left bottom;
	overflow:hidden;
	padding:8px 0px 8px 15px;
}

.conBoxsp .btnArea .price{
	width:60px;
	line-height:26px;
	padding-left:40px;
 	background:url("../img/conBoxsp_price.png") no-repeat left top;
	float:left;
	margin-right:10px;
}

.conBoxsp .btnArea .btn a{
	display:block;
	width:91px;
	height:0px !important;
	height /**/ :26px;
	padding-top:26px;
	overflow:hidden;
	float:left;
	margin-right:10px;
}

.conBoxsp .btnArea .btn a.btnLow{
 	background:url("/common/button/0000w_m.gif") no-repeat left top;
}

.conBoxsp .btnArea .btn a.btnHigh{
 	background:url("/common/button/1000w_m.gif") no-repeat left top;
}



/* 4 NEWリストコンテンツ
--------------------------------*/
.conBoxNew{
	position:relative;
	width:140px;
	height:305px;
	background:url(../img/listBg.gif);
	margin:6px 0px 2px 2px;
	_display:inline;
	float:left;
}
.conBoxNew .newIcon{
	position:absolute;
	clear:both;
	background:url(../img/newicon_new.png) no-repeat;
	width:30px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	top:-6px;
	left:-2px;
}
.conBoxNew .noIcon{
	display:none;
}
.conBoxNew .sammary{
	font-size:10px;
	font-weight:normal;
	width:140px;
	height:20px;
	text-align:center;
	padding:5px 0 0;
	color:#666;
}

.conBoxNew p.pic{
	width:	120px;
	height:174px;
	padding:0px;
	margin:0 10px;
	_display:inline;
}

.conBoxNew h3{
	width:120px;
	height:51px;
	padding:10px 10px 0px;
	font-size:12px;
	font-weight:normal;
}
.conBoxNew h3 a{
	color:#5640f7;
	text-decoration:none;
}
.conBoxNew h3 a:visited{
	color:#9a74f7;
}
.conBoxNew h3 a:hover{
	color:#5640f7;
	text-decoration:underline;
}

.conBoxNew p.button{
	width:139px;
	height:20px;
	padding:0 0 0 1px;
	_display:inline;
}
.conBoxNew p.button a{
	display:block;
	height:15px;
	text-indent:-9999px;
	width:67px;
	margin:1px;
	overflow:hidden;
	float:left;
}
.conBoxNew a.btnLow{
	background:url(/common/button/0768_s.gif) no-repeat;
}
.conBoxNew a.btnHigh{
	background:url(/common/button/2000_s.gif) no-repeat;
}
.conBoxNew p.button a.btnDtl{
	text-indent:0px;
	font-size:10px;
	clear:both;
	width:140px;
	text-align:center;
}
.conBoxNew .price{
	float:left;
	font-size:10px;
	padding:0 0 0 24px;
	width:35px;
	height:15px;
	color:#666;
}
.conBoxNew .dtl{
	font-size:10px;
	width:79px;
	float:right;
	text-align:center;
	height:15px;
	color:#F33;
}
.filler_new{
	background:url(../img/filler_new.gif) no-repeat;
	width:140px;
	height:400px;
	float:left;
	margin:8px 0 0 3px;
	_display:inline;
}






/* 5 RANKINGリストコンテンツ
--------------------------------*/
#monthly_archive .rank1{
	position:absolute;
	top:0;
	left:4px;
}
#monthly_archive .rank2{
	position:absolute;
	top:0;
	left:145px;
}
#monthly_archive .rank3{
	position:absolute;
	top:0;
	left:286px;
}
#monthly_archive .rank4{
	position:absolute;
	top:0;
	left:427px;
}
#monthly_archive .rank5{
	position:absolute;
	top:0;
	left:568px;
}
#monthly_archive .rank6{
	position:absolute;
	top:330px;
	left:4px;
}
#monthly_archive .rank7{
	position:absolute;
	top:330px;
	left:145px;
}
#monthly_archive .rank8{
	position:absolute;
	top:330px;
	left:286px;
}
#monthly_archive .rank9{
	position:absolute;
	top:330px;
	left:427px;
}
#monthly_archive .rank10{
	position:absolute;
	top:330px;
	left:568px;
}
#monthly_archive .rank1 .noIcon{
	position:absolute;
	display:block;
	clear:both;
	background:url(/etc/advanced/av_road/img/rank1.png) no-repeat;
	width:45px;
	height:58px;
	text-indent:9999px;
	overflow:hidden;
	top:-6px;
	left:0px;
	z-index:3;
}
#monthly_archive .rank2 .noIcon{
	position:absolute;
	display:block;
	clear:both;
	background:url(/etc/advanced/av_road/img/rank2.png) no-repeat;
	width:45px;
	height:58px;
	text-indent:9999px;
	overflow:hidden;
	top:-6px;
	left:0px;
	z-index:3;
}
#monthly_archive .rank3 .noIcon{
	position:absolute;
	display:block;
	clear:both;
	background:url(/etc/advanced/av_road/img/rank3.png) no-repeat;
	width:45px;
	height:58px;
	text-indent:9999px;
	overflow:hidden;
	top:-6px;
	left:0px;
	z-index:3;
}
#monthly_archive .rank4 .noIcon{
	position:absolute;
	display:block;
	clear:both;
	background:url(/etc/advanced/av_road/img/rank4.png) no-repeat;
	width:30px;
	height:30px;
	text-indent:9999px;
	overflow:hidden;
	top:-4px;
	left:4px;
	z-index:3;
}
#monthly_archive .rank5 .noIcon{
	position:absolute;
	display:block;
	clear:both;
	background:url(/etc/advanced/av_road/img/rank5.png) no-repeat;
	width:30px;
	height:30px;
	text-indent:9999px;
	overflow:hidden;
	top:-4px;
	left:4px;
	z-index:3;
}
#monthly_archive .rank6 .noIcon{
	position:absolute;
	display:block;
	clear:both;
	background:url(/etc/advanced/av_road/img/rank6.png) no-repeat;
	width:30px;
	height:30px;
	text-indent:9999px;
	overflow:hidden;
	top:-4px;
	left:4px;
	z-index:3;
}
#monthly_archive .rank7 .noIcon{
	position:absolute;
	display:block;
	clear:both;
	background:url(/etc/advanced/av_road/img/rank7.png) no-repeat;
	width:30px;
	height:30px;
	text-indent:9999px;
	overflow:hidden;
	top:-4px;
	left:4px;
	z-index:3;
}
#monthly_archive .rank8 .noIcon{
	position:absolute;
	display:block;
	clear:both;
	background:url(/etc/advanced/av_road/img/rank8.png) no-repeat;
	width:30px;
	height:30px;
	text-indent:9999px;
	overflow:hidden;
	top:-4px;
	left:4px;
	z-index:3;
}
#monthly_archive .rank9 .noIcon{
	position:absolute;
	display:block;
	clear:both;
	background:url(/etc/advanced/av_road/img/rank9.png) no-repeat;
	width:30px;
	height:30px;
	text-indent:9999px;
	overflow:hidden;
	top:-4px;
	left:4px;
	z-index:3;
}
#monthly_archive .rank10 .noIcon{
	position:absolute;
	display:block;
	clear:both;
	background:url(/etc/advanced/av_road/img/rank10.png) no-repeat;
	width:30px;
	height:30px;
	text-indent:9999px;
	overflow:hidden;
	top:-4px;
	left:4px;
	z-index:3;
}

#monthly_archive .filler_new{
	background:url(../img/filler_new.gif) no-repeat;
	width:140px;
	height:400px;
	float:left;
	margin:6px 0 0 3px;
	_display:inline;
}