@charset "UTF-8";

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

"QUIKSILVER"

Cascading Style Sheet - "/css/item/style.css"
Ver. 2010.03

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

商品一覧・商品詳細・検索結果一覧等の設定を行います。

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




/** Item 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");}
body#DCContents{background:#000;}

/** 1028リニューアル追加分 */
body#DCContents ul.breadClumb{background:#000;}
body#DCContents ul.breadClumb a{color:#FFF;}
body#DCContents ul.breadClumb strong{color:#FFF;}
body#DCContents div.contents{background:#000; border-left:dotted 1px #404040; border-right:dotted 1px #404040;}
body#DCContents ul.category_list li{color:#FFF;}
body#DCContents ul.category_list li a{color:#FFF;}
body#DCContents p.imageVariation, p.colorVariation{background:#707070;}
body#DCContents p.colorVariation{background:#707070;}

/** BREAD CLUMB **/
ul.breadClumb{padding-bottom:5px!important;}


/**------------------------------------------------------------- SUB TITLE --**/
h3.subTitle{
  /*width:731px;
  padding:4px 0;*/
  background:/*#F8F7F7*/ #333;
  font-size:14px;
  color:#FFF;
  height:23px;
}
h3.subTitle span{
  position:relative;
  top:4px;
  padding:0 10px;
  font-weight:normal;
}


/**------------------------------------------------------------- PAGE LIST --**/
.pageLink{
  width:735px;
  padding:6px 0 3px 0;
}

.pageLink ul{padding-bottom:0;}


/**----------------------------------------- PAGE SORT --**/
ul.sortList li{
  display:inline;
  padding-right:4px;
}

/**----------------------------------------- PAGE LIST --**/
ul.pageList li{
  float:left;
  width:auto;
  margin-right:4px;
}

ul.pageList li a{
  display:block;
  padding:2px 4px 1px 6px;
  color:#FFFFFF!important;
  font-size:92%;
  line-height:1.2;
}
ul.pageList li a:link, ul.pageList li a:visited{background:#333333;}
ul.pageList li a:hover, ul.pageList li a:active{background:#E0002A;text-decoration:none;}

ul.pageList li span{/** Present Page **/
  display:block;
  padding:2px 4px 1px 6px;
  background:#E0002A;
  color:#FFFFFF;
  font-size:92%;
  line-height:1.2;
}

/** PREV/NEXT **/
ul.pageList li.btn a:link, ul.pageList li.btn a:visited, 
ul.pageList li.btn a:hover, ul.pageList li.btn a:active{
  padding:0.2em 2px 0 1px;
  background:transparent;
}

/**-- PAGE UPPER --**/
.pageLink ul.leftLink{
  float:left;
  width:100px;
}

.pageLink ul.rightLink{
  float:right;
  width:auto;
  margin:0 0 0 auto;
  text-align:right;
}

/** BOTTOM LINK **/
.ftPageLink{padding-bottom:20px;}

/** NO HIT ITEM **/
.itemContents p.noResult{margin:60px 10px;}


/********************************************************************************* ITEM LIST BOX **/
h2.hiddenTitle{display:none;}/** HIDDEN TITLE **/


.itemContents{width:736px;}

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


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

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

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


/**------------------------------------------------------------ ITEM PHOTO --**/
.itemPhoto{float:left;}
.itemBox .itemPhoto{width:105px;}
.itemBox .itemPhoto img{margin:5px 0 5px 4px;}

.itemPhoto img{border:1px solid #DBDBDB;}


/**--------------------------------- div.itemBox:hover --**/
.hover .itemPhoto img, .hover .itemPhoto img{
  margin:3px 0 3px 2px;
  border:2px solid #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;}




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

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


/**----------------------------------------- ThumbList --**/
.itemPhoto ul.otherThumb li{width:50px;}
.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;
}
.itemPhoto ul.otherThumb li img{
  margin:0;
  border:none;
}

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

/** img:hover **/
a.thumb{display:block;}



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

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

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

h3.productName { font-size:20px; }

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


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

.itemInfo table{margin-bottom:8px;}
.itemInfo th{
  width:32px;
  padding-top:12px;
}
.itemInfo td{padding-right:5px;}
.itemInfo td em{
  color:#E0002A;
  font-size:123%;
}

.itemInfo td span.priceOff{color:#E0002A;}


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


/**-------------------------------------------------------- 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;}


/******************************************************************************* ITEM DETAIL BOX **/
.itemDetail{
  width:731px;
  margin-top:5px;
  padding-top:11px;
  background:transparent url("/images/item/bg_itemBox.gif") repeat left top;
}

.itemDetail:after{
  content:".";
  display:block;
  visibility:hidden;
  clear:both;
  font-size:0;
  line-height:1;
}


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

/**------------------------------------------------------------ ITEM PHOTO --**/
.itemDetail .itemPhoto{width:399px;}

/** MAIN PHOTO(Default:01.jpg) **/
.itemDetail .itemPhoto .mainPhoto{
  margin-left:10px;
  background:#000000;
}

/** PARTS PHOTO **/
.itemDetail .itemPhoto ul.photoList{
  width:389px;
  margin-left:10px;
  padding-bottom:11px;
}

.itemDetail .itemPhoto ul.photoList li{
  float:left;
  width:97px;
  background:#000000;
}

.itemDetail .itemPhoto ul.photoList li img{
  border-top:none;
  border-left:none;
}


.itemDetail .itemPhoto ul.photoList li.leftThumb{width:98px;}
.itemDetail .itemPhoto ul.photoList li.leftThumb img{border-left:1px solid #DFDFDF;}





/* 100524 add */
h5.colorVariation { padding:0 !important; height:8px !important; overflow:hidden; }
ul.colorList { padding-bottom:0 !important; margin-top:10px; }
.itemInfo ul.photoList li.leftThumb{ width:98px; }
.itemInfo ul.photoList li { float:left; background-color:#000; width:97px; }
.itemInfo ul.photoList li a { display:block; }
.itemInfo ul.photoList .leftThumb a img{ border-left:1px solid #DFDFDF; }
.itemInfo ul.photoList li a:hover { text-decoration:none; }
.itemInfo ul.photoList li a span { color:#FFF; line-height:1.5em; display:block; }

ul.item_select_cs_block { clear:both; margin-top:10px; }



/* IE6 */
body#DCContents .itemDetail .itemPhoto ul.photoList li img { _width:95px; }

/** COLOR VARIATION LIST **/
.itemDetail .itemPhoto h5{padding-left:10px;}
.itemDetail .itemPhoto h5 img{border:none;}

.itemDetail .itemPhoto ul.colorList li img{border-top:1px solid #DBDBDB;}


/**------------------------------------------------------------- ITEM INFO --**/
.itemDetail .itemInfo{width:315px;}

/** ITEM NAME **/
.itemDetail .itemInfo h4, .itemDetail .itemInfo h5{
  padding:0 10px 10px 0;
  font-size:147%;
  line-height:1.3;
}

/** ITEM DESCRIPTION TEXT **/
.itemDetail .itemInfo p.itemTxt{padding-right:10px;}

/** ITEM PRICE **/
.itemDetail .itemInfo td em{/** Price **/
  font-size:123%;
  font-weight:bold;
}

.itemDetail .itemInfo td span.priceOff{
	color:#E0002A;
	padding-left:1em;
}

.itemDetail .itemInfo th{width:40px;}

.itemDetail .itemInfo ul li{line-height:1;}
.itemDetail ul li select{margin-bottom:6px;}/** 色・サイズ・数量選択 **/
.itemDetail .itemInfo ul li input{margin:0 0 3px 0;}/** ボタン **/


body#MenContents .itemDetail .itemInfo h5,
body#MenContents .itemDetail .itemInfo p,
body#MenContents.itemDetail .itemInfo a { color:#000; }

body#MenContents .itemDetail .itemInfo h4 a,
body#MenContents .itemInfo h5 a,
body#MenContents .itemDetail .itemInfo p.itemTxt{color:#000;}


/** DC SHOES **/
body#DCContents .itemDetail .itemInfo h3,
body#DCContents .itemDetail .itemInfo h5,
body#DCContents .itemDetail .itemInfo p,
body#DCContents.itemDetail .itemInfo a { color:#FFF; }

body#DCContents .itemDetail .itemInfo h4 a,
body#DCContents .itemInfo h5 a,
body#DCContents .itemDetail .itemInfo p.itemTxt{color:#FFF;}
body#DCContents .itemBox{border:none;}
body#DCContents h5.roxy a{background:url(/images/item/other_bg.gif);}
body#DCContents li#selected_category a{color:#d30028;}


/**-------------------------------------------------------- OTHER ITEM BOX --**/
.otherItem{
  width:731px;
  margin-bottom:20px;
}

.otherItem h4{padding:40px 0 5px 0;}

.otherItem .itemContentsInner{width:245px;}
.otherItem .itemRightContents, .otherItem .itemBox{width:240px;}


/**----------------------------------------- ITEM NAME --**/
.otherItem .otherItemTitle{width:240px;}

.otherItem h5 a{
  display:block;
  padding:4px 18px 3px 4px;
  background-repeat:no-repeat;
  background-position:left center;
  color:#FFFFFF!important;
  line-height:1.2;
}

/** MEN **/
.otherItem h5.men a{background-color:#E60012;}
.otherItem h5.men a:link, .otherItem h5.men a:visited{background-image:url("/images/item/bg_otherMen.gif");}
.otherItem h5.men a:hover, .otherItem h5.men a:active{background-image:url("/images/item/bg_otherMen_on.gif");}

/** WOMEN **/
.otherItem h5.women a{background-color:#333333;}
.otherItem h5.women a:link, .otherItem h5.women a:visited{background-image:url("/images/item/bg_otherWomen.gif");}
.otherItem h5.women a:hover, .otherItem h5.women a:active{background-image:url("/images/item/bg_otherWomen_on.gif");}

/** ROXY **/
.otherItem h5.roxy a{background-color:#00A0E9;}
.otherItem h5.roxy a:link, .otherItem h5.roxy a:visited{background-image:url("/images/item/bg_otherRoxy.gif");}
.otherItem h5.roxy a:hover, .otherItem h5.roxy a:active{background-image:url("/images/item/bg_otherRoxy_on.gif");}

/** DC SHOES **/
.otherItem h5.dc a{background-color:#E60012;}
.otherItem h5.dc a:link, .otherItem h5.dc a:visited{background-image:url("/images/item/bg_otherDC.gif");}
.otherItem h5.dc a:hover, .otherItem h5.dc a:active{background-image:url("/images/item/bg_otherDC_on.gif");}


/**----------------------------------------- ITEM PRICE --**/
.otherItem p.price{
  padding:2px 3px 1px 3px;
  background:#EEEEEE;
}
.otherItem p.price img{
  padding-right:10px;
  vertical-align:middle;
}
.otherItem p.price em{
  padding-left:10px;
  color:#E0002A;
}

/** DC SHOES **/
body#DCContents .otherItem p.price{background:#000;}
body#DCContents .otherItem p.price del{color:#666666;}


/**----------------------------------------- ITEM SPEC --**/
.otherItem div.itemBox th, .otherItem .itemBox td{padding:0 0 1px 0;}
.otherItem div.itemBox th{padding-top:2px;}


/*********************************************************************************** NEW ARRIVAL **/
.newTitle{
  width:730px;
  margin-bottom:10px;
  background:transparent url("/images/item/bg_ttl_new.gif") repeat-x 0 15px;
}

.newTitle h2{
  float:left;
  width:300px;
}

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

.mgt25{margin-top:25px;}


/********************************************************************************* DropDown Menu **/
.titleBox{
/*
  z-index:100;
  position:relative;
*/
}

.dropdownBox{
  visibility:hidden;
  position:absolute;
  width:10.5em;
  top:21px;
  right:5px;
}

.mainContents ul.dropdown{
  z-index:200;
  position:relative;
  padding:0;
  background:#FFFFFF;
  border:1px solid #000000;
}
.mainContents ul.dropdown li{
  zoom:1;
  padding:0;
}
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 */
.mainContents ul.dropdown ul{
  visibility: hidden;
  position: absolute;
  z-index:200;
  top:1.8em;
  left:6em;
  width:10em;
  padding:0;
  border:1px solid #000000;
}
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;}



/**============================================================ rearrival_maii 9/15 added ==**/
#rearrival_h3{background-color:#FFFFFF; padding-top:30px;}
#regist_rearrival_mail{background:url("/_common/images/bg_intoCart.gif") repeat scroll left top transparent;padding-bottom:30px;font-size:12px;}
#rearrival_wrap{padding-left:10px;}
.rearrival_p{padding-bottom:0px;padding-top:5px;}


/** |END| ************************************************************************* Item Section **/























/* 商品詳細リニューアル 11/01/24 */


.itemPhoto .item_description_block { margin-top:10px; margin-left:10px; }




.itemInfo .productName { margin-bottom:4px; }
.itemInfo .productPrice { font-size:20px; width:auto; }
.itemInfo .productPrice del { font-size:90%; }
.itemInfo .productPrice em { font-weight:bold; color:#F00; }
.itemInfo .productPrice span { color:#F00; }

.itemDetail .itemPhoto ul.photoList { margin-left:0; width:auto; }

.itemInfo .itemPhoto ul.photoList li.leftThumb,
.itemInfo .itemPhoto ul.photoList li { width:78px; height:99px; background-color:transparent; }

.itemInfo .itemPhoto ul.photoList li.leftThumb img { position:relative; left:0px; top:0px; border:solid 1px #A4A4A4; }
.itemInfo .itemPhoto ul.photoList li img { position:relative; left:0px; top:0px; border:solid 1px #A4A4A4; border-left:none; }


.itemInfo .itemPhoto .imageVariation,
.itemInfo .itemPhoto .colorVariation { background-color:#E10000; color:#FFF !important; font-size:12px; margin-bottom:4px; padding:2px 4px; }


.itemInfo .itemPhoto ul.colorList li { height:120px !important; }
.itemInfo .itemPhoto ul.colorList li span { display:block; color:#FFF; background-color:#000; padding:2px 0 0 4px; }

div.itemDetail div.itemInfo table { width:315px; !important; }
div.itemDetail div.itemInfo table th { font-weight:normal !important; width:60px !important  ; }
div.itemDetail div.itemInfo table td { width:auto !important; }


/*  在庫ソートボタン用css  */
ul.stock_available{text-align:right;}