@charset "Shift_JIS";

/*
--------------------------------------------------
  
  (C) 2010 avex marketing Inc. All rights reserved.
--------------------------------------------------*/
@import url("http://common.mu-mo.net/css/headerfooter.css");
@import url("basic.css");
@import url("common.css");

@import url("cmn_header_footer.css");

@import url("hijack_layer.css");

#header #loginStatus {
    font-size:10px;
    height:1.4;
    display:block;
    position:absolute;
    top:29px;
    left:168px;
}
#header #loginStatus a{
    color:#e83519;
}

/* columns
--------------------------------------------------*/
#wrapper {
    width:955px;
    padding:10px 0 10px;
}
/* clearfix --*/
#wrapper:after{
    content:".";
    display:block;
    height:0;
    visibility:hidden;
    clear:both;
}
#wrapper{
    display:inline-block;
}
* html #wrapper{
    height:1%;
}
#wrapper{
    display:block;
}


#shop #mainCol {
    float:left;
    width:715px;
}

#shop #subCol {
    float:right;
    width:225px;
}


/* mainCol
--------------------------------------------------*/
/*category*/
#shop #category{
    display:block;
    position:relative;
    width:715px;
    height:35px;
    background:url(/image/images/renew/category_navi.gif) no-repeat 0 0;
    margin:10px 0 0;
}
#shop #category .cd         {position:absolute;top:0;left:0;}
#shop #category .dvd        {position:absolute;top:0;left:143px;}
#shop #category .goods      {position:absolute;top:0;left:286px;}
#shop #category .fashion    {position:absolute;top:0;left:429px;}
#shop #category .other      {position:absolute;top:0;left:572px;}

#shop #category a{
    display:block;
    text-indent:-9999px;
    text-decoration:none;
    width:143px;
    height:35px;
    background-repeat:no-repeat;
    background-image:url(/image/images/renew/category_navi.gif);
}
#shop #category .cd a       {background-position:0 0;}
#shop #category .dvd a      {background-position:-143px 0;}
#shop #category .goods a    {background-position:-286px 0;}
#shop #category .fashion a  {background-position:-429px 0;}
#shop #category .other a    {background-position:-572px 0;}

#shop #category a:hover{text-indent:-9999px;}
#shop #category .cd a:hover         {background-position:0 -35px;}
#shop #category .dvd a:hover        {background-position:-143px -35px;}
#shop #category .goods a:hover      {background-position:-286px -35px;}
#shop #category .fashion a:hover    {background-position:-429px -35px;}
#shop #category .other a:hover      {background-position:-572px -35px;}

/*topMain*/
#topMain{
    display:block;
}




/*crumbs*/
#crumbs{
    font-size:10px;
    display:block;
    width:705px;
    height:22px;
    padding:11px 0 0 10px;
    border-bottom:1px dotted #7f7f7f;
}
#crumbs h1{
    font-size:10px;
    display:inline;
    font-weight:normal;
}


#noticeKeyword{
    display:block;
    width:715px;
    height:31px;
    background:url(/image/images/renew/notice_keyword.gif) no-repeat 0 0;
    margin:10px 0 0;
}
#noticeKeyword dl{
    line-height:1.3;
    display:block;
    width:715px;
    height:31px;
}
#noticeKeyword dt{
    text-indent:-9999px;
    display:block;
    width:143px;
    float:left;
}
#noticeKeyword dd{
    display:block;
    width:572px;
    float:right;
    overflow:hidden;
    padding:9px 0 0;
}
.notice_keyword{
    height:14px;
    position:relative;
}
.notice_keyword ul{
    position:absolute;
    margin:0 0;
    padding:0;
}
.notice_keyword li{
    margin:0;
    padding:0;
}

#noticeInfo{
    display:block;
    width:715px;
    height:35px;
    background:url(/image/images/renew/notice_info.gif) no-repeat 0 0;
    margin:10px 0 0;
}
#noticeInfo a{
    color:#e83519;
}
#noticeInfo dl{
    line-height:1.3;
    display:block;
    width:715px;
    height:35px;
}
#noticeInfo dt{
    text-indent:-9999px;
    display:block;
    width:143px;
    float:left;
}
#noticeInfo dd{
    display:block;
    width:572px;
    float:right;
    padding:9px 0 0;
}

/*releaseCalendar*/
#releaseCalendarFrame {
	margin: 8px 0px 6px 0px;
	padding: 38px 20px 0px 20px;
	border: 0px;
	width: 675px;
/*	height: 150px; */
	position: relative;
}
#releaseCalendarBar {
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0px;
}
#releaseCalendarIndex {
	position: absolute;
	margin: 10px;
	padding: 0px;
	top: 0px;
	left: 160px;
	font-size: 13px;
	font-weight: bold;
}
#releaseCalendarIndex a {
	color: #0000ff;
	text-decoration: underline;
}
#releaseCalendarPrev {
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 86px;
	left: 0px;
	cursor: pointer;
}
#releaseCalendarNext {
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 86px;
	right: 0px;
	cursor: pointer;
}
#releaseCalendarClip {
	width: 100%;
	height: 100%;
    overflow: hidden;
}
#releaseCalendarPane .rcPage {
	width: 675px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
}
#releaseCalendarPane .rcPage .rcItem {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 135px;
	display: inline;
}
#releaseCalendarPane .rcPage .rcItem img {
	margin: 0px;
	padding: 0px 16px;
}
#releaseCalendarPane .rcPage .rcItem .rcArtist {
	margin: 0px 6px 2px 6px;
	padding: 0px;
	width: 123px;
	overflow: hidden;
}
#releaseCalendarPane .rcPage .rcItem .rcArtist a {
	font-size: 10px;
	font-weight: normal;
	color: #0000ff;
}
#releaseCalendarPane .rcPage .rcItem .rcMercName {
	margin: 2px 6px;
	padding: 0px;
	width: 123px;
	overflow: hidden;
}
#releaseCalendarPane .rcPage .rcItem .rcMercName a {
	font-size: 10px;
	color: #0000ff;
}
#releaseCalendarPane .rcPage .rcItem rcMercName a:link {
	color: #0066cc;
	text-decoration: none;
}
#releaseCalendarPane .rcPage .rcItem rcMercName a:hover {
	color: #0066cc;
	text-decoration: underline;
}
#releaseCalendarPane .rcPage .rcItem .rcSaleDate {
	margin: 2px 6px;
	padding: 0px;
	width: 123px;
	overflow: hidden;
	font-size: 10px;
}
#releaseCalendarPane .rcPage .rcItem .rcPrice {
	margin: 2px 6px;
	padding: 0px;
	width: 123px;
	overflow: hidden;
	font-size: 10px;
}
#releaseCalendarPane .rcPage .rcItem .rcOAFlg {
	margin: 2px 6px;
	padding: 0px;
	width: 123px;
	overflow: hidden;
	color: #ff0000;
	font-size: 10px;
    font-weight: bold;
}


/*subTitle*/
.subTitle{
    display:block;
    width:715px;
    height:38px!important;
    height:38px;
    background-position:0 0;
    background-repeat:no-repeat;
    background-image:url(/image/images/renew/hd_subtitle.gif);
    margin:10px 0 10px!important;
}
.subTitle h2,.subTitle p{
    text-indent:-9999px;
    float:left;
    height:38px;
}
.subTitle .linkList{
    display:block;
    float:right;
}
.subTitle .linkList a{
    color:#333;
    font-size:10px;
    display:block;
    background:url(/image/images/renew/arr_1.gif) no-repeat 0 3px;
    padding:0 10px 0 10px;
    margin:9px 0 0;
}

#titleTopics        {background-image:url(/image/images/renew/hd_topics.gif);}
#titleRecommend1_1  {background-image:url(/image/images/renew/hd_recommend1_1.gif);}
#titleRecommend1_2  {background-image:url(/image/images/renew/hd_recommend1_2.gif);}
#titleRecommend1_3  {background-image:url(/image/images/renew/hd_recommend1_3.gif);}
#titleRecommend1_4  {background-image:url(/image/images/renew/hd_recommend1_4.gif);}
#titleRecommend1_5  {background-image:url(/image/images/renew/hd_recommend1_5.gif);}
#titleRecommend1_6  {background-image:url(/image/images/renew/hd_recommend1_6.gif);}
#titleRecommend1_7  {background-image:url(/image/images/renew/hd_recommend1_7.gif);}
#titleRecommend1_8  {background-image:url(/image/images/renew/hd_recommend1_8.gif);}
#titleNews          {background-image:url(/image/images/renew/hd_news.gif);}
#titleLinks         {background-image:url(/image/images/renew/hd_links.gif);}

.topicsRow{
    display:block;
    padding:10px 0 20px;
    border-bottom:1px solid #999999;
}
.topicsRowlast{
    border:none;
    padding:10px 0 10px;
}

.topicsRow ul{
    display:block;
    width:715px;
    padding:0;
    margin:0;
    background-image:url(/image/images/renew/bg_topics_row.gif);
    background-repeat:repeat-y;
    background-position:232px 0;
}
.topicsRow li{
    display:block;
    float:left;
    width:215px!important;
    width:215px;
    padding:0 35px 0 0; 
}
.topicsRow li.last{
    width:215px!important;
    width:215px;
    padding:0;  
}
.topicsItemWrapper{
    width:215px;
    padding:0 0 10px;
}
.topicsRow li h3{
    font-size:12px;
    line-height:1.4;
    font-weight:bold;
    padding:0 0 6px;
}
.topicsItemWrapper .image{
    display:block;
    float:left;
    width:92px;
}
.topicsItemWrapper .image img{
    border:1px solid #ccc;
}
.topicsItemWrapper .itemIcons{
    display:block;
    float:right;
    width:113px;
}
.topicsRow li .itemIcons li{
    display:block;
    float:none;
    width:113px!important;
    width:113px;
    padding:5px 0 2px 0!important;
    padding:4px 0 0 0;
}
*:first-child+html .topicsRow li .itemIcons li{
    display:block;
    padding:4px 0 0 0!important;
}

.topicsItemWrapper .itemIcons img{
    display:block;
    margin:0 0 1px!important;
    margin:0 0 0;
}
*:first-child+html .topicsItemWrapper .itemIcons img{
    display:block;
    margin:0!important; 
}
.topicsRow li .note{
    font-size:10px;
    line-height:1.4;
    padding:0 0 15px 0;
}
.topicsItemBtnWrapper{
    display:block;
    width:215px;
    padding:0;
}
.topicsBtnRetweet{
    display:block;
    float:left;
    width:57px;
    height:17px;
    padding:0;
}
.topicsBtnRetweet a{
    text-indent:-9999px;
    display:block;
    width:57px;
    height:17px;
    background:url(/image/images/renew/btn_retweet.gif) no-repeat 0 0;
}
.topicsBtnRetweet a:hover{background-image:url(/image/images/renew/btn_retweet_ov.gif);}
.topicsLinkDetail{
    display:block;
    float:right;
}
.topicsLinkDetail a{
    color:#333;
    font-size:10px;
    display:block;
    padding:0 0 0 17px!important;
    padding:1px 0 1px 17px;
    background:url(/image/images/renew/arr_2.gif) no-repeat 0 1px;
}


.recommendList{
	display:block;
	width:715px;
}
.recommendList li{
	display:block;
	width:143px;
	float:left;
	padding:0 0 6px;
}
.recommendImg{
	display:block;
	width:143px;
	text-align:center;
	padding:0 0 10px;
}
.recommendImg img{border:1px solid #ccc;}

.recommendTitle{
	font-size:10px;
	line-height:1.5;
	display:block;
	padding:0 5px;
	text-align:center;
}

#newsList{
    font-size:10px;
    display:block;
    width:715px;
}

#newsList li{
    padding:0 0 6px 10px;
    margin:0 0 7px;
    border-bottom:1px dotted #7f7f7f;
}
#newsList li a{
    color:#333;
    display:block;
    padding:1px 0 1px 17px;
    background:url(/image/images/renew/arr_2.gif) no-repeat 0 1px;
}
#newsList li.last{
    border:none;
}


#linkList{
    display:block;
    width:715px;
}
#linkList li{
    display:block;
    width:163px;
    height:48px;
    float:left;
}


/* #subCol
--------------------------------------------------*/
.subColItem{
    display:block;
    width:225px;
    padding:0 0 10px;
}

/*subColTitle*/
.subColTitle{
    text-indent:-9999px;
    display:block;
    width:225px;
    height:34px;
    background-position:0 0;
    background-repeat:no-repeat;
}
#titleTokuten   {background-image:url(/image/images/renew/hd_tokuten.gif);}
#titleRecommend2{background-image:url(/image/images/renew/hd_recommend2.gif);}
#titleNewcommer {background-image:url(/image/images/renew/hd_newcommer.gif);}
#titleFeature   {background-image:url(/image/images/renew/hd_feature.gif);}
#titlePresent   {background-image:url(/image/images/renew/hd_present.gif);}
#titleRanking   {background-image:url(/image/images/renew/hd_ranking.gif);}
#titleMobile    {background-image:url(/image/images/renew/hd_mobile.gif);}

#titleFeature a{
    text-indent:-9999px;
    display:block;
    width:225px;
    height:34px;
    background-position:0 0;
    background-repeat:no-repeat;
    background-image:url(/image/images/renew/hd_feature.gif);
}
#titleFeature a:hover{background-image:url(/image/images/renew/hd_feature_ov.gif);}

.subColItem .content{
    display:block;
    border:1px solid #999999;
    border-top:none;
}
.subColItem .bnrImg img{border:5px solid #fff;}
.subColItem .bnrImg img:hover{border:5px solid #e93419;}


/*rankingFirstNav*/
.rankingFirstNav{
    display:block;
    position:relative;
    width:225px;
    height:19px;
    background:url(/image/images/renew/btn_ranking_seg1.gif) no-repeat 0 0;
}
.rankingFirstNav #btnDaily  {position:absolute;top:0;left:0;}
.rankingFirstNav .btnWeekly {position:absolute;top:0;left:112px;}
.rankingFirstNav a{
    display:block;
    text-indent:-9999px;
    text-decoration:none;
    height:19px;
    background-repeat:no-repeat;
    background-image:url(/image/images/renew/btn_ranking_seg1.gif);
}
.rankingFirstNav .btnDaily a{
    width:112px;
    background-position:0 0;
}
.rankingFirstNav .btnWeekly a{
    width:113px;
    background-position:-112px 0;
}
.rankingFirstNav a:hover{text-indent:-9999px;}
.rankingFirstNav .btnDaily a:hover,
.rankingFirstNav .btnDaily a.active {background-position:0 -19px;}
.rankingFirstNav .btnWeekly a:hover,
.rankingFirstNav .btnWeekly a.active{background-position:-112px -19px;}



/*rankingSecondNav*/
.rankingSecondNav{
    display:block;
    position:relative;
    width:225px;
    height:19px;
    background:url(/image/images/renew/btn_ranking_seg2.gif) no-repeat 0 0;
}
.rankingSecondNav .btnCd    {position:absolute;top:0;left:0;}
.rankingSecondNav .btnDvd   {position:absolute;top:0;left:74px;}
.rankingSecondNav .btnGoods {position:absolute;top:0;left:150px;}
.rankingSecondNav a{
    display:block;
    text-indent:-9999px;
    text-decoration:none;
    height:19px;
    background-repeat:no-repeat;
    background-image:url(/image/images/renew/btn_ranking_seg2.gif);
}
.rankingSecondNav .btnCd a{
    width:74px;
    background-position:0 0;
}
.rankingSecondNav .btnDvd a{
    width:76px;
    background-position:-74px 0;
}
.rankingSecondNav .btnGoods a{
    width:75px;
    background-position:-150px 0;
}
.rankingSecondNav a:hover{text-indent:-9999px;}
.rankingSecondNav .btnCd a:hover,
.rankingSecondNav .btnCd a.active   {background-position:0 -19px;}
.rankingSecondNav .btnDvd a:hover,
.rankingSecondNav .btnDvd a.active  {background-position:-74px -19px;}
.rankingSecondNav .btnGoods a:hover,
.rankingSecondNav .btnGoods a.active{background-position:-150px -19px;}

.rankingList{
    display:block;
    width:223px;
    border-left:1px solid #999999;
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
}
.rankingList li{
    display:block;
    width:203px;
    padding:10px;
    border-bottom:1px solid #999999;
}
.rankingList li.last{
    border:none;
}
/* clearfix --*/
.rankingList li:after{
    content:"";
    display:block;
    height:0;
    visibility:hidden;
    clear:both;
}
.rankingList li{
    display:inline-block;
}
* html .rankingList li{
    height:1%;
}
.rankingList li{
    display:block;
}
/**/

.rankingList li .image{
    display:block;
    width:62px;
    float:left;
}
.rankingList li .image img{
    display:block;
    width:32px;
    border:1px solid #ccc;
    margin:10px;
}
.rankingList li .note{
    font-size:10px;
    line-height:1.3;
    display:block;
    width:131px;
    float:right;
}
.rankingList li .note a{
    margin:0 5px 0 0;
}
.rankingList li .note .price{
    display:block;
    padding:15px 0 0;
}
.iconRank{display:block;}

.rankingListFotter{
    display:block;
    width:225px;
    height:23px;
    background:url(/image/images/renew/ft_ranking.gif) no-repeat left top;
}
.rankingListFotter .linkRankingList{
    display:block;
    float:right;
}
.rankingListFotter .linkRankingList a{
    color:#333;
    font-size:10px;
    display:block;
    background:url(/image/images/renew/arr_1.gif) no-repeat 0 4px;
    padding:0 10px 0 10px;
    margin:3px 0 0;
}

/*mobile*/
#qrBox{
    display:block;
    width:203px;
    padding:10px;
}

#qrBox .image{
    display:block;
    width:62px;
    float:left;
}
#qrBox .image img{
    display:block;
    width:60px;
    border:1px solid #ccc;
}
#qrBox .note{
    font-size:10px;
    line-height:1.3;
    display:block;
    width:131px;
    float:right;
}
#qrBox .note a{
    color:#333;
    font-size:10px;
    display:block;
    background:url(/image/images/renew/arr_1.gif) no-repeat 0 3px;
    padding:0 0 0 10px;
    margin:6px 0 0;
}


#rulesBox{
    border:1px solid #999999;
    border-top:none;
}
#rulesBox li{
    display:block;
    border-top:1px solid #999999;
    padding:4px 10px;
}
#rulesBox li a{
    color:#333;
    font-size:10px;
    display:block;
    background:url(/image/images/renew/arr_1.gif) no-repeat 0 4px;
    padding:0 0 0 10px;
}