@charset "UTF-8";

/********************
上部バナー
********************/
.top-head-SpBn{ width:668px; margin:0 auto; padding:0; }
.top-head-SpBn ul{ width:668px; display:block; margin:0; padding:0; list-style-type:none; }
.top-head-SpBn ul:after{ content: ""; display: block; clear: both; height: 1px; overflow: hidden; }
.top-head-SpBn ul li{ width:668px; padding:0; list-style-type:none; background-color:#FFFFFF; }
.top-head-SpBn ul li.topMargin{ margin-bottom:15px; }
.top-head-SpBn ul li a{ display:block; width:668px; margin:0; padding:0; }
.top-head-SpBn ul li a:link,
.top-head-SpBn ul li a:visited { filter:alpha(opacity=100); -moz-opacity:1.0;  opacity:1.0;}
.top-head-SpBn ul li a:hover   { filter:alpha(opacity=47);  -moz-opacity:0.47; opacity:0.47;}

/********************
トップメインバナー
********************/
.mainBn-block{ width:668px; margin:0 auto; padding:0; }
.mainBn-block:after{ content: ""; display: block; clear: both; height: 1px; overflow: hidden; }

#top_SpecialTopicsBn { width:450px; margin:0; padding:0; float:left;}
.top_SpecialTopics {width:450px; height:242px; margin:0 0 28px 0; padding:0; overflow:hidden;}

.top_SpecialBanner {width:450px; height:221px; margin:0; padding:0; background-image: url(../img/2011/top/bg_banner_main.jpg); background-repeat:no-repeat; overflow:hidden;}
.top_SpecialBanner .banner_mainbox {width:448px; height:219px; margin:0 auto; 
_margin:0; padding:0;}
.top_SpecialBanner .banner_mainbox a{display:block; margin:0; padding:0; }
.top_SpecialBanner .banner_mainbox img{width:448px; height:219px; margin-top:1px; padding:0; text-align:center; }

.top_SpecialBanner-select {width:450px; height:20px; margin:0; padding:0; text-align:left; overflow:hidden;}
.top_SpecialBanner-select .banner_selectbox{ width:450px; height:20px; margin:0; padding:0; text-align:left; overflow:hidden; background-color:#CCCCCC}
.top_SpecialBanner-select .banner_selectbox:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }
.top_SpecialBanner-select .banner_select{ display:block; width:20px; height:20px; margin:0; padding:0; float:left; text-align:left;}
.top_SpecialBanner-select .banner_select a{ display:block; width:20px; height:20px;}
.top_SpecialBanner-select .banner_select.margin{ margin-right:5px;}

/********************
トップブランドバナー
********************/

#top_BrandBn { width:188px; margin:0; padding:0; float:right;}
#top_BrandBn .block{width:182px; height:236px; border:#cccccc 3px solid;}
#top_BrandBn .block img{width:182px; height:236px; padding:0;}
#top_BrandBn .block img a{width:182px; height:236px; padding:0; display:block;}

/********************
コンテンツフレーム
********************/
.TopPickupcontents { width:668px; margin:0 auto; padding:0; overflow:hidden;}
.TopPickupcontents:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }


/********************
コーデ
********************/
#Topcoodinate{ width:450px; margin:0; padding:0; float:left; overflow:hidden; }
#Topcoodinate:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }

#ttl-topCode{ width:450px; height:20px; margin:0 auto; padding:0 0 15px 0; position:relative; }
#ttl-topCode:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }
#ttl-topCode h3{ width:450px; height:20px; margin:0 auto; padding:0 0 15px 0; background-image:url(../img/2011/top/ttl_code.jpg); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; }
#ttl-topCode p{ display:block; font-size:10px; color:#FFFFFF; margin:0; padding:0; position:absolute;
top:3px;
_top:1px;
left:395px;
}
#ttl-topCode p a{ display:block; font-size:10px; color:#FFFFFF; }

/*コーデ一段*/
.topCodeBox{ width:450px; height:280px; margin:0 auto; padding:0; overflow:hidden; text-align:center; background-color:#FFFFFF; }
.topCodeBox:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }
.topCodeOneline{ width:420px; height:250px; margin:15px auto; padding:0; overflow:hidden; text-align:center; }
.topCodeOneline:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }

/*コーデ1BOX*/
.topCodeOnebox{ width:100px; height:250px; margin:0 6px 0 0; padding:0; float:left; }
.topCodeOnebox:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }

/*コーデ1BOX マージンなし*/
.topCodeOneboxLast{ width:100px; height:250px; margin:0; padding:0; float:left; }
.topCodeOneboxLast:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }

/*コーデ1BOX 共通*/
.topCodeOneboxImg{ width:100px; height:232px; margin:0 auto; padding:0; text-align:center; display:block; }
.topCodeOneboxImg:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }
.topCodeOneboxImg img{ width:100px; height:232px; margin:0 auto; padding:0; text-align:center; display:block; -ms-interpolation-mode: bicubic; }
.topCodeOneboxDate{ width:100px; height:20px; margin:10px 0 0 0; padding:0; text-align:center; }
.topCodeOneboxDate:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }
.topCodeOneboxDate p{ margin:0; padding:0; font-size:11px; color:#666666; line-height:1; font-weight:bold; }


/********************
ランキング
********************/
#topRankArea{ width:188px; margin:0; padding:0; float:right; }
#topRankArea:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }

#topRank{ width:188px; height:20px; margin:0 auto 15px auto; padding:0; position:relative; }
#topRank h3{ width:188px; height:20px; margin:0 auto; padding:0; background-image:url(../img/2011/top/ttl_ranking.jpg); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; }
#topRank p{ display:block; font-size:10px; color:#FFFFFF; margin:0; padding:0; position:absolute;
top:3px;
_top:1px; left:133px; }

#topRank p a{ display:block; font-size:10px; color:#FFFFFF; }

.ToprankingBigbox{ width:188px; height:280px; margin:0; padding:0; background-color:#FFF; overflow:hidden; }
.ToprankingBigbox:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }

.Topranking1box{ width:120px; height:140px; margin:0; padding:15px 0 8px 0; text-align:right; float:right; }
.Topranking1box img{ width:120px; height:140px; margin:0 auto; padding:0; text-align:center; -ms-interpolation-mode: bicubic; }

.Topranking1More{ width:46px; height:140px; margin:15px 0 0 15px; padding:0; text-align:left; float:left; }
.Topranking1More:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }
/*for IE6*/
* html .Topranking1More{ width:46px; height:140px; margin:15px 0 0 7px; padding:0; text-align:left; float:left; }
* html .Topranking1More:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }

.Topranking1MoreImg{ width:46px; height:20px; margin-bottom:12px; padding:0; background-image:url(../img/2011/top/ranking_1.jpg); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; }

.Topranking1Txt{ width:46px; margin:0; padding:0; text-align:left; overflow:hidden; }
.Topranking1Txt p.rank1name{ width:46px; margin-bottom:18px; padding:0; font-size:10px; color:#666666; line-height:140%; overflow:hidden; }
.Topranking1Txt p.rank1Price{ margin:0; padding:0; font-size:10px; color:#666666; line-height:120%; overflow:hidden; }

.Topranking23box{ width:158px; height:104px; margin-left:15px; padding:0; }
.Topranking2box{ width:75px; height:104px; margin-right:8px; padding:0; overflow:hidden; float:left; }
.Topranking2box img{ width:75px; height:85px; margin:0 auto; padding:0; text-align:center; -ms-interpolation-mode: bicubic; }

.Topranking2More{ width:75px; height:14px; margin-bottom:5px; padding:0; background-image:url(../img/2011/top/ranking_2.jpg); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; }
.Topranking2More:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }

.Topranking3box{ width:75px; height:104px; padding:0; text-align:center; overflow:hidden; float:left; }
.Topranking3box img{ width:75px; height:85px; margin:0 auto; padding:0; text-align:center; -ms-interpolation-mode: bicubic; }

.Topranking3More{ width:75px; height:14px; margin-bottom:5px; padding:0; background-image:url(../img/2011/top/ranking_3.jpg); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; }
.Topranking3More:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }



/********************
ニュース＆インフォメーション
********************/

#topNewsinfo{ width:668px; height:20px; margin:30px auto 15px auto; padding:0; }
#topNewsinfo h3{ width:668px; height:20px; margin:0 auto; padding:0; background-image:url(../img/2011/top/ttl_news.jpg); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; }

.TopNAI{ text-align:center; width:668px; height:117px; margin-bottom:30px; padding:0; background-color:#FFFFFF; overflow:hidden; }
.TopNAI:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }

.TopNAIBox{ width:628px; height:117px; margin:0; padding:0; text-align:center; }
.TopNAIBoxin{ text-align:center; width:628px; height:114px; margin:0 auto; padding:0; overflow:hidden; position:relative; top:-115px; }
.TopNAIBoxin:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }

.TopNAInewsbox{ width:628px; height:75px; margin:17px auto 0 auto; padding:0; overflow: auto; text-align:center; }
.TopNAIonebox{ width:608px; margin:0 auto 10px auto; padding:0; text-align:center; }
.TopNAIonebox:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }
.TopNAIonebox p{ display:block; width:55px; margin:0 10px 0 0; padding:0; text-align:left; float:left; font-size:12px; color:#666666; overflow:hidden; }
.TopNAIonebox span{ display:block; width:530px; margin:0; padding:0; text-align:left; float:left; font-size:12px; color:#666666; }
.TopNAIonebox span a:link { text-decoration:underline; }
.TopNAIonebox span a:visited { text-decoration:underline; filter:alpha(opacity=100); -moz-opacity:1.0;  opacity:1.0; }
.TopNAIonebox span a:hover { text-decoration:underline; filter:alpha(opacity=100); -moz-opacity:1.0;  opacity:1.0; }


/********************
商品一覧
********************/

/*オススメ商品一覧タイトル*/
#topRc{ width:668px; height:20px; margin:0 auto 15px auto; padding:0; }
#topRc h3{ width:668px; height:20px; margin:0; padding:0; background-image:url(../img/2011/top/ttl_staff_recommend.jpg); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; }

/*新着商品一覧タイトル*/
#topNi{ width:668px; height:20px; margin:0 auto 15px auto; padding:0; }
#topNi h3{ width:668px; height:20px; margin:0; padding:0; background-image:url(/img/2011/top/ttl_newarrival.jpg); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; }



/*レコメンド商品一覧タイトル*/
#topRc2{ width:668px; height:20px; margin:15px auto; padding:0; }
#topRc2 h3{ width:668px; height:20px; margin:0 auto; padding:0; background-image:url(../img/2011/top/ttl_recommend_fy.jpg); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; }

/*オススメ商品・レコメンド商品一覧一段*/
.topAreaOneline{ width:668px; margin:0; padding:0; text-align:left; }
.topAreaOneline:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }

/*商品一覧一アイテム*/
.topitemOnebox{ width:156px; margin:0 15px 0 auto; padding:0; text-align:center; float:left; background-color:#FFF; }
.topitemOneboxLast{ width:155px; margin:0 auto; padding:0; text-align:center; float:left; background-color:#FFF; }

/*商品一覧一アイテム表示エリア*/
.top-item-r{ width:136px; margin:0 auto; padding:0 0 15px 0; text-align:center; overflow:hidden; }

/*商品一覧一アイテム表示エリア アルベルトレコメンド用*/
.top-item{ width:136px; margin:0 auto; padding:15px 0 5px 0; text-align:center; overflow:hidden; }

.top-info{ width:136px; height:11px; margin:15px 0 5px 0; padding:0; text-align:left; }
.top-info img{ height:11px; margin:0; padding:0; text-align:left; }
.top-infoBrand{ width:126px; height:20px; margin:5px auto 2px auto; padding:0; text-align:center; overflow:hidden; }

.logo-jm{ width:126px; height:20px; margin:0 auto 2px auto; padding:0; text-align:center; background-image: url(../img/detail/list-junmen.gif); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; } 
.logo-jr{ width:126px; height:20px; margin:0 auto 2px auto; padding:0; text-align:center; background-image: url(../img/detail/list-junred.gif); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; } 
.logo-js{ width:126px; height:20px; margin:0 auto 2px auto; padding:0; text-align:center; background-image: url(../img/detail/list-junselect.gif); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; } 

.top-image { width:136px; height:159px; margin:0 auto 5px auto; padding:0; text-align:center; overflow:hidden; }
.top-name{ display:block; width:125px; height:15px; margin:2px auto 0 auto; padding:2px 0 0 0; text-align:left; overflow:hidden; position:relative; }

.top-name .topreserveBox{ width:125px; height:20px; margin:0 auto; padding:2px 0 0 0; text-align:center; position:absolute; top:23px; left:0; background-color:#990033; color:#FFFFFF; font-size:10px; }
.top-name .toplimitedBox{ width:125px; height:20px; margin:0 auto; padding:2px 0 0 0; text-align:center; position:absolute; top:23px; left:0; background-color: #330099; color:#FFFFFF; font-size:10px; }
.top-name p{ margin:0; padding:0; font-size:11px; line-height:100%; }
.top-name a:link{ text-decoration:none; }
.top-name a:visited{ text-decoration:none; }
.top-text{ width:125px; text-align:center; margin:0 auto 7px auto; line-height:140%; padding:0; }
.top-text p{ font-size:10px; line-height:140%; }

.topFavoriteBtn{ width:125px; height:21px; text-align:center; margin:2px auto 0 auto; padding:0; overflow:hidden; }

.borderFoot-jr{ width:126px; height:6px; text-align:center; margin:0 auto; padding:0; background-color:#b4080f; overflow:hidden; }
.borderFoot-jm{ width:126px; height:6px; text-align:center; margin:0 auto; padding:0; background-color:#043459; overflow:hidden; }
.borderFoot-js{ width:126px; height:6px; text-align:center; margin:0 auto; padding:0; background-color:#999999; overflow:hidden; }

/*商品一覧一アイテム表示エリア アルベルトレコメンド（ランキング）用*/
#multiple_rank_result{display:none; }

/******************** old CSS ********************/
#TopmainFlashimg{ width:668px; height:234px; text-align:center; margin:0 auto 20px auto; }
#TopmainFlashimg:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }