/* 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: 666px;
	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;
}



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

#stArea .inner{
width: 948px;
height:195px;
float: left;
margin-top:15px;
}

#stArea .inner #stAreaIn {
padding:10px;
text-align:left;
}

#stAreaFst {
width:583px;
float:left;
position:relative;
}

#stAreaFst h4 {
width:100%;
margin-bottom:6px;
}

#stAreaFst .pict02 {
position:absolute;
top:25px;
left:110px;
}
#stAreaFst .btn {
position:absolute;
top:157px;
left:110px;
}

#stAreaScd {
width:150px;
float:left;
display:inline;
overflow:hidden;
margin-left:33px;
}
#stAreaScd h4 {
margin-bottom:6px;
}
#stAreaScd .pict01 {
margin-bottom:6px;
}

#stAreaThd {
width:116px;
float:left;
display:inline;
overflow:hidden;
text-align:center;
margin-left:36px;
}

#stAreaThd h4 {
margin-bottom:6px;
}

#stAreaThd .pict01 {
margin-bottom:4px;
}

#stAreaThd p a {
color:#CCCCCC;
font-size:9px;
text-decoration:underline;
}

#stAreaThd p a:hover {
text-decoration:none;
}

div#snsNv {
position:fixed;
top:110px;
right:0;
width:27px;
height:165px;
z-index:25;
}

div#snsNv p#fbBtn{
margin-top:5px;
}


/*--------------------------------------------------
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 */