@charset "EUC-JP";
img {-ms-interpolation-mode: bicubic;}/*IE7 バイキュービック*/

#cpn_sale{
	width:715px;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#cpn_sale:after{
	display:none;
	clear:both;
	content:"";
	height:0;
	overflow:hidden;
}
#cpn_sale h2{
	margin-bottom:2px;
}
/* 2 menu
--------------------------------*/
#cpn_sale #menuSection{
	clear:both;
	margin-bottom:2px;
	padding:10px 10px;
	background:url(../img/menu_bg.gif) repeat-x;
	border:solid 1px #ccc;
}
#cpn_sale #menuSection:after{
	display:none;
	clear:both;
	content:"";
	overflow:hidden;
}
#cpn_sale #menuSection a{
	padding:4px 3px;
}
#cpn_sale #menuSection a.active,
#cpn_sale #menuSection a:hover{
	background:#8e0e0e;
	color:#fff;
	padding:4px 3px;
	text-decoration:none;
	
border-radius: 3px;        /* CSS3草案 */  
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */  

}

/* 3 コンテンツ
--------------------------------*/
#cpn_sale .conBox{
 position:relative;
	width:140px;
	height:330px;
	background:#eeeeee;
	margin:8px 2px 0 0;
_display:inline;
	float:left;
}
#cpn_sale .conBox .newIcon{
  position:absolute;
	clear:both;
	background:url(../img/newicon_new.png) no-repeat;
	width:30px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	top:-4px;
	left:-1px;
}

#cpn_sale .rank4,
#cpn_sale .rank5,
#cpn_sale .rank6,
#cpn_sale .rank7,
#cpn_sale .rank8,
#cpn_sale .rank9,
#cpn_sale .rank10{
	text-indent:-9999px;
	position:absolute;
	display:block;
	overflow:hidden;
	width:28px;
	height:28px;
	top:0px;
	left:0px;
}
#cpn_sale .rank1,
#cpn_sale .rank2,
#cpn_sale .rank3{
	text-indent:-9999px;
	position:absolute;
	display:block;
	overflow:hidden;
	width:46px;
	height:44px;
	top:-19px;
	left:-8px;
}
#cpn_sale .rank1{
	background:url(/etc/comic/ranking/img/rank1.png) no-repeat;
}
#cpn_sale .rank2{
	background:url(/etc/comic/ranking/img/rank2.png) no-repeat;
}
#cpn_sale .rank3{
	background:url(/etc/comic/ranking/img/rank3.png) no-repeat;
}
#cpn_sale .rank4{
	background:url(/etc/comic/ranking/img/rank4.png) no-repeat;
}
#cpn_sale .rank5{
	background:url(/etc/comic/ranking/img/rank5.png) no-repeat;
}
#cpn_sale .rank6{
	background:url(/etc/comic/ranking/img/rank6.png) no-repeat;
}
#cpn_sale .rank7{
	background:url(/etc/comic/ranking/img/rank7.png) no-repeat;
}
#cpn_sale .rank8{
	background:url(/etc/comic/ranking/img/rank8.png) no-repeat;
}
#cpn_sale .rank9{
	background:url(/etc/comic/ranking/img/rank9.png) no-repeat;
}
#cpn_sale .rank10{
	background:url(/etc/comic/ranking/img/rank10.png) no-repeat;
}

#cpn_sale .conBox .boys,
#cpn_sale .conBox .men,
#cpn_sale .conBox .girls,
#cpn_sale .conBox .woman,
#cpn_sale .conBox .romance,
#cpn_sale .conBox .ladys,
#cpn_sale .conBox .boyslove,
#cpn_sale .conBox .teenslove,
#cpn_sale .conBox .softh,
#cpn_sale .conBox .r18,
#cpn_sale .conBox .other{
	width:120px;
	height:15px;
	margin:7px 10px 8px;
	text-indent:-9999px;
	overflow:hidden;
}
#cpn_sale .conBox .boys{
	background:url(../img/icon_boys.png) no-repeat;
}
#cpn_sale .conBox .men{
	background:url(../img/icon_men.png) no-repeat;
}
#cpn_sale .conBox .girls{
	background:url(../img/icon_girls.png) no-repeat;
}
#cpn_sale .conBox .woman{
	background:url(../img/icon_woman.png) no-repeat;
}
#cpn_sale .conBox .romance{
	background:url(../img/icon_romance.png) no-repeat;
}
#cpn_sale .conBox .ladys{
	background:url(../img/icon_ladys.png) no-repeat;
}
#cpn_sale .conBox .boyslove{
	background:url(../img/icon_boyslove.png) no-repeat;
}
#cpn_sale .conBox .teenslove{
	background:url(../img/icon_teenslove.png) no-repeat;
}
#cpn_sale .conBox .softh{
	background:url(../img/icon_softh.png) no-repeat;
}
#cpn_sale .conBox .r18{
	background:url(../img/icon_r18.png) no-repeat;
}
#cpn_sale .conBox .other{
	background:url(../img/icon_other.png) no-repeat;
}
#cpn_sale .conBox .noIcon{
	display:none;
}
#cpn_sale .conBox .sammary{
	font-size:10px;
	font-weight:normal;
	height:20px;
	text-align:left;
	padding:5px 10px 0;
	color:#666;
}

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

#cpn_sale .conBox h3{
	width:120px;
	padding:5px 10px 0px;
	font-size:12px;
	font-weight:normal;
}
#cpn_sale .conBox h3 a{
	color:#5640f7;
	text-decoration:none;
}
#cpn_sale .conBox h3 a:visited{
	color:#9a74f7;
}
#cpn_sale .conBox h3 a:hover{
	color:#5640f7;
	text-decoration:underline;
}
#cpn_sale .conBox .staff{
	padding:0 10px;
	font-size:10px;
}
#cpn_sale .conBox .btnBox{
	position:absolute;
	top:270px;
	left:0;
}
#cpn_sale .conBox p.button{
	width:139px;
	height:20px;
	padding:0 0 0 1px;
	_display:inline;
}
#cpn_sale .conBox p.button a{
	display:block;
	height:15px;
	text-indent:-9999px;
	width:67px;
	margin:1px;
	overflow:hidden;
	float:left;
}
#cpn_sale .conBox a.btnLow{
	background:url(/common/button/book_preview_s.gif) no-repeat;	
}
#cpn_sale .conBox a.btnHigh{
	background:url(/common/button/read_s.gif) no-repeat;	
}
#cpn_sale .conBox p.button a.btnDtl{
	text-indent:0px;
	font-size:10px;
	clear:both;
	width:140px;
	text-align:center;
}
#cpn_sale .conBox .price{
	float:left;
	font-size:10px;
	padding:0 0 0 24px;
	width:35px;
	height:15px;
	color:#666;
}
#cpn_sale .conBox .dtl{
	font-size:10px;
	width:79px;
	float:right;
	text-align:center;
	height:15px;
	color:#F33;
}
#cpn_sale .filler{
background:url(../img/listFiller.gif) no-repeat;
	width:140px;
	height:320px;
	float:left;
	margin:6px 2px 0 0;
_display:inline;
}
#cpn_sale .continue{
	width:136px;
	height:17px;
	text-align:center;
	position:absolute;
	top:311px;
	left:2px;
	background:#f5f5f5;
}
#cpn_sale .continue a{
	display:block;
	line-height:17px;
	width:136px;
	height:17px;
	background:#fff;
}

/* 4 NEWリストコンテンツ
--------------------------------*/
#cpn_sale .conBoxNew{
 position:relative;
	width:140px;
	height:373px;
	background:url(../img/listBg.gif);
	margin:6px 2px 0 0;
_display:inline;
	float:left;
}
#cpn_sale .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;
}
#cpn_sale .conBoxNew .noIcon{
	display:none;
}
#cpn_sale .conBoxNew .sammary{
	font-size:10px;
	font-weight:normal;
	width:140px;
	height:20px;
	text-align:center;
	padding:5px 0 0;
	color:#666;
}

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

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

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