@charset "utf-8";

/*------------------------------------------------------------------------------
	Date: 2007/08/20
------------------------------------------------------------------------------*/

/*
########################################################
  local navi top
########################################################
*/

div#lNaviArea{
	height:110px;
	margin:0 0 0 6px;
	padding:0;
	position:relative;
	background: url(../../../common/img/bg_lnavi.gif) no-repeat 0 33px;
}
div#lNaviArea.lNaviTop{
	height:65px;
	margin:0 0 0 6px;
	padding:0;
	position:relative;
	background: url(../../../common/img/bg_lnavi03.gif) no-repeat 0 0;
}
div#lNaviArea dl dt{
	display:none;
}

/*
  localnavi01
--------------------------*/

div#lNaviArea dl dd ul.lnavi01{
	height:34px;
	margin:0;
	padding:0;
	position:absolute;
	left:12px;
	font-size:12px;
	top:1px
}

div#lNaviArea dl dd ul.lnavi01 li{
	height:34px;
	display:block;
	float:left;
	padding-top:11px;
	text-align:center;
	font-weight:bold;
	color:#D85D11;
}

div#lNaviArea dl dd ul.lnavi01 li a,
div#lNaviArea dl dd ul.lnavi01 li a:visited{
	height:35px;
	display:block;
	text-align:center;
	margin-top:-11px;
	padding-top:11px;
	font-weight:normal;
	color:#000000;
}

div#lNaviArea dl dd ul.lnavi01 li a:hover,
div#lNaviArea dl dd ul.lnavi01 li a:active{
	height:34px;
	display:block;
	float:left;
	text-align:center;
	font-weight:normal;
	color:#D85D11;
	text-decoration:underline;
}


/*  focus  */

#lnavi01_01{
	width:120px;
	background: url(../img/lnavi_01_01_o.gif) no-repeat left top;
}

#lnavi01_02{
	width:69px;
	background: url(../img/lnavi_01_02_o.gif) no-repeat left top;
}

#lnavi01_03{
	width:85px;
	background: url(../img/lnavi_01_03_o.gif) no-repeat left top;
}

#lnavi01_04{
	width:140px;
	background: url(../img/lnavi_01_04_o.gif) no-repeat left top;
}
#lnavi01_05{
	width:120px;
	background: url(../img/lnavi_01_05_o.gif) no-repeat left top;
}

/*  link - visited  */

#lnavi01_01 a,#lnavi01_01 a:visited{
	width:120px;
	background:url(../img/lnavi_01_01.gif) no-repeat left top;
}

#lnavi01_02 a,#lnavi01_02 a:visited{
	width:69px;
	background:url(../img/lnavi_01_02.gif) no-repeat left top;
}

#lnavi01_03 a,#lnavi01_03 a:visited{
	width:85px;
	background:url(../img/lnavi_01_03.gif) no-repeat left top;
}

#lnavi01_04 a,#lnavi01_04 a:visited{
	width:140px;
	background:url(../img/lnavi_01_04.gif) no-repeat left top;
}

#lnavi01_05 a,#lnavi01_05 a:visited{
	width:120px;
	background:url(../img/lnavi_01_05.gif) no-repeat left top;
}


/*  hover - active  */

#lnavi01_01 a:hover,#lnavi01_01 a:active{
	width:120px;
	background:url(../img/lnavi_01_01_o.gif) no-repeat left top;
}

#lnavi01_02 a:hover,#lnavi01_02 a:active{
	width:69px;
	background:url(../img/lnavi_01_02_o.gif) no-repeat left top;
}

#lnavi01_03 a:hover,#lnavi01_03 a:active{
	width:85px;
	background:url(../img/lnavi_01_03_o.gif) no-repeat left top;
}

#lnavi01_04 a:hover,#lnavi01_04 a:active{
	width:140px;
	background:url(../img/lnavi_01_04_o.gif) no-repeat left top;
}

#lnavi01_05 a:hover,#lnavi01_05 a:active{
	width:120px;
	background:url(../img/lnavi_01_05_o.gif) no-repeat left top;
}


/*
  localnavi02
--------------------------*/

div#lNaviArea dl dd ul.lnavi02{
	height:45px;
	margin:0;
	padding:0;
	position:absolute;
	left:14px;
	top:39px;
	z-index:1;
}

div#lNaviArea dl dd ul.lnavi02 li{
	display:inline;
	margin-left:0;
}

div#lNaviArea dl dd ul.lnavi02 li img.lnavi02FC{
	margin-right:-2px;
}



/*
########################################################
  maincontents
########################################################
*/

/* tab contents area
--------------------------------------------*/

div#categoryMenu{
	width:780px;
	height:957px;
	padding-top:42px;
	margin:12px 0 0;
	background:url(../img/bg_acce_top.jpg) no-repeat left top;
}

div#categoryMenu div.acceCont {
	width:544px;
	margin:0 0 0 205px;
	padding:0;
}

div.acceCont h3 {
	margin-bottom:17px;
}

div.acceCont .copy {
	margin-bottom:27px;
}

div.acceList {
	padding-bottom:13px;
}

div.acceList h4 {
	margin-bottom:10px;
}

div.acceList ul li{
	display:inline;
	margin:0 3px 0 -4px;
	width:178px;
}

div.acceList ul li img {
	margin-bottom:4px;
}

div.acceList ul li.first{
	margin:0 3px 0 0;
}

div.acceList ul li img{
	vertical-align:bottom !important;
}
div.acceList.cl {
	margin-top:15px;
}
div.acceList.cl h4 {
	margin-bottom:14px;
}
div.acceList.cl .copy {
	margin-bottom:20px;
}



/* title style
--------------------------------------------*/
div.mainContents h2.mensAcceTTL{
	width:775px;
	padding:0 0 14px 0;
	position:relative;
	background: url(../img/bg_ttl_mens_acce.gif) no-repeat left bottom;
}
div.mainContents h2.otherAcceTTL{
	width:775px;
	padding:0 0 14px 0;
	position:relative;
	background: url(../img/bg_ttl_other_acce.gif) no-repeat left bottom;
}





/* btn style
--------------------------------------------*/

p.btnIconDetail{
	position:absolute;
	right:18px;
	margin-top:7px;
}


/* accessory detail box
--------------------------------------------*/

div#acceMain{
	margin:25px 0 0 0;
}

div.acceBox{
	width:774px;
	height:auto;
	margin:15px 0 7px 0;
	padding:0;
}
div.acceBox.first{
	margin:30px 0 7px 0;
}*html div.acceBox.first {
	padding-top:30px;
	margin:0 0 7px 0;
}*+html div.acceBox.first {
	padding-top:30px;
	margin:0 0 7px 0;
}

div.acceBox ul{
	width:774px;
	height:auto;
	margin:0;
	padding:0 0 10px 0;
	background:url(../img/bg_acce_box_bottom.gif) no-repeat left bottom;
}

div.acceBoxLast ul{
	width:382px !important;
}

div.acceBox ul li.acceBoxL{
	width:382px;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	/*background:url(../img/bg_acce_box_top.gif) no-repeat left top;*/
}

div.acceBox ul li.acceBoxR{
	width:382px;
	height:auto;
	float:right;
	margin:0;
	padding:0;
	/*background:url(../img/bg_acce_box_top.gif) no-repeat right top;*/
}


/* title & photo */

div.acceBoxMain{
	width:382px;
	height:auto;
	margin:0 0 0 0;
	padding:10px 0 10px 0;
	background:url(../img/bg_acce_box_top.gif) no-repeat right top;
}


li.acceBoxL dl.acceBoxProduct,
li.acceBoxR dl.acceBoxProduct{
	width:356px;
	height:auto;
	margin:10px 0 0 13px;
	padding:0;
}

li.acceBoxL dl.acceBoxProduct dt,
li.acceBoxR dl.acceBoxProduct dt{
	width:356px;
	height:auto;
	margin:0;
	padding:0 0 6px 0;
	font-size:125%;
	font-weight:bold;
	color:#232323;
	background: url(../img/line_double.gif) repeat-x left bottom;
}

li.acceBoxL dl.acceBoxProduct dt img.new08,
li.acceBoxR dl.acceBoxProduct dt img.new08{
	position: absolute; 
	margin-left: 284px;
}

li.acceBoxL dl.acceBoxProduct dd img.release,
li.acceBoxR dl.acceBoxProduct dd img.release{
	position: absolute; 
	margin-top: -5px;
	margin-left: 284px;
}

li.acceBoxL dl.acceBoxProduct dd img.release_notext,
li.acceBoxR dl.acceBoxProduct dd img.release_notext{
	position: absolute; 
	margin-top: -1px;
	margin-left: 284px;
}


li.acceBoxL dl.acceBoxProduct dt img,
li.acceBoxR dl.acceBoxProduct dt img{
	margin:0 0 0 5px;
	padding:0;
	vertical-align:middle;
}
li.acceBoxL dl.acceBoxProduct dd,
li.acceBoxR dl.acceBoxProduct dd{
	margin-top:7px;
	line-height:140%;
	font-size:12px;
}

dl.acceBoxProduct dd.womens {
	margin:0;
	padding:0;
	height:22px;
}
dl.acceBoxProduct dd.nowomens {
	padding-top:29px;
	
}


/* photo detail */

li.acceBoxL p.acceBoxPhoto,
li.acceBoxR p.acceBoxPhoto{
	width:356px;
	margin:0 0 0 13px;
	padding:0 0 0 0;
	/*background: url(../img/line_double.gif) repeat-x left bottom;*/
	position:relative;
}

li.acceBoxL p.acceBoxPhoto .func,
li.acceBoxR p.acceBoxPhoto .func{
}


li.acceBoxL p.acceBoxPhoto .func img,
li.acceBoxR p.acceBoxPhoto .func img{
	margin-right:3px;
}


/* bottom */

div.acceBoxBottom{
	width:378px;
	margin:0 0 0 2px;
	background:url(../img/bg_acce_box_bottom_line.gif) repeat-x 0 0;
}

/* color tips */

li.acceBoxL dl.acceBoxColor,
li.acceBoxR dl.acceBoxColor{
	width:356px;
	height:auto;
	margin:0 0 0 13px;
	padding:0 0 9px 0;
	background: url(../img/line_double.gif) repeat-x left bottom;
}

li.acceBoxL dl.acceBoxColor dt,
li.acceBoxR dl.acceBoxColor dt{
	float:left;
	margin:6px 3px 0 0;
}


li.acceBoxL dl.acceBoxColor dd,
li.acceBoxR dl.acceBoxColor dd{
	float:left;
	margin:0 0 0 0;
}


li.acceBoxL dl.acceBoxColor dd img,
li.acceBoxR dl.acceBoxColor dd img{
	margin:0 3px 0 0;
}

/* detail info */


li.acceBoxL dl.acceBoxDetail,
li.acceBoxR dl.acceBoxDetail{
	clear:both;
	width:356px;
	height:auto;
	margin:5px 0 0 13px;
	padding:0;
}

li.acceBoxL dl.acceBoxDetail dt,
li.acceBoxR dl.acceBoxDetail dt{
	color:#464544;
	font-weight:bold;
}

li.acceBoxL dl.acceBoxDetail dt span,
li.acceBoxR dl.acceBoxDetail dt span{
	margin-left:20px;
}

li.acceBoxL dl.acceBoxDetail dd,
li.acceBoxR dl.acceBoxDetail dd{
	color:#646362;
	font-size:80%;
	line-height:1.2;
}


/* collectionBanner add 080310*/
div#collectionBanner {
	width: 777px;
	height: 73px;
	background: url(../img/banner_bg.jpg) no-repeat;
	padding: 13px 0 0 0;
	position: relative;
}
div#collectionBanner dt {
	margin: 0 0 0 20px;
}
div#collectionBanner dd {
	top: 44px;
	left: 665px;
	position: absolute;
}

/* add toggle */

div.inner img{
	display:none;
}