/* @override http://www.voodoochild.jp/css/category.css */

/* @override http://www.voodoochild.jp/css/category.css */

.clearfix:after{
	content: ".";
	display: block;
	height:0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display:inline-block;
}


#left {
	margin-right: 0px;
}

#main {
	margin-left: 0;
	margin-bottom: 60px;
	margin-right: 0;
	margin-top: 0;
	display: block;
	width: 760px;
	float: right;
}

#brandTop {
	display: block;
	width: 760px;
	height: 350px;
	margin-bottom: 30px;
}

#brandTop .brandTag {
	float: left;
	display: block;
	height: 360px;
}

#brandTop .brandName {
	display: block;
	width: 450px;
	height: 300px;
	text-indent: -9999px;
	margin-right: 10px;
}

#brandTop .brandItem {
	display: block;
	margin: 0;
	padding-left: 0;
	list-style-type: none;
	width: 300px;
	float: left;
}

#brandTop h2.alt {
	display: block;
	width: 450px;
	position: relative;
	top: 5px;
	font-weight: bold;
	color: teal;
	height: 60px;
}

#brandTop .brandItem li {
	background-image: url(../images/brandItem_300x70.jpg);
	display: block;
	width: 300px;
	height: 35px;
	margin-bottom: 9px;
}

#brandTop .brandItem li a {
	color: #4c4c4c;
	display: block;
	color: #4c4c4c;
	padding-top: 10px;
	padding-left: 10px;
}

#brandTop .brandItem li a:hover {
	background: url(../images/brandItem_300x70.jpg) 0 35px;
	text-decoration: none;
	display: block;
	width: 290px;
	height: 25px;
	margin-bottom: 9px;
	color: #4c4c4c;
	padding-top: 10px;
	padding-left: 10px;
}

#brandTop .brandItem .bold {
	font-weight: bold;
	font-size: 120%;
	margin-right: 4px;
}

#brandTop ul.brandItem img.itemIcon {
	display: block;
	margin-top: -23px;
	margin-left: 230px;
}

/* @group ブランド画像 */

#brandTop .BooHomes {
	background: url(../images/boohomes/brandName_450x300.gif) no-repeat;
}

#brandTop .BackAlley {
	background: url(../images/backalley/brandName_450x300.gif) no-repeat;
}

#brandTop .NaturalBoo {
	background: url(../images/natural-boo/brandName_450x300.gif) no-repeat;
}

#brandTop .HippyHappyYuppyBoo {
	background: url(../images/hippyhappy/brandName_450x300.gif) no-repeat;
}

#brandTop .BARATAYEGU {
	background: url(../images/baratayegu/brandName_450x300.gif) no-repeat;
}

#brandTop .UPeeClozet {
	background: url(../images/upee/brandName_450x300.gif) no-repeat;
}

#brandTop .TAVIdeBOO {
	background: url(../images/tavideboo/brandName_450x300.gif) no-repeat;
}

#brandTop .SuperBooHomes {
	background: url(../images/super-boo/brandName_450x300.gif) no-repeat;
}

#brandTop .BooShoes {
	background: url(../images/booshoes/brandName_450x300.gif) no-repeat;
}

#brandTop .oil {
	background: url(../images/oil/brandName_450x300.gif) no-repeat;
}

#brandTop .BLOC {
	background: url(../images/bloc/brandName_450x300.gif) no-repeat;
}

#brandTop .FIFI {
	background: url(../images/fifi/brandName_450x300.gif) no-repeat;
}

#brandTop .Marble {
	background: url(../images/marble/brandName_450x300.gif) no-repeat;
}

#brandTop .UNICA {
	background: url(../images/unica/brandName_450x300.gif) no-repeat;
}

#brandTop .BRICBRAC {
	background: url(../images/bricbrac/brandName_450x300.gif) no-repeat;
}

#brandTop .underten {
	background: url(../images/underten/brandName_450x300.jpg) no-repeat;
}

#brandTop .KriffMayer {
	background: url(../images/k-mayer/brandName_450x300.gif) no-repeat;
}

#brandTop .JENNI {
	background: url(../images/jenni/brandName_450x300.gif) no-repeat;
}

#brandTop .ump {
	background: url(../images/ump/brandName_450x300.gif) no-repeat;
}

#brandTop .Beets {
	background: url(../images/beets/brandName_450x300.gif) no-repeat;
}

#brandTop .partyticket {
	background: url(../images/partyticket/brandName_450x300.gif) no-repeat;
}

#brandTop .CommeJeans {
	background: url(../images/comme/brandName_450x300.gif) no-repeat;
}

#brandTop .hurley {
	background: url(../images/hurley/brandName_450x300.jpg) no-repeat;
}

#brandTop .QUATREFOIL {
	background: url(../images/quatrefoil/brandName_450x300.gif) no-repeat;
}

#brandTop .Ragsista {
	background: url(../images/ragsista/brandName_450x300.gif) no-repeat;
}

#brandTop .ZOOM {
	background: url(../images/zoom/brandName_450x300.gif) no-repeat;
}

#brandTop .RocknRoll {
	background: url(../images/rockn-roll/brandName_450x300.gif) no-repeat;
}

#brandTop .BakusGarage {
	background: url(../images/bakus-garage/brandName_450x300.gif) no-repeat;
}

#brandTop .bleu {
	background: url(../images/bleu_horizon/brandName_450x300.gif) no-repeat;
}

#brandTop .candy {
	background: url(../images/candy_bomber/brandName_450x300.gif) no-repeat;
}

/* @end */

/* @group カテゴリ画像 */

#brandTop .goods {
	background: url(../images/goods/categoryName_450x300.jpg) no-repeat;
}

#brandTop .outer {
	background: url(../images/outer/categoryName_450x300.jpg) no-repeat;
}

#brandTop .tops {
	background: url(../images/tops/categoryName_450x300.gif) no-repeat;
}

#brandTop .bottoms {
	background: url(../images/bottoms/categoryName_450x300.gif) no-repeat;
}

#brandTop .cap {
	background: url(../images/cap/categoryName_450x300.gif) no-repeat;
}

#brandTop .bag {
	background: url(../images/bag/categoryName_450x300.gif) no-repeat;
}

#brandTop .shoes {
	background: url(../images/shoes/categoryName_450x300.jpg) no-repeat;
}

#brandTop .goods {
	background: url(../images/goods/categoryName_450x300.jpg) no-repeat;
}

#brandTop .underware {
	background: url(../images/under/categoryName_450x300.jpg) no-repeat;
}

#brandTop .raingoods {
	background: url(../images/rain/categoryName_450x300.jpg) no-repeat;
}

#brandTop .baby {
	background: url(../images/baby/categoryName_450x300.jpg) no-repeat;
}

#brandTop .junior {
	background: url(../images/junior/categoryName_450x300.jpg) no-repeat;
}

#brandTop .ladies {
	background: url(../images/ladies/categoryName_450x300.jpg) no-repeat;
}

#brandTop .mens {
	background: url(../images/mens/categoryName_450x300.jpg) no-repeat;
}

#brandTop .wintergoods {
	background: url(../images/winter/categoryName_450x300.jpg) no-repeat;
}

#brandTop .summergoods {
	background: url(../images/summer/categoryName_450x300.gif) no-repeat;
}

#brandTop .wrapping {
	background: url(../images/wrapping/categoryName_450x300.jpg) no-repeat;
}

#brandTop .novelty {
	background: url(../images/novelty/categoryName_450x300.jpg) no-repeat;
}

#brandTop .outlet {
	background: url(../images/outlet/categoryName_450x300.gif) no-repeat;
}

/* @end */

.itemListHeader {
	font-size: 120%;
	display: block;
	border-bottom-style: dotted;
	border-bottom-color: silver;
	width: 760px;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 20px;
}

.itemListHeader .bold {
	font-weight: bold;
	font-size: 120%;
	margin-right: 10px;
}

#itemList {
	display: block;
	width: 757px;
	padding: 1px 1px 1px 2px;
	height: 200px;
}

#itemList .itemBox {
	display: block;
	float: left;
	width: 220px;
	height: 200px;
	min-height: 180px;
	border: 1px solid silver;
	padding: 15px;
	overflow: visible;
	margin-left: -1px;
	margin-top: -1px;
}

#itemList .itemBox .itemPrice .proper {
	color: gray;
	font-size: 90%;
	text-decoration: line-through;
}

#itemList .itemBox .itemPrice .red {
	color: red;
	font-size: 120%;
	margin-right: 2px;
}

#itemList .itemPictLink {
	float: left;
	display: block;
	width: 100px;
}

#itemList .itemPict {
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 100px;
}

#itemList .itemInfo {
	display: block;
	padding-left: 0;
	list-style-type: none;
	margin: 0;
	width: 110px;
	float: right;
}

#itemList .itemName {
	display: block;
	margin-bottom: 20px;
	word-wrap:break-word;
	white-space: -moz-pre-wrap;
}

#itemList .itemName a {
	font-weight: bold;
	color: #333;
}

#itemList .itemName a:hover {
	text-decoration: none;
	color: teal;
}

#itemList .zeroItems {
	width: 520px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/v_red_40x30.png);
	margin-top: 20px;

}

#itemList .zeroItems p {
	display: none;
	background-color: white;
	height: 30px;
	margin-left: 44px;
	font-size: 140%;
	width: 440px;
}

#paging {
	display: block;
	width: 760px;
	text-align: center;
	clear: left;
	padding-top: 20px;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 40px;
}

#paging .pagenate {
	display: inline-block;
	display: -moz-inline-box;
	color: maroon;
	margin-left: 10px;
	margin-right: 10px;
}

#paging .pagenate a {
	color: black;
}

#paging .pagenate a:hover {
	
	text-decoration: underline;
	color: green;
}

#paging a.prev,
#paging a.link_before {
	background: url(../images/pageBack_43x14.gif) no-repeat;
	display: inline-block;
	width: 43px;
	height: 14px;
	text-indent: -9999px;
	overflow: hidden;
}

#paging .pagingBox {
	display: block;
	border: 1px solid white;
}

#paging a.next,
#paging a.link_next  {
	background: url(../images/pageNext_43x14.gif) no-repeat;
	display: inline-block;
	width: 43px;
	height: 14px;
	text-indent: -9999px;
	overflow: hidden;
}

#paging a.prev, x:-moz-any-link  { /* Firefox 2 and older */
	display:-moz-inline-box;
	padding-top:14px;
}
#paging a.next, x:-moz-any-link  { /* Firefox 2 and older */
	display:-moz-inline-box;
	padding-top:14px;
}

/* @group IE 7 Hack */

*:first-child+html #itemList .itemBox {
	height: 220px;
}

*:first-child+html #brandTop .brandItem li {
	margin-bottom: 7px;
	overflow: hidden;
}

*:first-child+html #brandTop img.itemIcon {
	display: block;
	margin-left: 230px;
	width: 40px;
	height: 30px;
	position: relative;
	top: -3px;
}

*:first-child+html #paging .pagenate  {
display:inline;
zoom:1; /* hasLayout を true にする */
}



/* @end */

/* @group IE 6 Hack */

* html #itemList .itemBox {
	height: 220px;
}

* html #brandTop .brandItem li {
	margin-bottom: 7px;
	overflow: hidden;
}

* html #brandTop img.itemIcon {
	width: 40px;
	height: 30px;
	position: relative;
	top: -3px;
}


* html #paging .pagenate  {
display:inline;
zoom:1; /* hasLayout を true にする */
}

* html #paging a.prev {
	position: relative;
	top: 3px;
}

* html #paging a.next {
	position: relative;
	top: 3px;
}



/* @end */