/* カート部分 */
/*
#header #cartArea #cartInner02{
margin-left:0!important;
}
*/
/* ログインボタン */
/*
#header #userMenu li.end{
text-align: right;
border-right: none;
}
*/

/* 検索ボックス */
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"]
 {
	border: 1px solid #999;
}

/* JSエリア */
#photodiv{
width:980px;
height:300px;
overflow:hidden;
clear:both;
margin-top:8px;
}


/* バナーエリア */
div#indexBnr{
width:980px;
overflow:hidden;
margin:20px 0;
clear:both;
position:relative;
}

div#indexBnr li{
margin-right:8px;
float: left;
}

div#indexBnr #jCarouselLite #btnSet{
width:980px;height:110px;
visibility: visible;
}

div#indexBnr #jCarouselLite #btnSet .bnrArea{
width: 10960px;
}

#btnSet:hover .prev img,
#btnSet:hover .next img{
filter: alpha(opacity=80)!important;
-moz-opacity:0.8!important;
opacity:0.8!important;
}

div#indexBnr #jCarouselLite  .prev img{
position:absolute;left:0;z-index:2;
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
zoom:1;
}

div#indexBnr #jCarouselLite  .next img{
position:absolute;right:7px;z-index:2;
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
zoom:1;
}




/* popUP
*************************************************/
.variation{
visibility: hidden;
position: absolute;z-index:99;
border: none;
width: 285px;
zoom:1;
}

.variation .colorVariation{
background:url(../../img_a/page/common/variation_bg.gif);
overflow:hidden;
text-align:center;
zoom:1;
}
/*
#header ul.navi{
float:left;
clear:both;
}
*/

/* トピックスエリア
*************************************************/
#mainArea #rightColumn #topics{
width:780px;
margin:0 0 8px 0;
height:118px;
overflow-x:hidden;
overflow-y:scroll;
border:1px solid #eeeeee;
font-size:11px;
}

#mainArea #rightColumn #topics .tit{
margin:10px 9px 10px 9px;
height:25px;
width:740px;
background:#f7f7f7;
display:block;
}

#mainArea #rightColumn .tit02{
margin:0px 9px 5px 0px;
height:25px;
width:780px;
background:#f7f7f7;
display:block;
}

#mainArea #rightColumn #topics ul{
padding:0 10px 10px 20px;
/*height:100px;*/
overflow:hidden;
}

#topinfo {
font-weight:bold;
margin:0px 10px 5px 10px;
}

#topinfo a {
font-size:13px;
}


/* メインコンテンツ
*************************************************/
#mainArea #rightColumn #mainContents{
width:580px;
float:left;
}


/* 一覧
*************************************************/
#mainArea #rightColumn #mainContents .itemList{
}

#mainArea #rightColumn #mainContents .itemList .tit{
margin:0 0 16px 0;
}

#mainArea #rightColumn #mainContents .itemList ul{
clear:both;
overflow:hidden;

}

#mainArea #rightColumn #mainContents .itemList ul li{
float:left;
height:350px;
width:144px;
border-top:1px solid #eeeeee;
border-bottom:1px solid #eeeeee;
border-left:1px solid #eeeeee;
position:relative;
zoom:1;
}

#mainArea #rightColumn #mainContents .itemList ul li.end{
width:143px;
border-right:1px solid #eeeeee;
}

/* 20181108追加（コーディネイト）
*************************************************/
#mainArea #rightColumn #mainContents .itemList.coordinate ul li{
height:auto;
padding-top:5px;
}



/* 商品内容
*************************************************/
#mainArea #rightColumn #mainContents .itemList ul li div .icon{
padding:10px 0 10px 10px;
}

#mainArea #rightColumn #mainContents .itemList ul li div .item{
text-align:center;
}

#mainArea #rightColumn #mainContents .itemList ul li div .text{
widh:123px;
padding:20px 10px;
}

#mainArea #rightColumn #mainContents .itemList ul li div {
}

#mainArea #rightColumn #mainContents .itemList ul li div div.boxin,
#mainArea #rightColumn #mainContents #rankingArea ul li div div.boxin,
#mainArea #rightColumn #rightNavi #magazineItem div.boxin{
padding-bottom:5px;
}

#mainArea #rightColumn #mainContents .itemList ul li div .bland,
#mainArea #rightColumn #mainContents #rankingArea ul li div .bland,
#mainArea #rightColumn #rightNavi #magazineItem .bland{
padding:0px 10px 0 10px;
}

#mainArea #rightColumn #mainContents .itemList ul li div h3,
#mainArea #rightColumn #mainContents #rankingArea ul li div h3
{
padding:0 10px 5px 10px;
height:4.2em;
}

#mainArea #rightColumn #mainContents .itemList ul li div h3 a:hover,
#mainArea #rightColumn #mainContents #rankingArea ul li div h3 a:hover,
#mainArea #rightColumn #rightNavi #magazineItem h3 a:hover{
text-decoration:underline;
}

#mainArea #rightColumn #rightNavi #magazineItem h3{
padding:0 10px 5px 10px;
height:4.2em;
}


#mainArea #rightColumn #mainContents .itemList ul li div .price,
#mainArea #rightColumn #mainContents #rankingArea ul li div .price,
#mainArea #rightColumn #rightNavi #magazineItem .price{
padding:0 10px 10px 10px;
}

#mainArea #rightColumn #mainContents .itemList ul li div .price .lineThrough,
#mainArea #rightColumn #mainContents #rankingArea ul li div .price .lineThrough,
#mainArea #rightColumn #rightNavi #magazineItem .lineThrough{
color:#000000;
display:block;
text-decoration:line-through;
white-space:nowrap;
}

#mainArea #rightColumn #mainContents .itemList .moreBtn{
text-align:right;
margin:15px 0 10px 0;
}


/* 最近チェックしたアイテム
*************************************************/
#mainArea #rightColumn #mainContents #recentItem ul {
margin: 0 -2px;
}
#mainArea #rightColumn #mainContents #recentItem ul li{
height: 175px;
width: 140px;
border: #eee solid 1px;
margin: 0 2px 5px 2px;
}


/* ランキング
*************************************************/
#mainArea #rightColumn #mainContents #rankingArea{
	height:394px;
margin:0 0 25px 0;
padding:0 0 25px 0;
border-bottom:1px solid #eeeeee;;
}

#mainArea #rightColumn #mainContents #rankingArea #tab{
background:url(../../img_a/page/top/ranking_tab_bg.gif) no-repeat bottom;
width:580px;
height:30px;
}

#mainArea #rightColumn #mainContents #rankingArea #tab li{
width:155px;
background:url(../../img_a/page/top/weekry_tab_bg.gif);
}

#mainArea #rightColumn #mainContents #rankingArea #tab li img{
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

#mainArea #rightColumn #mainContents #rankingArea ul{
clear:both;
overflow:hidden;
}

#mainArea #rightColumn #mainContents #rankingArea ul li{
float:left;
margin-right:10px;
display:inline;
width:185px;
}



#mainArea #rightColumn #mainContents #rankingArea ul li.dayry{
float:left;
margin-left:11px;
margin-right:0;
display:inline;
width:165px;
cursor:pointer;
}

#mainArea #rightColumn #mainContents #rankingArea ul li.weekry{
margin-left:3px;
margin-right:0;
float:left;
display:inline;
width:165px;
cursor:pointer;
}

#mainArea #rightColumn #mainContents #rankingArea ul li.end{
margin-right:0;
}

#mainArea #rightColumn #mainContents #rankingArea ul li div{
width:165px;
margin:0 auto;
}


.disnon {
display: none;
}

#mainArea #rightColumn #mainContents #rankingArea #tab li.select{
background:url(../../img_a/page/top/weekry_tab_bg_select.gif);
cursor:default;
}

#mainArea #rightColumn #mainContents #rankingArea #tab li.select img{
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}


#mainArea #rightColumn #mainContents #rankingArea ul li div .icon{
margin:10px 0 5px 0;
}

/* 右ナビエリア
*************************************************/
#mainArea #rightColumn #rightNavi{
width:180px;
float:right;
margin:38px 0 0 0;
}

#mainArea #rightColumn #rightNavi #magazineItem{
margin:0 0 10px 0;
border-right:3px solid #F7F7F7;
border-bottom:3px solid #F7F7F7;
border-left:3px solid #F7F7F7;
}

#mainArea #rightColumn #rightNavi #magazineItem p.pic{
width:160px;
padding:10px 7px 0 7px;
}

#mainArea #rightColumn #rightNavi #magazineItem p.text{
width:160px;
padding:5px 7px 10px 7px;
font-size:9px;
}

#mainArea #rightColumn #rightNavi #magazineItem p.moreBtn{
width:160px;
padding:0 7px 0 7px;
text-align:right;
}




#mainArea #rightColumn #rightNavi #weekry{
margin:0 0 10px 0;
border-right:3px solid #F7F7F7;
border-bottom:3px solid #F7F7F7;
border-left:3px solid #F7F7F7;
}

#mainArea #rightColumn #rightNavi #weekry p.pic{
width:160px;
padding:10px 7px 10px 7px;
}

#mainArea #rightColumn #rightNavi #weekry p.text{
width:160px;
padding:5px 10px 10px 10px;
font-size:9px;
}


#mainArea #rightColumn #rightNavi #weekry p.moreBtn{
width:160px;
padding:0 7px 0 7px;
text-align:right;
}

/* もっと見るボタン
************************************************/
p.moreBtn a:hover img{
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}

#mainArea #rightColumn #rightNavi .bnrArea {
margin:0 0 25px 0;
}

#mainArea #rightColumn #rightNavi .bnrArea p.bnrTit{
margin:0 0 4px 0;
}

#mainArea #rightColumn #rightNavi .bnrArea ul{
margin:7px 0 0 0;
}

#mainArea #rightColumn #rightNavi .bnrArea ul li{
margin:0 0 3px 0;
}

 
#mainArea #rightColumn #rightNavi #twitter{
width:180px;
margin:0 0 20px 0;
}

#mainArea #rightColumn #rightNavi #twitter em{
font-size:9px;
}

#mainArea #rightColumn #rightNavi #twitter .twtr-doc{
border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
-webkit-border-radius: 0 0 0 0;
}

#mainArea #rightColumn #rightNavi #twitter .twtr-timeline{
border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
-webkit-border-radius: 0 0 0 0;
}

/* ページTOP へ
*************************************************/
.pageTop{
margin:0!important;
padding:20px 0 30px 0;
}


/* indexバルーン表示
*************************************************/
div.item a div.colorVariation{
width:250px;
z-index:3;
zoom:1;
position:absolute;
border:1px solid #666666;
background:#ffffff;
display:none;
zoom:1;
}

div.colorVariation ul{
clear:both;
padding:10px 17px 10px 17px;
overflow:hidden!important;
}

.colorVariation ul li{
float:left;
width:auto!important;
height:auto!important;
border:none!important;
margin:0 14px 3px 0!important;
}

.colorVariation ul li.end{
margin:0 0 3px 0!important;
}

div.item a:hover div.colorVariation{
display: block!important;
filter: alpha(opacity=100)!important;
-moz-opacity:!important;
opacity:!important;
width:auto;
height:auto;
}

div.item a:hover div.colorVariation img{
filter: alpha(opacity=100)!important;
-moz-opacity:!important;
opacity: 1!important;
width:auto;
height:auto;
}