@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;}/*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,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",meiryo,Osaka,"ＭＳ Ｐゴシック",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;}
	.rightline{ position: absolute; right:-12px; background:#CCC; height:110px; width:1px;}

#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,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",meiryo,Osaka,"ＭＳ Ｐゴシック",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/ 詳細ページ */

#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,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif; font-weight:bold; color:#000; height:15px; line-height:16px; position:absolute; left:33px; top:25px;}
	#pName{font-size:20px; font-family: Helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",meiryo,Osaka,"ＭＳ Ｐゴシック",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,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",meiryo,Osaka,"ＭＳ Ｐゴシック",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,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",meiryo,Osaka,"ＭＳ Ｐゴシック",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; right:25px; top:12px; width:44px;}
		#pPThumb img{ margin-bottom:3px; }
		#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{ 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;}	

	#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;}

#contents2{width:900px; margin:0 auto;}
#contents2 img{margin:0 0 10px 0;}
	#pSpc3L{float:left; width:440px;}
		#pSpc3L img{float:left; margin-right:2px;}
		#pSpc3L img{_float:left; _padding:0 2px 8px 0;} /*ie6 位置調整*/
		*:first-child+html #pSpc3L img{float:left; padding:0 2px 8px 0;} /*ie7 位置調整*/
	#pSpc3R{float:right; width:455px; height:20px; background:url(../images/products/keitaiBG.gif) no-repeat; margin-top:5px; position:relative;}
		#formboxKeitai{width:120px; height:14px; font-size:9px; line-height:15px; background-color:#000; border:none; color:#FFF; position:absolute; top:3px; left:71px;}
		#selectboxKeitai{width:134px; height:15px; font-size:9px; line-height:16px; background-color:#000; border:1px solid #fff; color:#FFF; position:absolute; top:2px; right:104px;}
		#btnKeitai{width:92px; height:20px; position:absolute; top:0; right:0;}
	
#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,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",meiryo,Osaka,"ＭＳ Ｐゴシック",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 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}