@charset "UTF-8"; 
/*
--------------------------------------------------
mercy (2009.09.03)
(c)2009 avex marketing Inc. All rights reserved.
--------------------------------------------------*/
@import url(base.css);
a:link{
	color:#ef1885;
	text-decoration:underline;
}
a:visited{
	color:#ef1885;
	text-decoration:underline;
} 
a:hover{
	color:#ef1885;
	text-decoration:none;
}


/*clm*/

#mainClm{
	display:block;
	float:left;
	width:660px;
}
#topMain{
	display:block;
	width:660px;
	height:320px;
	background-color:#f01687;
	margin:0 0 10px;

}

#magazineSearch{
	position:relative;
	display:block;
	width:660px;
	height:110px;
	margin:0 0 10px;
	background-image:url(../img/bg_magazine.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
#magazineSearch a.prev,#magazineSearch a.next {
    position:absolute;
    top:55px;
    background:url(../img/btn_mag_left.png) no-repeat 0 0;
    display:block;
    width:15px;
    height:15px;
    float:left;
    cursor:pointer;
}
#magazineSearch a.prev{left:7px;}
#magazineSearch a.next{
    right: 7px;
	background-image:url(../img/btn_mag_right.png);
}
#magazineSearch a.disabled {
	visibility:hidden !important;		
} 
#magazineContainer{
	position:absolute;
	overflow:hidden;
	left:30px;
	top:27px;
	display:block;
    width :630px;
    height:70px;
}
#magazineSearch ul.items{
	display:block;
	width:20000em;
	position:absolute;
	clear:both;
}
#magazineSearch ul li{
	display:block;
	float:left;
	padding:0 37px 0 0;
	width:68px!important
}

#magazineSearch ul li a{
	display:block;
	padding:0 14px 0 0;
	width:54px!important;
	width:68px;
	background-image:url(../img/arr_mag.png);
	background-position:right;
	background-repeat:no-repeat;

}
#magazineSearch ul li img{
	display:block;
	border:none;
}
#bnrNew{
	display:block;
	padding:10px 0 20px;
}

#titleArea{
	display:block;
	width:auto;
	height:30px;
	margin:0 0 10px;
	background-repeat:no-repeat;
	background-position:left top;
}

#titleArea h2{
	text-indent:-9999px;
	display:block;
	float:left;
}
#titleArea p{
	text-indent:-9999px;
	display:block;
	float:left;
	padding:0 0 0 12px;
}

.titleRanking{
	width:67px;
	background-image:url(../img/title_ranking.gif);
}
.titleTops{
	width:325px;
	background:none;
}

.categoryRow h2{
	display:block;
	width:325px;
	height:30px;
}
.categoryRow h2 a{
	text-indent:-9999px;
	display:block;
	width:325px;
	height:30px;
	background-repeat:no-repeat;
	background-position:left top;
}
h2.titleTops a		{background-image:url(../img/title_tops.gif);}
h2.titleBottoms a	{background-image:url(../img/title_bottoms.gif);}
h2.titleOnepiece a	{background-image:url(../img/title_onepiece.gif);}
h2.titleAllinone a	{background-image:url(../img/title_allinone.gif);}
h2.titleOthers a	{background-image:url(../img/title_others.gif);}
h2.titleAll a		{background-image:url(../img/title_all.gif);}
h2.titleTops a:hover	{background-image:url(../img/title_tops_ov.gif);}
h2.titleBottoms a:hover	{background-image:url(../img/title_bottoms_ov.gif);}
h2.titleOnepiece a:hover{background-image:url(../img/title_onepiece_ov.gif);}
h2.titleAllinone a:hover{background-image:url(../img/title_allinone_ov.gif);}
h2.titleOthers a:hover	{background-image:url(../img/title_others_ov.gif);}
h2.titleAll a:hover		{background-image:url(../img/title_all_ov.gif);}


#rankBox{
	font-size:11px;
	display:block;
	padding:0 11px 20px 15px;
}

#rankList{
	position:relative;
	display:block;
	padding:7px 0 0;
}
#rankList li{
	position:relative;
	display:block;
	float:left;
	width:135px;
	height:109px;
}
#rankList li.last{
	width:94px;
}
#rankList li .img{
	position:absolute;
	top:9px;
	left:0px;
	width:90px;
}
#rankList li .img a{
	display:block;
	border:1px solid #cccccc;
	padding:2px;
}

#rankList li .rank1,
#rankList li .rank2,
#rankList li .rank3,
#rankList li .rank4,
#rankList li .rank5{
	text-indent:-9999px;
	position:absolute;
	top:0px;
	left:60px;
	width:34px;
	height:29px;
	background-position:left top;
	background-repeat:no-repeat;
}
#rankList li .rank1{background-image:url(../img/icon_rank1.png);}
#rankList li .rank2{background-image:url(../img/icon_rank2.png);}
#rankList li .rank3{background-image:url(../img/icon_rank3.png);}
#rankList li .rank4{background-image:url(../img/icon_rank4.png);}
#rankList li .rank5{background-image:url(../img/icon_rank5.png);}



.categoryRow{
	width:660px;
	padding:0 0 10px 0;
}
.categoryLeft{
	display:block;
	float:left;
	width:325px;
}
.categoryRight{
	display:block;
	float:right;
	width:325px;
}
.categoryList{
	display:block;
	padding:10px 3px 10px 2px;
}
/* clearfix --*/
.categoryList:after{
	content:"";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}
.categoryList{
	display:inline-block;
}
.categoryList{
	height:1%;
}
.categoryList{
	display:block;
}

.categoryList li{
	display:block;
	float:left;
	width:140px!important;
	width:150px;
	padding:10px 10px 0;
}
.categoryList li .img{
	display:block;
	width:140px;
	height:110px;
}
.categoryList li .img img{
	border:1px solid #ef1885;
}
.categoryList li .title{
	width:140px;
	padding:5px 0 0;
	text-align:center;
}