*,
table, tbody {
	margin:			0px;
	padding:		0px;
	font-family:sans-serif;
}
li {list-style:				none;}
img {border:				none;}

a {
	color:#333;
	text-decoration:underline;
	cursor:pointer;
}
a:hover {
	text-decoration:none;
}
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
.red {color:red}
.fbox {
    zoom: 100%;
}
.fbox:after {
    content: ""!important;
    clear: both!important;
    height: 10!important;
    display: block!important;
}
body {
	font-size:		56%;
	font-family:'Hiragino Kaku Gothic Pro','Helvetica','clean',sans-serif;
	height:			100%;
	line-height:	1.4;
	color:			#333;
}
#wrapper {
	height:			100%;
	min-width:100%;
}
h2{
	font-weight:100;
}

/**********************************************************/
h1{
	float:left;
	width:300px;
	height:34px;
	margin-right:60px;
}
h1 a{
	background:url(../img/logo.jpg) no-repeat 1px 0;
	width:300px;
	height:34px;
	display:block;
	text-indent:-9999px;
}
#menuBox {
	overflow:hidden;
	padding:46px 0 46px 100px;
	position:absolute;
	width:1000px;
}
#menuBox li {
	float:left;
	margin-right:31px;
	padding-top:18px;
}
#menuBox li a{
	font-size:14px;
	text-decoration:none;
	font-family: 'Nunito', arial, serif;
}
#menuBox li span{
	font-size:0.9em!important;
	vertical-align:1px;
}
#menuBox li i{
	padding-right:5px;
}

#menuBox .facebook,
#menuBox .twitter{
	width:22px;	height:21px;
	position:absolute;
	top:35px;
	}
#menuBox .facebook{left:975px;}
#menuBox .twitter{left:1004px;}
#menuBox .facebook a,
#menuBox .twitter a{
	display:block;	text-indent:-99999px;	overflow:hidden;
	width:100%;	height:100%;
}
#menuBox .facebook a{background:url(../img/icon_facebook.jpg) no-repeat;}
#menuBox .twitter a{background:url(../img/icon_twitter.jpg) no-repeat;}


.store-c #store a,
.video-c #video a,
.antenna-c #antenna a,
#special .special a,
.designer-c #designer a,
.about-c #about a,
.cart-c #cart a{
	color:#666;
	border-bottom:solid 5px #FFF558;
	display:block;
}

/**********************************************************/

#mainBox {
	padding-left:			100px;
	width:						1100px;
	padding-top:130px;
}
#mainBox:after {
	content: ".";
	clear: both;
	height: 0;
	line-height: 1;
	font-size: 0px;
	display: block;
	visibility: hidden;
}

#footer {
	clear:				both!important;
	color:				#313131;
	font-size:			10px;
	padding:		20px 0px 20px 100px;
	letter-spacing:1px;
}

.clear {
	clear:				both!important;
	height:				1px!important;
}

/**********************************************************/
.pager {
	clear:				both;
	overflow:		hidden;
	border-left:			1px	solid #ccc !important;
}
.pager div{
	float:				right;
	padding:			3px 0px 3px 10px;
}
.pager a{
	display:			block;
	width:				20px;
	text-align:			center;
	border:				solid #ccc;
	border-width:1px 1px 1px 0;
	float:				left;
	padding:			4px 3px;
	background:			#fff;
	color:				#313131;
	text-decoration		:none;
	display:			inline;
	font-size:			1.2em
}
.pager a:hover, .pager a.current{
	background:			#ccc;
	color:				#fff;
}
.pager a.off{
	border:				solid 1px #ccc;
	color:				#ccc;
	background:			#fff;
}
.pager a.off:hover{
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*************************************************/
#mainBox .in_box{
}
#index {
	background:		url(../img/index.jpg) center center no-repeat #000;
}
#index div {
	width:				100%;
}

.loading{
	position:absolute;
	top:50%;
	left:50%;
	margin:-24px 0 0 -24px;
}
/************************************************
BOX
************************************************/

.item_box {
	float:			left;
	margin:			0px 26px 26px 0px;
	position:		relative;
}
.item_box a{
	display:		block;
	width:			100%;
	height:			100%;
}
.last{
	margin:			0px 0px 26px 0px;
}
.item_box{
	height:212px;
	}
.item_box,
.item_box a img{
	width:			212px!important;
}
.item_box a:hover{
	-moz-opacity:0.60; /*FF*/
	opacity:0.60;
}