@charset "Shift_JIS";
/*common css*/
/*
SITE：
ZOZORESORT（http://zozo.jp）
CREDIT：
DESIGN BY STARTTODAY CO.,LTD.
______________________________________*/
html{width:100%; overflow-y:scroll;}
body{margin: 0px; padding: 0px; color: #333333;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,address{margin: 0px; padding: 0px; list-style-type: none;}
img{border: 0px;}
table {border-collapse: collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var,b,i {font-style:normal; font-weight:normal;}
b{font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro W6','ＭＳ Ｐゴシック',sans-serif; font-weight: bold;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
input,textarea,select {font-family: inherit; font-size: inherit; font-weight: inherit; outline:0px none black;}
input,textarea,select {*font-size:100%;}
legend {color:#000;}
li img,
dt img,
dd img,
li input,
dt input,
dd input{vertical-align: top; border: none;}
table {font-size: inherit; font: 100%;}
pre,code,kbd,samp,tt {font-family: monospace; *font-size:108%; line-height: 100%;}
form option{font-size: 100%; padding: 1px;}

/*--basic style--*/

body{
	font: 12px/150% 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','ＭＳ Ｐゴシック',sans-serif, arial,helvetica,clean;
/*
	font: 12px/150% 'ＭＳ Ｐゴシック',sans-serif, arial,helvetica,clean;
*/
	color:#333333;
	background-color: #ffffff;
}

sup{font-size: 50%;}
input{vertical-align:middle;}
select{padding: 2px; border: 1px solid #cccccc;}

/*----- POINTER_STYLE -----*/
a {cursor:pointer; outline:none;}
select {cursor:pointer;}
/*旧a { color:#0000cc; text-decoration: none;}*/
a { color:#1c53c2; text-decoration: none;}
/*a:link {color : #0000cc; text-decoration: none; }*/
a:link {color : #1c53c2; text-decoration: none; }



a:visited {color: #993399; text-decoration: none; }
a:active {color: #0000cc; text-decoration: none; }
a:hover {color:#0000cc; text-decoration: underline;}
input:hover {text-decoration:underline; }		<!-- .al input:hover, -->
.al a:hover img{filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/*----- inlineBlock -----*/
.ib{display: -moz-inline-box; display: inline-block; /display: inline; /zoom: 1;}

/*----- clearfix -----*/
.cf:after{content: ""; display: block; clear: both; height: 0px;}
.cf{/display: inline-block;}
/* exlude MacIE5 \*/
* html .cf { height: 1% }
.cf {display:block;}
/* end MacIE5 */

/*\*//*/
.hack {
	letter-spacing : -9999px;
}
/**/

/*----- IE6_HOVER -----*/
* html body{
	behavior:url("/css/csshover.htc");
}

/*
*{font-family: 'ＭＳ Ｐゴシック'!important} //WINDOWS確認用！
*{font-family: 'メイリオ'!important} //WINDOWS確認用！
*/

div#crumbsNavi #socialBtn .fcbk{ overflow:hidden; }

/*----- COMMON STYLE ----------------------------------------------------------------*/
/*ラインナビ*/
.lineNavi li{
  display: -moz-inline-box; /*for Firefox 2*/
  display: inline-block; /*for modern*/
  /display: inline; /*for ie5〜7*/
  /zoom: 1; /*for ie5〜7*/
  padding-right: 1px;;
}

.lineNavi li span{
	margin: 0px 10px;
}

.lineNavi strong{
	font-weight: bold;
}

/*ページ送りナビ*/
.paginationNavi li{
  display: -moz-inline-box; /*for Firefox 2*/
  display: inline-block; /*for modern*/
  /display: inline; /*for ie5〜7*/
  /zoom: 1; /*for ie5〜7*/
}
.paginationNavi li a,
.paginationNavi li span{
	line-height: 100%;
	margin: 0px 5px;
}

.paginationNavi li span{
	font-weight: bold;
}
.paginationNavi li.prev a{
	margin: 0px 10px 0px 0px;
	display: block;
	text-indent: -9999px;
	background: url("../img/common/icon/page_prev.gif") no-repeat;
	width: 14px;
	height: 14px;
	font-siz: 2px;
}
.paginationNavi li.next a{
	margin: 0px 0px 0px 10px;
	display: block;
	text-indent: -9999px;
	background: url("../img/common/icon/page_next.gif") no-repeat;
	width: 14px;
	height: 14px;
	font-siz: 2px;
}


/*サムネイルリスト ----------------------------------------------------------------*/
.thumbList{
	_padding-bottom: 1px;
	_border-left: 1px solid #cccccc;
}

.thumbList li{
	float: left;
	width: 120px;
	_padding-bottom: 1px;
	_margin-bottom: -1px;

}

.thumbList li a{
	height: 170px;
	display: block;
	border: 1px solid #cccccc;
	text-align: center;
	margin: 0px -1px -1px 0px;
	_margin: 0px 0px -1px -1px;
	padding-top: 20px;
}

.thumbList li span{
	display: block;
	padding-top: 10px;
}


/*検索結果リスト ----------------------------------------------------------------*/
.searchResultList li{
	float: left;
	width: 153px;
}
.searchResultList .listInner{
	font-size: 83%;
	border: 1px solid #cccccc;
	height: 260px;
	line-height: 180%;
	margin: 0px -1px -1px 0px;
	position: relative;
	z-index: 1;
}
.searchResultList .listInner:hover{
	border: 1px solid #808080;
	z-index: 2;
}
.searchResultList .listInner:hover img{
	filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;
}

#colorPopBox p,
.searchResultList p{
	padding-left: 10px;
}

#colorPopBox .thumb,
.searchResultList .thumb{
	text-align: center;
	padding: 10px 0px;
}

#colorPopBox .stock,
.searchResultList .stock{
	height: 18px;
}


#colorPopBox .stock span,
.searchResultList .stock span{
	margin-right: 10px;
}

#colorPopBox .stock .noctock,
.searchResultList .stock .noctock{
	color: #cc0000;
}


#colorPopBox .price,
.searchResultList .price{
	font-size: 108%;
	font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro W6','ＭＳ Ｐゴシック',sans-serif;
	font-weight: bold;
}
#colorPopBox .price strong,
.searchResultList .price strong{
	color: #cc0000;
	font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro W6','ＭＳ Ｐゴシック',sans-serif;
	font-weight: bold;
}
.searchResultList .expansion{
	position: absolute;
	right: 5px;
	bottom: 5px;
}
.searchResultList .bigimage{
	position: absolute;
	right: 5px;
	bottom: 5px;
}
.searchResultList .colorList{
	display: none;
}


/*bigsize*/
.searchResultList.bigThumb li{
	width: 255px;
}

.searchResultList.bigThumb .listInner{
	height: 370px;
}


/*カラーポップ*/
#colorPopBox{
	font-size: 83%;
	display: none;
	position: absolute;
	z-index: 15;
	background-color: #ffffff;
	padding: 10px;
	margin: -10px 0px 0px -10px;
	border: 1px solid #888888;
	line-height: 180%;
}

#colorPopBox .color{
	font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro W6','ＭＳ Ｐゴシック',sans-serif;
	font-weight: bold;
	line-height: 120%;
}

#colorPopBox .innerDetail{
	float: left;
	position: relative;
	border-right: 1px #cccccc solid;
}
#colorPopBox .colorList{
	float: left;
	background-color: #ffffff;
	overflow: hidden;
}

#colorPopBox .colorList{
	padding: 9px 15px 0px 25px;
}
#colorPopBox .colorList li{
	padding-bottom: 1px;
}

#colorPopBox .expansion{
	position: absolute;
	right: 5px;
	top: 241px;
}
#colorPopBox.bigThumb .expansion{
	top: 351px;
}

#colorPopBox .bigimage{
	position: absolute;
	right: 5px;
	top: 241px;
}
#colorPopBox.bigThumb .bigimage{
	top: 351px;
}


/*ピックアップリスト ----------------------------------------------------------------*/
.pickupList li{
	float: left;
	width: 16.666666%;
}

.pickupList li div.listInner{
	text-align: left;
	width: 125px;
	margin: auto;
}

.pickupBlock h3{
	font-size: 108%;
	font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro W6','ＭＳ Ｐゴシック',sans-serif;
	font-weight: bold;
	border-bottom: 1px solid #c9c9c9;
	padding-bottom: 5px;
	margin-bottom: 5px;
}


.pickupBlock .pickupList{
	padding: 0px 30px 30px;
}

.pickupBlock .pickupList .label{
	padding: 2px 0px;
	line-height: 130%;
}

.pickupBlock a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

.pickupBlock .basePosition{
	position: relative;
}

.pickupBlock .prevBtn,
.pickupBlock .nextBtn{
	top: 82px;
}




.pickupBlock .nextBtn{
	_right: 27px;
}

.pickupBlock .stock{
	height: 20px;
}
.pickupBlock .stock span{
	margin-right: 10px;
}

.pickupBlock .stock .noctock{
	color: #cc0000;
}


/*サイズ小*/
.pickupBlock.smallSize li{
	width: 9.0909090909%;
}
.pickupBlock.smallSize .prevBtn,
.pickupBlock.smallSize .nextBtn{
	top: 29px;
}

.pickupBlock.smallSize li div.listInner{
	width: 70px;
}


/*アイテムスライド */
.GoodsTtlArea{
	border-bottom: 1px solid #c9c9c9;
	padding-bottom: 5px;
	margin-bottom: 5px;
	display: block;
	position: relative;
}
.GoodsTtlArea .goodsttl{
	font-size: 108%;
	font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro W6','ＭＳ Ｐゴシック',sans-serif;
	font-weight: bold;
}
.GoodsTtlArea .page{
	position: absolute;
	right: 0px;
	_right: 27px;
}

.GoodsListArea .pickupList{
	padding: 0px 30px 30px;
}

.GoodsListArea a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


.GoodsListArea .pickupList .stock{
	height: 20px;
}
.GoodsListArea .pickupList .stock span{
	margin-right: 10px;
}
.GoodsListArea .pickupList .stock .noctock{
	color: #cc0000;
}

.GoodsListArea .GoodsList{
	position: relative;
}

.GoodsListArea .back-button a{
	position: absolute;
	left: 0px;
	top: 82px;
	width: 26px;
	height: 26px;
	display: block;
	text-indent: -9999px;
	background: url("../img/common/icon/prev.gif") no-repeat;
}
.GoodsListArea .next-button a{
	position: absolute;
	top: 82px;
	right: 0px;
	_right: 27px;
	width: 26px;
	height: 26px;
	display: block;
	text-indent: -9999px;
	background: url("../img/common/icon/next.gif") no-repeat;
}

/*アイテムスライド サイズ小*/

.GoodsListArea .CheckGoodsList{
	position: relative;
}

.GoodsListArea .pickupLists{
	padding: 0px 30px 30px;
}

.GoodsListArea .pickupLists li{
	width: 9.0909090909%;
	/width: 9.03%;
	float: left;
}
.GoodsListArea .CheckGoodsList .back-button a,
.GoodsListArea .CheckGoodsList .next-button a{
	top: 29px;
}
.GoodsListArea .CheckGoodsList li div.listInner{
	width: 70px;
	margin: auto;
}


/*------------ 1105_higuchi追加分 ここから ------------*/
.lineNavi_ran li{
  display: -moz-inline-box; /*for Firefox 2*/
  display: inline-block; /*for modern*/
  /display: inline; /*for ie5〜7*/
  /zoom: 1; /*for ie5〜7*/
  padding-right: 1px;
  font-size:83%;
}

.lineNavi_ran li span{
	margin: 0px 10px;
}

.lineNavi_ran strong{
	font-weight: bold;
}

/*ランキング */

.goodsRanking .pickupList{
	padding: 0px;
}
.goodsRanking .pickupList li{
	width: 20%;
	/width: 19.9%;
	padding-bottom: 10px;
}
.goodsRanking .pickupList .rank span{
	width: 18px;
	height: 18px;
	margin: 3px 0px 4px;
	text-align: center;
	float: left;
	display: block;
	background-color: #ff5601;
	color: #ffffff;
	font-size: 83%;
	font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro W6','ＭＳ Ｐゴシック',sans-serif;
	font-weight: bold;
}
.goodsRanking .listInner .fav{
	margin-bottom:3px;
}
.goodsRanking .pickupList .rank span.iconSet{
	width: 29px;
	margin-top: 0px;
	padding: 5px 0px 0px;
	background: url(../img/common/icon/ranking.gif) no-repeat;
}

.goodsRanking .pickupList .rank span.iconSet_{
	width: 29px;
	margin-top: 0px;
	padding: 5px 0px 0px;
	background: url(../img/common/icon/ranking_.gif) no-repeat;
}

.goodsRanking .pickupList .rank span.iconSet1{
	width: 32px;
	margin-top: 0px;
	padding: 7px 0px 0px;
	background: url(../img/common/icon/age_ranking_1.gif) no-repeat;
}
.goodsRanking .pickupList .rank span.iconSet2{
	width: 32px;
	margin-top: 0px;
	padding: 7px 0px 0px;
	background: url(../img/common/icon/age_ranking_2.gif) no-repeat;
}
.goodsRanking .pickupList .rank span.iconSet3{
	width: 32px;
	margin-top: 0px;
	padding: 7px 0px 0px;
	background: url(../img/common/icon/age_ranking_3.gif) no-repeat;
}
.goodsRanking .pickupList .rank div{
	float: right;
	display: block;
	background-color: #ff5601;
	color: #ffffff;
	font-size: 83%;
	font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro W6','ＭＳ Ｐゴシック',sans-serif;
	font-weight: bold;
}
	
	
/*------------ 1105_higuchi追加分 ここまで ------------*/


/*------------ 1105_higuchi追加分 ここから ------------*/
/*年代別ランキング */

.goodsRanking .pickupList2{
	padding: 0px;
}
.goodsRanking .pickupList2 li{
	float: left;
	width: 20%;
	/width: 19.9%;
	padding-bottom: 100px;
}
.goodsRanking .pickupList2 .rank span{
	width: 18px;
	height: 18px;
	margin: 3px 0px 5px;
	text-align: center;
	float: left;
	display: block;
	background-color: #ff5601;
	color: #ffffff;
	font-size: 83%;
	font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro W6','ＭＳ Ｐゴシック',sans-serif;
	font-weight: bold;
}
.goodsRanking .pickupList2 .rank span.iconSet1{
	width: 32px;
	margin-top: 0px;
	padding: 8px 0px 5px;
	background: url(../img/common/icon/age_ranking_1.gif) no-repeat;
}
.goodsRanking .pickupList2 .rank span.iconSet2{
	width: 32px;
	margin-top: 0px;
	padding: 8px 0px 5px;
	background: url(../img/common/icon/age_ranking_2.gif) no-repeat;
}
.goodsRanking .pickupList2 .rank span.iconSet3{
	width: 32px;
	margin-top: 0px;
	padding: 8px 0px 5px;
	background: url(../img/common/icon/age_ranking_3.gif) no-repeat;
}

/*------------ 1105_higuchi追加分 ここまで ------------*/







/*各ボタン ----------------------------------------------------------------*/
.highBtn{
	color: #ffffff!important;
	text-align: center;
	background-color: #0000cc;
	border: 1px solid #0000cc;
	cursor:pointer;
	padding: 3px 10px;
	/padding-top: 6px;
	text-decoration: none;
}

.highBtn a:hover{
	text-decoration: underline;
	background-color: #0000cc;
}

.mdlBtn{
	color: #0000cc;
	text-align: center;
	background-color: #ffffff;
	border: 1px solid #0000cc;
	cursor:pointer;
	padding: 3px 10px;
	/padding-top: 6px;
	text-decoration: none;
}

.frameBtn{
	border: 1px solid #000000;
	color: #000000!important;
	display: block;
	padding: 2px;
	margin: auto;
	text-align: center;
}

.pointBtn{
	color: #ffffff!important;
	text-align: center;
	background-color: #BE8915;
	border: 1px solid #BE8915;
	padding: 3px 10px;
	/padding-top: 6px;
	text-decoration: none;
	font-weight: bold;
}

/*前次ボタン*/
.prevBtn{
	position: absolute;
	left: 0px;
	width: 26px;
	height: 26px;
	display: block;
	text-indent: -9999px;
	background: url("../img/common/icon/prev.gif") no-repeat;
}
.nextBtn{
	position: absolute;
	right: 0px;
	width: 26px;
	height: 26px;
	display: block;
	text-indent: -9999px;
	background: url("../img/common/icon/next.gif") no-repeat;
}


/*アイコン付きリンク*/
.iconSet{
	background: url("../img/common/icon/right.gif") no-repeat left center;
	padding-left: 8px;
}

/*一覧へ*/
.gotoList a{
	color: #ffffff!important;
	/*background-color: #0000cc;*/
	background-color: #1c53c2;
	padding: 1px 10px;
	display: block;
	float: right;
}
.gotoList a:hover{
	text-decoration: underline;
	/*background-color: #0000cc;*/
	background-color: #1c53c2;
}


/*トップに戻る*/
.returnTop{
	clear: both;
	text-align: right;
	padding-right: 27px;
	line-height: 100%;
}

.returnTop a{
	background: url("../img/common/icon/returntop.gif") no-repeat 0px center;
	padding-left: 20px;
	font-size: 83%;
}



/*base table ----------------------------------------------------------------*/

table{
	width: 100%;
	border-top: 1px solid #333333;
}

table tbody th{
	background-color: #e6e6e6;
	border-bottom: 1px solid #333333;
}

table tbody td{
	border-bottom: 1px solid #333333;
}

table thead th{
	color: #ffffff;
	background-color: #000000;
	border-left: 1px solid #ffffff;
	padding: 11px 5px 11px 15px;
}


/*過去データ用エリア ----------------------------------------------------------------*/
#convert{
	text-align: center;
	margin-bottom: -60px;
}

#convert table{
	width: auto;
	border-top-width: 0px;
}

#convert table tbody th{
	border-bottom-width: 0px;
}

#convert table tbody td{
	border-bottom-width: 0px;
}

#convert table thead th{
	color: #333333;
	border-left-width: 0px;
	padding: 0px;
}

#convert .widthMax{
	width: 100%;
}
