@charset "utf-8";

/* ==============================
default */

body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object {
margin:0;
padding:0;
vertical-align: baseline;
}

h1,h2,h3,h4,h5,h6 {
font-style: normal;
font-size: 1.0em;
}
 
table {border-spacing:0;}
* html table {border-collapse:collapse;}
*:first-child+html table {border-collapse:collapse;}
caption,th {text-align:left;}
table,th,td,img {border:0;}
img,input {vertical-align:middle;}
q:before,q:after {content:'';}
ul {list-style: none;}


/* ==============================
common */

body{
	line-height: 1.5em;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif;
	text-align:center;
	background-color:#000;
}

a{color:#c2bebe;}
a:hover{color:#c2bebe; text-decoration:none}
a:hover img {-moz-opacity:0.8;opacity:0.8;filter:alpha(opacity=80); border:none;}
a.noblink:hover img {-moz-opacity:1.00;opacity:1.00;filter:alpha(opacity=100);}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clearfix{zoom:1;}

.fltl{float:left}
.fltr{float:right}

.mt14{margin-top:14px;}
.mt21{margin-top:21px;}
.mt24{margin-top:24px;}
.mt36{margin-top:36px;}
.mtm6{margin-top:-6px;}

.mb2{margin-bottom:2px}
.mb5{margin-bottom:5px}
.mb8{margin-bottom:8px;}
.mb12{margin-bottom:12px}
.mb17{margin-bottom:17px}
.mb22{margin-bottom:22px}
.mb24{margin-bottom:24px}
.mb27{margin-bottom:27px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb55{margin-bottom:55px}
.mb130{margin-bottom:130px}
.mb260{margin-bottom:260px}

.mr2{margin-right:2px;}
.mr5{margin-right:5px;}
.mr9{margin-right:9px;}
.mr37{margin-right:37px;}
.mr43{margin-right:43px;}

.ml10{margin-left:10px;}
.ml120{margin-left:120px;}
 
.pb25{padding-bottom:25px;}
 
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}

.fred{color:#cc0033;}

.fnarrow{letter-spacing:-0.1em}

.vasub{vertical-align:sub;}
*:first-child+html .vasub{vertical-align:baseline;}/*ie7*/
* html .vasub{vertical-align:baseline;}/*ie6*/

.vaspr{vertical-align:super; font-size:small;}
.s-font{vertical-align:baseline;}
.s-font{_vertical-align:-3px;}/*ie6 位置調整*/
*:first-child+html .s-font{vertical-align:-1px;}/*ie7 位置調整*/

* html .iepngfix {  
    behavior: expression(IEPNGFIX.fix(this));  /*ie6 png*/
} 

/* ==============================
common (layout) */

#header{ width:900px; height:24px; position:relative; margin:30px auto 35px; }
* #header{ _padding-top:30px; }/*ie6 位置調整*/
#header h1{ position:absolute; left:0; width:148px; height:24px;}

#header ul#grandnavi{width:518px; height:15px; position:absolute; left:187px; bottom:0; line-height:0; background:url(../images2/common/navi/BG_gnavi.gif);}
*:first-child+html #header ul#grandnavi{height:16px; bottom:-1px; background:url(../images2/common/navi/BG_gnavi.gif) no-repeat 0 0;}/*ie7 背景画像調整*/
*:first-child+html #header ul#grandnavi{ bottom:-2px;}/*ie7 位置調整*/
* html #header ul#grandnavi{background:url(../images2/common/navi/BG_gnavi.gif) no-repeat 0 0; _margin-top:30px;}/*ie6 背景画像調整*/
* html #header ul#grandnavi{ bottom:-2px;}/*ie6 位置調整*/
ul#grandnavi li{float:left;}
	li#gnNews{width:34px; height:15px; margin-right:16px;}
	li#gnTLT{width:94px; height:15px; margin-right:17px;}
	li#gnProd{width:64px; height:15px; margin-right:17px;}
	li#gnHist{width:50px; height:15px; margin-right:17px;}
	li#gnMypg{width:52px; height:15px; margin-right:17px;}
	li#gnMemb{width:50px; height:15px; margin-right:17px;}
	li#gnShop{width:73px;}
ul#grandnavi li a:hover img {-moz-opacity:0;opacity:0;filter:alpha(opacity=0);}

*:first-child+html #grandnavi img{ vertical-align:top}/*ie7*/
* html #grandnavi img{ vertical-align:top}/*ie6*/
* html ul#grandnavi{width:520px; height:15px; position:absolute; left:195px; top:10px; line-height:0; background:url(http://www.converse.co.jp/images/common/navi/BG_gnavi_1003.gif)}

	#header #search{width:183px; height:16px; background:url(../images/common/navi/BG_search.gif); position:absolute; right:0; bottom:-1px;}
	#formboxSearch{ width:100px; height:14px; font-size:9px; line-height:15px; background-color:#000; border:none; float:left; display:inline; margin:1px 0 0 20px; color:#FFF;}
	#btnSearch{ float:right; margin:3px 8px 0 0;}

#header_popup{width:705px; height:70px; position:relative; margin:5px auto -10px;}
    #header_popup h1{position:absolute; left:0; width:148px; height:20px; bottom:35px;}	
	#header_popup #close{width:79px; height:16px; position:absolute; float:right; right:0; bottom:30px; }


#contents{width:850px; margin:60px auto; padding:30px 25px;}

#footer{width:900px; margin:0 auto 10px;; height:45px;}
		ul#footnavi{height:15px; line-height:0; background:url(../images/common/navi/BG_fnavi.gif);}
		*:first-child+html #footer ul#footnavi{height:16px; bottom:-1px; background:url(../images/common/navi/BG_fnavi.gif) no-repeat 0 0;}/*ie7 背景画像調整*/
		* html #footer ul#footnavi{background:url(../images/common/navi/BG_fnavi.gif) no-repeat 0 0;}/*ie6 背景画像調整*/
		* html #footer ul#footnavi{ bottom:-3px;}/*ie6 位置調整*/
		ul#footnavi li{float:left;}
			li#fnShop{width:83px; height:15px; margin-right:15px;}
			li#fnPoli{width:43px; height:15px; margin-right:13px;}
			li#fnCont{width:55px; height:15px; margin-right:18px;}
			li#fnCorp{width:105px; height:15px; margin-right:15px;}
			li#fnCtch{width:66px;}
		ul#footnavi li a:hover img {-moz-opacity:0;opacity:0;filter:alpha(opacity=0);}

*:first-child+html #footnavi img{ vertical-align:top}/*ie7*/
* html #footnavi img{ vertical-align:top}/*ie6*/
* html ul#footnavi{height:15px; line-height:0; background:url(http://www.converse.co.jp/images/common/navi/BG_fnavi.gif);}