@charset "UTF-8";

/***************************************************************************************************

"QUIKSILVER"

Cascading Style Sheet - "/css/shop/style.css"
Ver. 2009.08.28

----------------------------------------------------------------------------------------------------


***************************************************************************************************/

















/** Shop Section *********************************************************************** |START| **/

/** PAGE BODY IMAGE **/
body#MenContents{background-image:url("/images/item/bg_body_men.gif");}
body#WomenContents{background-image:url("/images/item/bg_body_women.gif");}
body#RoxyContents{background-image:url("/images/item/bg_body_roxy.gif");}


/*********************************************************************** BASE ITEM BOXiOUTLETj **/
div.itemContents{
  width:736px;
  padding-bottom:20px;
}

div.itemContentsInner{/** BOX LIST **/
  float:left;
  width:245px;
}

div.itemRightContents{width:243px;}

div.itemBox{/** AN ITEM BOX **/
  position:relative;/** Other Color **/
  width:241px;
  border-top:2px solid #FFFFFF;
  background:transparent url("/images/shop/bg_itemBox.gif") repeat left top;
}

div.itemContents:after, div.itemBox:after{
  content:".";
  display:block;
  visibility:hidden;
  clear:both;
  font-size:0.1px;
  line-height:1;
}


/**------------------------------------------------------------ ITEM PHOTO --**/
div.itemBox div.itemPhoto{
  float:left;
  width:105px;
}
div.itemPhoto img{
  border:1px solid #DBDBDB;
  margin:5px 0 5px 4px;
}

/**--------------------------------- div.itemBox:hover --**/
div.hover div.itemPhoto img, div.hover div.itemPhoto img{
  margin:3px 0 3px 2px;
  border:2px solid #000000;
}

/**----------------------------------------------------------- Other Color --**/
div.itemBox ul.otherThumb{
  display:none;
  position:absolute;
  top:3px;
  left:100px;
  width:50px;
  padding-bottom:0!important;
  border-top:3px solid #333333;
  background:#333333;
}

div.itemPhoto ul.otherThumb li{width:50px;}
div.itemBox ul.otherThumb li a{
  display:block;
  border-right:3px solid #333333;
  border-bottom:3px solid #333333;
  border-left:3px solid #333333;
  line-height:1;
  text-align:center;
}
div.itemPhoto ul.otherThumb li img{
  margin:0;
  border:none;
}

a.thumb{display:block;}

/**------------------------------------------------------------- ITEM INFO --**/
div.itemBox div.itemInfo{
  float:right;
  width:130px;
  padding-top:10px;
  text-align:left;
}

/** INFORMATION ICON **/
ul.iconList li{
  display:inline;
  margin-right:5px;
}

/** ITEM NAME **/
div.itemBox div.itemInfo h4, div.itemBox div.itemInfo h5{
  padding-right:5px;
  font-size:117%;
  line-height:1.3;
}

/** ITEM SPEC **/
div.itemInfo th, div.itemInfo td{
  padding-top:10px;
  line-height:1.2;
  vertical-align:top;
}

div.itemInfo table{margin-bottom:8px;}
div.itemInfo th{
  width:30px;
  padding-top:12px;
}
div.itemInfo td{padding-right:5px;}
div.itemInfo td em{color:#E0002A;}


/*********************************************************************************** NEW ARRIVAL **/
div.newItemList{padding-bottom:5px;}

div.newItemList div.itemContentsInner{width:146px;}
div.newItemList div.itemContentsInner div.itemBox{width:144px;}
div.newItemList div.itemRightContents{width:146px;}


p.rightLink{text-align:right;}/** moreLink **/
div.newItemList p.rightLink{
  clear:both;
  padding:6px 10px 20px 0;
}


/**----------------------------------------------------------------- TITLE --**/
div.newTitle{
  width:729px;
  margin-top:8px;
}

div.newTitle h3{
  float:left;
  width:400px;
}

div.newTitle p.update{
  float:right;
  width:200px;
  text-align:right;
}

/** MEN **/
body#MenContents div.newTitle{
  position:relative;/** IE6 **/
  width:737px;
  margin-left:-8px;
  background:transparent url("/images/shop/bg_ttl_men.gif") no-repeat 0 0;}
body#MenContents div.newTitle h3 img{margin:4px 0 6px 20px;}
body#MenContents div.newTitle p.update{
  padding:2px 12px 0 0;
  color:#FFFFFF;
}
body#MenContents div.newItemList div.itemBox{background:#FFFFFF;}


/** WOMAN **/
body#WomenContents div.newTitle{background:transparent url("/images/shop/bg_ttl_women.gif") repeat left top;}
body#WomenContents div.newTitle h3 img{margin-left:8px;}
body#WomenContents div.newTitle p.update{
  padding:2px 8px 0 0;
  color:#FFFFFF;
}

/** ROXY **/
body#RoxyContents div.newTitle{margin-top:15px;}
body#RoxyContents div.newTitle p.update{
  padding:0 1px 0 0;
  color:#009FE8;
}


/**----------------------------------------------------------------- PHOTO --**/
div.newItemList div.itemPhoto{
  float:none;
  width:auto;
  padding-top:4px;
  text-align:center;
}

/**------------------------------------------- OnMouse --**/
div.newItemList div.hover div.itemPhoto img{
  margin:4px 0 4px 2px;
  border:2px solid #000000;
}
div.newItemList div.itemBox ul.otherThumb{
  top:8px;
  left:130px;
}

div.newItemList div.itemRightContents div.itemBox ul.otherThumb{
  left:-34px;
}

/**------------------------------------------------------------- Item Info --**/
div.newItemList div.itemBox div.itemInfo{
  float:none;
  width:auto;
  padding:0;
  text-align:center;
}

div.newItemList div.itemBox div.itemInfo h4{
  padding:0 10px 5px 10px;
  line-height:1.1;
}
div.newItemList div.itemBox div.itemInfo p em{
  color:#E0002A;
  font-size:123%;
}
div.newItemList div.itemBox div.itemInfo p span.priceOff{color:#E0002A;}



/************************************************************************** RANKING  RECOMMEND **/
div.shopContents{width:729px;}

/**------------------------------------------------------------------ Area --**/
div.shopContents div.rankArea{
  float:left;
  width:364px;
}

div.shopContents div.rcmndArea{
  float:right;
  width:364px;
  text-align:left;
}

div.shopContents div.itemBox{width:364px;}
div.shopContents div.itemInfo{width:220px;}


/**----------------------------------------- hover --**/
div.shopContents div.itemPhoto{width:140px;}
div.shopContents div.itemPhoto img{
  border:1px solid #DBDBDB;
  margin:9px 0 10px 13px;
}

/** :hover **/
div.shopContents div.hover div.itemPhoto img{
  margin:7px 0 8px 11px;
  border:2px solid #000000;
}

div.shopContents div.hover ul.otherThumb{
  top:7px;
  left:128px;
}

/**------------------------------------------------------------- Item Info --**/
div.shopContents div.itemInfo ul.iconList{padding-bottom:5px;}
div.shopContents div.itemInfo ul.iconList li{line-height:1;}

div.itemBox div.itemInfo h4, div.itemBox div.itemInfo h5{line-height:1.1;}

div.shopContents div.itemInfo th{padding-top:6px;width:35px;}
div.shopContents div.itemInfo td{padding-top:4px;}
div.shopContents div.itemInfo td em{font-size:123%;}


/** MEN **/
body#MenContents div.shopContents div.itemPhoto{width:144px;}
body#MenContents div.shopContents div.itemInfo{
  float:left;
  width:210px;
  margin-top:11px;
  border-top:2px solid #000000;
}

/** WOMEN **/
body#WomenContents div.shopContents div.itemInfo{
  width:210px;
}

/** ROXY **/
body#RoxyContents div.shopContents div.itemPhoto{width:144px;}
body#RoxyContents div.shopContents div.itemInfo{
  float:left;
  width:210px;
  margin-top:11px;
  border-top:2px solid #009FE8;
}


/**--------------------------------------------------------------- Rank No --**/
div.shopContents h4.rank{
  position:absolute;
  top:0;
  left:0;
}

/**----------------------------------------------------------------- Title --**/
div.shopCntsTitle{width:364px;}

div.shopCntsTitle h3{
  float:left;
  width:100px;
}

div.shopCntsTitle p.update{
  float:right;
  width:100px;
  text-align:right;
}


/** MEN **/
body#MenContents div.shopCntsTitle{
  position:relative;/** IE6 **/
  margin-left:-1px;
  background:transparent url("/images/shop/bg_ttl_men2.gif") no-repeat 0 0;}
body#MenContents div.shopCntsTitle h3 img{margin:4px 0 6px 20px;}
body#MenContents div.shopCntsTitle p.update{
  padding:2px 12px 0 0;
  color:#FFFFFF;
}
body#MenContents div.shopContents div.itemBox{background:#FFFFFF;}


/** Women **/
body#WomenContents div.shopCntsTitle{background:transparent url("/images/shop/bg_ttl_women2.gif") repeat left top;}
body#WomenContents div.shopCntsTitle h3 img{margin-left:8px;}
body#WomenContents div.shopCntsTitle p.update{
  padding:2px 8px 0 0;
  color:#FFFFFF;
}

/** Roxy **/
body#RoxyContents div.shopCntsTitle p.update{
  padding:0 12px 0 0;
  color:#009FE8;
}

/** Outlet **/
body#OutletContents h3.title{
  margin-left:-3px;
  padding-bottom:15px;
}


/**-------------------------------------------------------- FOOT SHOP LINK --**/
ul.ftShopLink{padding:0 0 10px 0;}

ul.ftShopLink li{display:inline;}
ul.ftShopLink li.first img{margin:0 1px 1px 0;}


/************************************************************************* DropDown Menu(OUTLET) **/
/*div.itemContentsInner {position:relative;}*/
div.outletShopTitleBar {position:relative;}

div.dropdownBox{
  z-index:200;
  visibility:hidden;
  position:absolute;
  width:12em;
  top:21px;
  right:3px;
}

div.mainContents ul.dropdown{
  position:relative;
  padding:0;
  background:#FFFFFF;
  border:1px solid #DDDDDD;
}
div.mainContents ul.dropdown li{
  zoom:1;
  padding:0;
  z-index:1;
}
ul.dropdown a:hover{color:#000000;}
ul.dropdown a:active{color:#FFFFFF;}
ul.dropdown li a{
  display:block;
  padding:3px 0 2px 0;
  text-decoration:none;
}

ul.dropdown li a span{padding:0 10px;}

ul.dropdown li.hover, ul.dropdown li:hover{
  position:relative;
  background:#333333;
  color:#FFFFFF;
  text-decoration:none;
}
ul.dropdown li.link a:link, ul.dropdown li.hover a:visited, 
ul.dropdown li a:link, ul.dropdown li a:visited{
  background:#FFFFFF;
  color:#333333;
  text-decoration:none;
}
ul.dropdown li.hover a:hover, ul.dropdown li.hover a:active, 
ul.dropdown li a:hover, ul.dropdown li a:active{
  background:#333333;
  color:#FFFFFF;
  text-decoration:none;
}


/* LEVEL TWO */
div.mainContents ul.dropdown ul{
  visibility:hidden;
  position:absolute;
  z-index:200;
  top:1.8em;
  right:0;
  width:9em;
  padding:0;
  border:1px solid #DDDDDD;
}
ul.dropdown ul li{
  background:#FFFFFF;
  color:#333333;
}

ul.dropdown ul li a{
  *display:inline-block;/** IE6 **/
  width: 100%;
}
ul.dropdown ul li a span{padding:0 5px;}




body#DCContents{background:#000;}

/** DC SHOES **/
body#DCContents .itemBox{background:#000000;}

/** DC SHOES **/
body#DCContents .itemPhoto img{border:1px solid #000000;}

body#DCContents .hover .itemPhoto img, 
body#DCContents .hover .itemPhoto img{border:2px solid #ffb900;}

/** DC SHOES **/
body#DCContents .itemBox ul.otherThumb{border-top:3px solid #ffb900;}

/** DC SHOES **/
body#DCContents .itemBox ul.otherThumb li a{
  border-right:3px solid #ffb900;
  border-bottom:3px solid #ffb900;
  border-left:3px solid #ffb900;
}

/** DC SHOES **/
body#DCContents .itemBox .itemInfo h4 a, 
body#DCContents .itemBox .itemInfo h5 a{color:#FFFFFF}


/** DC SHOES **/
body#DCContents .itemInfo td{color:#FFFFFF}

/** DC SHOES **/
body#DCContents .newTitle{background-color:#000000;}
body#DCContents .newTitle p.update{padding:1px 0 0 0; color:#FFFFFF;}
body#DCContents .newTitle p.update span{
  padding-right:5px;
  color:#FFFFFF;
}


/** DC SHOES **/
body#DCContents .shopContents .itemPhoto{width:144px;}
body#DCContents .shopContents .itemInfo{
  float:left;
  width:210px;
  margin-top:11px;
  border-top:2px solid #D7001D;
}


/** DC SHOES **/
body#DCContents .shopCntsTitle{background-color:#000000;}
body#DCContents .shopCntsTitle p.update{padding:1px 0 0 0;}
body#DCContents .shopCntsTitle p.update span{
  padding-right:5px;
  color:#FFFFFF;
}

/** 1028リニューアル追記分 **/
body#DCContents .container{background:#000; color:#FFF; border-left:dotted 1px #404040; border-right:dotted 1px #404040;}
body#DCContents ul.category_list li{color:#FFF; border:none;}
body#DCContents ul.category_list li a{color:#FFF;}
body#DCContents dl dd a{color:#FFF;}
body#DCContents div.itemBox{border:none;}
body#DCContents div.rankNomber{display:none;}
body#DCContents p.upDate{color:#ffb900;}
body#DCContents #newarrivalinfo{background-color:#000;}
body#DCContents #newarrivalinfo ul img {background-color:#000;}
body#DCContents #newarrivalinfo ul li a span.def{color:#FFF;}
body#DCContents #newarrivalinfo ul li.selected a span.def{color:#FF0000;}
body#DCContents #newarrivalinfo ul li{color:#FFB900;}

/****************************************************************** DC LocalMenu (Main Visual) **/

****************************************************************** DC LocalMenu (Main Visual) **/

.brandLocalMenu{width:735px;}

/** LOGO **/
.brandLocalMenu h2{float:left;}
#DClocalMenu h2{width:374px;}


/**------------------------------------- PullDown Menu --**/
ul.localMenuList{
  float:right;
  padding-bottom:0;
  text-align:left;
}
ul.localMenuList li{
  z-index:5;
  float:left;
  position:relative;
}


/** PullDown **/
ul.localMenuList li ul{
  z-index:10;
  display:none;
  position:absolute;
  float:none;
  top:52px;
  left:2px;
  width:118px;
  padding:0;
}
ul.localMenuList li ul li{float:none;}




/** |END| ************************************************************************* Shop Section **/