@charset "utf-8";

/* ==============================
use for converse.co.jp/products/ */

#catnavi{margin:2px auto 10px; width:900px; height:42px; background:url(../images/products/navi/BG.gif) no-repeat; line-height:0;}
* html #catnavi{ height:43px; }/*ie6*/
* html #catnavi img{ margin-bottom:1px; vertical-align:baseline}/*ie6*/
*:first-child+html #catnavi{ background:url(../images/products/navi/BG.gif) no-repeat 0 1px;}/*ie7*/
#catnavi ul li{float:left;height:42px;}
#catnavi ul li.c01{width:113px;}
#catnavi ul li.c02{width:112px;}
#catnavi ul li.c03{width:112px;}
#catnavi ul li.c04{width:112px;}
#catnavi ul li.c05{width:112px;}
#catnavi ul li.c06{width:112px;}
#catnavi ul li.c07{width:112px;}
#catnavi ul li.c08{width:115px;}
#catnavi ul li a:hover img {-moz-opacity:0.9;opacity:0.9;filter:alpha(opacity=90);}

#contents1{ width:900px; margin:0 auto 30px;}
.mheight{min-height: 400px;
height: auto !important;
height: 400px;}
#newproducts{ float:left; width:684px; }
	.probox1{ float:left; margin:0 9px 0 13px; width:90px; text-align:center; height:110px; display:inline; position:relative;}
	.probox1 img { margin-bottom:4px;}
	.probox1 p {font-family: Helvetica,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",meiryo,Osaka,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif; font-size:10px; line-height:11px; letter-spacing:0.1em; font-weight:bold;}
	*:first-child+html .probox1 p{ letter-spacing:0em;}/*ie7*/
	* html .probox1 p{ letter-spacing:0em;}/*ie6*/
	.probox1 a { text-decoration:none; color:#fff;}
	.probox1 a:hover { text-decoration:none; color:#ccc;}
	.probox1 .nicn2{ position:absolute; z-index:7; left:0px; top:0px;}

#previewranking{ float:right; width:200px; border-bottom: 1px solid #fff;}
	.rankbox{ padding:5px 0 0 26px; width:172px; height:50px; border: 1px solid #fff; border-bottom:none; position:relative; text-align:left;}
	.rankbox .rnk{ position:absolute; z-index:5; left:0; top:0;}
	.rankbox .nicn{ position:absolute; z-index:10; right:2px; top:2px;}
	.rankbox .thumb{float:left; margin-right:12px;}
	.rankbox p{ padding-top:13px; font-family: Helvetica,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",meiryo,Osaka,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif; font-size:10px; line-height:12px; letter-spacing:0.1em; font-weight:bold;}
	*:first-child+html .rankbox p{ letter-spacing:0em;}/*ie7*/
	* html .rankbox p{ letter-spacing:0em;}/*ie6*/
	.rankbox a { text-decoration:none; color:#FFF;}
	.rankbox a:hover { text-decoration:none; color:#ccc;}
	
#endlink{ height:10px; width:900px; margin:0 auto 20px;}
	.elbtn{ float:left; margin-right:22px;}


/* ==============================
use for converse.co.jp/products/index.html */
/*   jquary•”•ͺ   */
.scrollable {	position:relative;	overflow:hidden; height:260px; width:900px; margin:0 auto 15px;}
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}
.items div { float:left; width:900px; }

a.browse {
	display:block;
	width:20px;
	height:20px;
	cursor:pointer;
}

.scrollable .title{position:absolute; top:16px; left:45px; z-index:20}
.scrollable a.right {position:absolute; top:126px; right:15px; z-index:50}
.scrollable a.left {position:absolute; top:126px; left:15px; z-index:100} 

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	



/*ˆκ——•”•ͺ*/
.catboxall{width:920px; margin:0 auto 50px; padding-left:19px;}
.catboxall:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.catboxall {display: inline-table;}
* html .catboxall {height: 1%; padding-left:24px;}
.catboxall {display: block;}
.catboxall{zoom:1;}

.catbox{ float:left; margin:0 16px 16px 0; width:213px; height:271px; position:relative; text-align:center;}
.catbox p{ position:absolute; bottom:1px; right:1px;}
.cb01{ background:url(../images2/products/chucktaylor.gif)}
.cb02{ background:url(../images2/products/jackpurcell.gif)}
.cb03{ background:url(../images2/products/chevronstar.gif)}
.cb04{ background:url(../images2/products/onestar.gif)}
.cb05{ background:url(../images2/products/lifestyle.gif)}
.cb06{ background:url(../images2/products/children.gif)}
.cb07{ background:url(../images2/products/cons.gif)}
.cb08{ background:url(../images2/products/apparel_acce.gif)}


/* ==============================
use for converse.co.jp/products/ ΪΧƒy[ƒW */

#productsheet{ width:900px; height:471px; margin:0 auto 6px; background: url(../images2/products/detail/bg01.gif); position:relative; text-align:left;}
	#pCat{ font-size:13px; font-family: Helvetica,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",meiryo,Osaka,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif; font-weight:bold; color:#000; height:15px; line-height:16px; position:absolute; left:33px; top:26px;}
	#pName{font-size:20px; font-family: Helvetica,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",meiryo,Osaka,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif; font-weight:bold; color:#000; height:22px; line-height:23px; position:absolute; left:33px; top:45px; z-index:100;}
	#pBlock1{position:absolute; top:80px; left:33px; width:260px;}
		#pSpc1L{float:left; width:70px; font-size:10px; font-family: Helvetica,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",meiryo,Osaka,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif; font-weight:bold; color:#000; line-height:16px;}
		#pSpc1R{float:right; width:190px; padding-top:1px; font-size:10px; color:#000; line-height:16px;}
	#pBlock2{position:absolute; top:150px; left:33px; width:350px;}
		#pSpc2L{float:left; width:70px; font-size:10px; font-family: Helvetica,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",meiryo,Osaka,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif; font-weight:bold; color:#000; line-height:16px;}
		#pSpc2R{float:right; width:275px; font-size:10px; color:#000; line-height:17px;}
		.bbox{width:60px; height:13px; color:#FFF; line-height:12px; text-align:center; background-color:#000; margin-bottom:5px;}
	#pSize{ position:absolute; left:33px; top:155px; height:100px; width:260px;}
	#pTxt{ position:absolute; left:33px; top:285px; font-size:11px; line-height:16px; width:260px;}
	#pPct{ position:absolute; right:48px; top:20px; width:560px; height:330px; z-index:10;}
		#pPct a:hover img {-moz-opacity:0.9;opacity:0.9;filter:alpha(opacity=90);}
	#pPThumb{ position:absolute; left:319px; top:359px; width:580px; text-align:center;}
		#pPThumb p{ margin-right:4px; float:left; display:inline; }
		#pPThumb a img {-moz-opacity:1.0;opacity:1.0;filter:alpha(opacity=100);background-color:#fff;}
		#pPThumb a:hover img {-moz-opacity:1.0;opacity:1.0;filter:alpha(opacity=100);background-color:#fff;}
		*:first-child+html #pPThumb img{-ms-interpolation-mode: bicubic;}
		* html #pPThumb a img{-ms-interpolation-mode: bicubic;}
		* html #pPThumb a:hover img{-ms-interpolation-mode: bicubic;}		
	#pPThumb_news{ position:absolute; right:25px; top:12px; width:60px; z-index:200;}
		#pPThumb_news img{ margin-bottom:3px; }
		#pPThumb_news a img {-moz-opacity:1.0;opacity:1.0;filter:alpha(opacity=100);background-color:#fff;}
		#pPThumb_news a:hover img {-moz-opacity:1.0;opacity:1.0;filter:alpha(opacity=100);background-color:#fff;}
		*:first-child+html #pPThumb_news img{-ms-interpolation-mode: bicubic;}
		* html #pPThumb_news a img{-ms-interpolation-mode: bicubic;}
		* html #pPThumb_news a:hover img{-ms-interpolation-mode: bicubic;}
	#pBtnL{position:absolute; left:-11px; top:215px; z-index:30; }
	#pBtnR{position:absolute; right:-11px; top:215px; z-index:31; }
	#pMore{position:absolute; right:8px; bottom:45px; height:28px;z-index:200;}
	#pBtnBuy{position:absolute; right:16px; top:17px; z-index:500;}
	#pSpc3L{position:absolute; left:7px; bottom:7px;}
	#pOther{position:absolute; right:10px; bottom:10px;}
	
	#pPThumb2{ position:absolute; right:0; top:-9999px; height:50px; width:50px;}

	
	
#previewranking2{width:900px; margin:0 auto 17px;}
	.rankbox2{float:left; padding:4px 0 0 12px; width:168px; height:50px; border: 1px solid #fff; border-right:none; position:relative; text-align:left;}
	.endbox{width:162px; border-right:1px solid #fff;}
	.rankbox2 .rnk{ position:absolute; z-index:5; left:0; top:0;}
	.rankbox2 .nicn{ position:absolute; z-index:10; right:2px; top:2px;}
	.rankbox2 .thumb{float:left; margin-right:10px;}
	.rankbox2 p{ padding-top:13px; font-family: Helvetica,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",meiryo,Osaka,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif; font-size:10px; line-height:12px; letter-spacing:0.1em; font-weight:bold;}
	*:first-child+html .rankbox2 p{ letter-spacing:0em;}/*ie7*/
	* html .rankbox2 p{ letter-spacing:0em;}/*ie6*/
	.rankbox2 a { text-decoration:none; color:#FFF;}
	.rankbox2 a:hover { text-decoration:none; color:#ccc;}



/* ==============================
use for care.html */
	
#header2{width:700px; height:24px; position:relative; margin:30px auto 0;}
	#header2 h1{ position:absolute; left:0; width:148px; height:23px;}
	#header2 #btnClose{ position:absolute; right:0; bottom:0; width:81px; height:18px;}
	
#contents02{width:100%; margin:20px 0 10px; text-align:center; background-color:#FFF;}
	#textarea{width:700px; margin:0 auto; padding:10px 0; text-align:left;}
	#textarea h2{margin-top:10px;}
	#textarea p{font-size:12px; line-height:1.7;color:#000;}
	#textarea p a{font-size:12px; line-height:1.7;color:#000;}
	#textarea p a:hover{font-size:12px; line-height:1.7;color:#777777;}
	#title{padding-top:25px; font-size:23px; font-family: Helvetica,"ƒqƒ‰ƒMƒmŠpƒS Pro W6","Hiragino Kaku Gothic Pro",meiryo,Osaka,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif; font-weight:bold; text-align: center ;}
	#textarea2{width:650px; margin:0 auto; padding:10px 0; text-align:right; font-size:12px; line-height:1.7;color:#000;}
	
#textarea ul,
#textarea ol{margin: 5px 0 20px 10px;padding:15px;}
#textarea ul li{list-style-type: square;margin-bottom:10px;}
#textarea ol li{list-style-type: decimal;margin-bottom:10px;font-size:12px; line-height:1.7;color:#000;}

	

#footer2{width:700px; height:15px; margin:0 auto; background:url(../images/common/copyright.gif) no-repeat right;}

.w580{width:580px}