@charset "utf-8";
/* CSS Document */

/*-------------------------------------------

	RESET

---------------------------------------------*/

/*- reset -*/
#main ul,li { margin: 0; padding: 0;}
a img { border: none;}
a { outline: none;}

/*- link -*/
.itemlink a img { border: solid 1px #CCCCCC;}
.itemlink a:hover img { border: solid 1px #ed5487;}


/*-------------------------------------------

	#flasharea

---------------------------------------------*/

#flasharea {
	margin-bottom: 20px;
}


/*-------------------------------------------

	#maglist

---------------------------------------------*/
#maglist {
	padding: 10px 30px;
	margin-bottom: 20px;
}

#maglist .scroll {
	position: relative;
	width: 670px;
	height: 160px;
	display: block;
	overflow: hidden;
}

/*- scrollbtn -*/
#scrollbtn { position: absolute;}
#scrollbtn .sc_l,
#scrollbtn .sc_r {
	position: absolute;
	top: 45px;
}
#scrollbtn .sc_l { left: -25px;}
#scrollbtn .sc_r { left: 671px;}

/*- maglist -*/
#maglist ul.itemlist {
	position: absolute;
/* 2010/06/16 t.tarumi */
	width: 10000px; /* 1カラム 670px の倍数 */

	padding: 0 0 0 3px;
	top: 0px;
	left: 0px; /*- 1カラム  660px 1320px 移動数 -*/
}

#maglist ul.itemlist li {
	float: left;
	width: 90px;
	padding: 0 10px;
}

/*-------------------------------------------

	#tabs 

---------------------------------------------*/
#tabs {
	clear: both;
	margin-bottom: 30px;
}

.tab {
	width: 269px;
	float: left;
	display: block;
	height: 21px;
}

.tab li {
	float: left;
	display: block;
}

.tab li a {
	display: block;
	height: 21px;
	text-indent: -1000px;
}
.tab li.arri a {
	background: url(../images/tab_arri.gif) no-repeat top;
	width: 132px;
}
.tab li.rec a {
	background: url(../images/tab_rec.gif) no-repeat top;
	width: 136px;
}
.tab li.active a { background-position: 0 -21px; }

.allitem {
	text-align: right;
	margin: 0;
	padding: 5px 0 0;
}

.box {
	clear: both;
	width: 700px;
	background: url(../images/tab_bg.gif) repeat-x bottom #A38F8F;
	padding: 10px 15px;
}

.box table.productList { width: 100%;}
.box table.productList td { color: #FFFFFF; padding: 0 3px;}
.box table.productList td h3 { margin: 0; padding: 0; font-size: small; font-weight: normal;}
.box table.productList td img { margin-bottom: 5px;}

/*-------------------------------------------

	#brandarea 

---------------------------------------------*/
#brandarea {
}

#brandarea ul {
	margin: 0;
}

#brandarea ul li{
	float: left;
	margin: 0 3px 20px 0;
}