.historyareaiV2{
    background-image:url(../content/images/top/drep_bzx03.png);
    background-repeat:no-repeat;
    background-position:top;
    position:relative;
    padding-top:5px;
    padding-bottom:15px;
    margin-bottom:10px;
}

.historyareaiV2 .tub_button_hv2{
    display:block;
    padding-left:23px;
}

.historyareaiV2 .tub_button_hv2 li.current span{
    background-image:url(../content/images/top/drep_bzx02.png) !important;
}

.historyareaiV2 .tub_button_hv2 li{
    display:block;
    position:relative;
}

.historyareaiV2 .tub_button_hv2 li img{
    position:absolute;
    top:8px;
}

.historyareaiV2 .tub_button_hv2 li span{
    background-image:url(../content/images/top/drep_bzx01.png);
    background-repeat:no-repeat;
    display:block;
    height:37px;
    float:left;
}

.historyareaiV2 .tub_button_hv2 li span.leftBg{
    background-position:top left;
}

.historyareaiV2 .tub_button_hv2 li span.rightBg{
    background-position:top right;
    width:11px;
    margin-right:10px;
}

.historyareaiV2 .back,
.historyareaiV2 .next{
    position:absolute;
    top:90px;
}

.historyareaiV2 .back{
    left:10px;
}

.historyareaiV2 .next{
    right:10px;
}

.historyareaiV2 .item_list_hv2{
    padding:5px 0px 0px 43px;
    min-height: 100px;
}

.historyareaiV2 .item_list_hv2 .kakaku_hv2{
    color:red;
}

.historyareaiV2 .item_hv2{
    font-size:10px;
    width:65px;
    padding-right:10px;
    display: inline-block;
    vertical-align: top;
}

.historyareaiV2 .item_hv2 span{
    font-size:10px;
}

.historyareaiV2 .item_hv2 .item_img20150106{
    margin-bottom:3px;
    width:60px;
}

.historyareaiV2 .futter_hv2{
    height:11px;
    width:100%;
    background-image:url(../content/images/top/drep_bzx03.png);
    background-repeat:no-repeat;
    background-position:bottom;
    position:absolute;
    bottom:0px;
    left:0px;
}







/*-----------------------------------------------------------------------------
　全体の枠
-----------------------------------------------------------------------------*/


/*-----昨日の人気ランキング----- */
#titi-ranking {
	width: 450px;
	height: 35px;
	background: url(images/top/tit_ranking.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	margin-top: 5px;
}
#ranking-bg{
	width: 446px;
	padding:10px 2px 0 2px;
	background: url(images/top/rankingbg.gif) repeat-y;
	float:left;
}
#ranking-close {
	width: 450px;
	height: 15px;
	background: url(images/top/ranking_close.gif) no-repeat left bottom;
	text-indent: -9999px;
	display: block;
	margin-bottom:0px;
}

#ranking-layout{
	width: 446px;
	float:left;
}
#ranking-layout-left{
	width: 30px;
	padding-top:60px;
	float:left;
}
#ranking-layout-right{
	width: 29px;
	padding-top:60px;
	float:left;
}
.ranking-goodsarea{
	width: 90px;
	line-height:120%;
	float:left;
}
.m-r9{margin-right:9px;}

.ranking-txt{
		font-size:16px;
		padding-bottom:3px;
		color:#ff0000;
		font-weight:bold;
}
.ranking-goodsname{
		font-size:11px;
}
.ranking-price{
		font-size:10px;
		color:#ff0000;
}

.ranking-img{
	border: 1px solid #CCCCCC;
	margin-bottom:5px;
	background: #FFFFFF;
}

#ranking-next a{
	width: 29px;
	height:29px;
	background: url(images/top/bectol_left.gif) no-repeat left top;
	text-indent: -9999px;
	float:left;
}

#ranking-back a{
	width: 29px;
	height:29px;
	background: url(images/top/bectol_right.gif) no-repeat left top;
	text-indent: -9999px;
	float:left;
}

#tit-check {
	width: 750px;
	height: 35px;
	background: url(../content/images/top/tit_check.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	margin-top: 5px;
}

/********************************************************************
* 定番・履歴・お気に入り商品
********************************************************************/
#progress {
  width: 470px;
  background: url('../js/progress.gif') no-repeat 50% 50%;
  height: 120px;
  float:left;
}

#prod_list_none {
	float: left;
	width: 465px;
	text-align: center;
	padding-top:48px;
}

#reg_p_area, #his_p_area, #wl_p_area {
  padding: 0px;
  margin-bottom:0px;
}


#historyarea{
	width: 750px;
	margin-bottom: 15px;	
}

#historytop{
	width: 750px;
	height:10px;
	background: url(../images/common/history/bg.gif) no-repeat left top;
	display: block;	
	float:left;
}

#history{
	width: 730px;
	background: url(../images/common/history/bg.gif) no-repeat left bottom;
	padding:0 10px 10px 10px;
	float:left;
}

#history ul{
	width: 160px;
	padding:5px;
	margin-right:10px;
	float:left;
}

#history #browsingarea{
	width: 540px;
	padding:18px 5px 5px 5px;
	float:left;
}

#history ul li#checktitle{
	width: 160px;
	height:25px;
	background: url(../images/common/history/title.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;	
}

#history ul li.standard-on a{
	width: 160px;
	height:39px;
	background: url(../images/common/history/navi.gif) 160px 0px;
	text-indent: -9999px;
	display: block;	
}

#history ul li.standard a{
	width: 160px;
	height:39px;
	background: url(../images/common/history/navi.gif) 0px 0px;
	text-indent: -9999px;
	display: block;	
}

#history ul li.standard a:hover{
	background: url(../images/common/history/navi.gif) 160px 0px;
}

#history ul li.check-on a{
	width: 160px;
	height:37px;
	background: url(../images/common/history/navi.gif) 160px -39px;
	text-indent: -9999px;
	display: block;	
}

#history ul li.check a{
	width: 160px;
	height:37px;
	background: url(../images/common/history/navi.gif) 0px -39px;
	text-indent: -9999px;
	display: block;	
}

#history ul li.check a:hover{
	background: url(../images/common/history/navi.gif) 160px -39px;
}

#history ul li.favorite-on a{
	width: 160px;
	height:34px;
	background: url(../images/common/history/navi.gif) 160px -76px;
	text-indent: -9999px;
	display: block;	
}

#history ul li.favorite a{
	width: 160px;
	height:34px;
	background: url(../images/common/history/navi.gif) 0px -76px;
	text-indent: -9999px;
	display: block;	
}

#history ul li.favorite a:hover{
	background: url(../images/common/history/navi.gif) 160px -76px;
}

#browsing-layout-left{
	width: 29px;
	padding-top:40px;
	margin-right:8px;
	float:left;
}
#browsing-layout-right{
	width: 29px;
	padding-top:40px;
	float:right;
}

#browsing-next a{
	width: 29px;
	height:29px;
	background: url(../content/images/top/bectol_left.gif) no-repeat left top;
	text-indent: -9999px;
	float:left;
}

#browsing-back a{
	width: 29px;
	height:29px;
	background: url(../content/images/top/bectol_right.gif) no-repeat left top;
	text-indent: -9999px;
	float:left;
}

#browsingarea .goodsarea,#browsingarea2 .goodsarea{
	width: 70px;
	margin-right:9px;
	float:left;
}

/*マイアカウントレイアウト*/
#browsingarea2{
	width: 620px;
	padding:18px 14px 10px 14px;
	font-size:12px;
	line-height:1.2em;
	float:left;
}