/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

ul, ol{
	list-style:none;
}

img{
	border:none;
	vertical-align:bottom;
}

body{
	text-align: center;
	color: #999999;
	font-size: 62.5%; /* 基準フォントをおよそ10pxに変換*/
	font-family: 'ＭＳ Ｐゴシック','Osaka','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','sans-serif';
	line-height:1.8;
	letter-spacing:1px;
	background: #000000;
}

a:link{color: #999999;text-decoration: none;}
a:visited{color: #999999;text-decoration: none;}
a:hover{color: #ffffff;text-decoration: none}
a:active{color: #ffffff;text-decoration: none;}

h1,h2,h3,h4,h5,h6{
		font-weight: normal;
}

#wrapper{
	width: 960px;
	margin: 0px auto;
	text-align: center;
	font-size: 1.2em;
}

/*----------------------------------
ヘッダー
------------------------------------*/
#header{
	width: 960px;
	padding-bottom: 15px;
	float: left;
}

/*ヘッダー左*/
#headerLeft{
	width: 180px;
	float: left;
}

#header h1{
	padding-top: 47px;
}

/*ヘッダー右*/
#headerRight{
	width: 780px;
	float: right;
	text-align: right;
} 


/* トップナビゲーション */
#topNav{
	width: 100px;
	float: right;
	text-align: right;
	padding-bottom: 10px;
}

#topNav ul li{
	display: inline;
	padding-right: 7px;
}

/*ブランドリスト*/
#headerRight #brandList{
	width: 566px;
	clear: both;
	float: right;
	text-align: right;
	padding-bottom: 15px;
}

#brandList h2{
	width: 88px;
	float: left;
	padding-top: 0px;
	display: inline;
}

#brandList ul{
	display: inline;
}

#brandList ul li{
	display: inline;
	padding-left: 28px;
}

/*グローバルナビゲーション*/
#headerRight #gNav{
	width: 660px;
	clear: both;
	float: right;
	text-align: right;
}

#gNav ul li{
	display: inline;
}

/*--------------------------------------------------
メインエリア
--------------------------------------------------*/
#mainArea{
	width: 960px;
	clear: both;
	text-align: left;
	float: left;
}

.itemBox{
	float: left;
	display: inline;
	margin-top: 15px;
}

.inner{
	float: left;
	background: #121212;
	border: #222222 6px solid;
}

.topicPass li{
	display: inline;
	color: #999999;
	font-size: 0.9em;
}

.topicPass a:link{color: #999999;text-decoration: none;}
.topicPass a:visited{color: #999999;text-decoration: none;}
.topicPass a:hover{color: #ffffff;text-decoration: none;}
.topicPass a:active{color: #ffffff;text-decoration: none;}

/*--------------------------------------------------
footer
--------------------------------------------------*/
#footer{
	width: 960px;
	clear: both;
	text-align: left;
	display: inline;
	padding-bottom: 30px;
}

#footer .inner{
	width: 948px;	
	float: left;
}

#footer #copyright{
	width: 279px;
	float: left;
	padding: 14px 0px 0px 12px;
}

#footer #pageUp{
	width: 37px;
	float: right;
}

#footer ul{
	width: 420;
	float: right;
	padding: 8px;
}

#footer ul li{
	display: inline;
	padding-left: 20px;
}

/*--------------------------------------------------
clearfix
--------------------------------------------------*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */