@charset "utf-8";
/*

	Site Name: 

	Description: initial setting

	Version: 

	Author: 

*/



/*

===== CONTENTS ===========================================



	1: sider set 



==========================================================

*/

.sidenavi {
	width: 200px;
	margin: 0px;
	padding-right: 20px;
}
/*

===== 1: sider set =================================

*/

#feature, #news, #new_arrivals {
	overflow: hidden;
}
#feature {
	padding-top: 20px;
}
#news,
#new_arrivals {
	padding-top: 10px;
}
#pickup, #pickup2 {
	padding-top: 10px;
}
#feature h2, #news h2, #pickup h2 {
	margin-bottom: 10px;
}
#new_arrivals h2 {
	position: relative;
	margin-bottom: 10px;
}
.btn_more {
	position: absolute;
	top: -2px;
	right: 0;
}
/*UTILITY*/

.left {
	float: left;
}
.right {
	float: right;
}
/*FEATURE, NEWS COMMON*/

.feature, .news {
	float: left;
	width: 230px;
	margin: 0 10px;
}
.feature_cat {
	font-size: 10px;
	text-align: center;
	margin-bottom: 3px;
}
.feature_time {
	font-size: 10px;
	text-align: center;
	color: #6D6D6D;
}
.feature a:hover, .news a:hover, .arrivals a:hover {
	background: none;
}
/*SLIDER*/

.jsslider {
	position: relative;
}
.wrapper {
	width: 730px;
	overflow: hidden;
	position: relative;
}
.slider {
	width: 9999px;
	position: ablsolute;
	overflow: hidden;
}
.slide {
	width: 750px;
	float: left;
	left: -10px;
	position: relative;
	overflow: hidden;
}
.cloned {
	width: 750px;
	float: left;
	left: -10px;
	position: relative;
}
.slide_nav {
	margin-top: 17px;/*height: 20px;*/

}
/*

	.jsslider nav {

		margin-top: 17px;

		height: 35px;

	}

	

	#jsslider2 nav {

		margin-top: -3px;

		/padding-top: 20px;

	}

*/

.dirNavi {
	width: 100%;
	overflow: hidden;
}
.leftarrow, .rightarrow {
	width: 20px;
	height: 20px;
	cursor: pointer;
	display: block;
}
.pgNavi {
	top: -20px;
	position: relative;
	margin: 0 15px;
	overflow: hidden;
	text-align: center;
	width: 700px;
}
.pgNavi li {
	/*float: left;*/

	margin: 0 4px;
	display: inline-block;
	zoom: 1;
 *display: inline;
}
a.pgdot {
	background: url(../image03/common/images/dot.gif);
	width: 8px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
}
a.pgdotactive, a.pgdot:hover {
	background-position: 0 -20px;
}
/*EATURE*/



.feature h3 {
	font-size: 12px;
	text-align: center;
	margin: 10px 0 5px;
	padding-bottom: 3px;
	border-bottom: solid 1px #cccccc;
}
.feature a {
	width: 230px;
	height: 129px;
	display: block;
}
/*NEWS*/

.news {
	height: 102px;
	overflow: hidden;
}
.news div {
	margin-left: 10px;
	padding-top: 2px;
	width: 118px;
}
.news h3 {
	font-size: 12px;
	margin-bottom: 10px;
	line-height: 1.2;
}
.news p {
	font-size: 10px;
}
.thumbNews {
	float: left;
	display: block;
	width: 102px;
	height: 102px;
	overflow: hidden;
}
.thumbNews img {
	border: 1px solid #333;
}
.news div.left {
	height: 98px;
	overflow: hidden;
}
/*PICK UP*/

.pickup_list {
	width: 760px;
	position: relative;
}
.pickup {
	padding: 13px 0 0;
	border: 1px solid #9b9b9b;
	width: 128px;
	float: left;
	margin: 0 10px 20px;
	left: -10px;
	position: relative;
	text-align: center;
}
/*.pickup.hover {

	background-color: #f7f7f7;

	border: 1px solid #000000;

}*/

.pickup p {
	font-size: 10px;
	text-align: center;
	padding: 10px 0 0;
}
.pickup_thumb {
	text-align: center;
}
.pickup_thumb img {
	padding: 0 13px;
}
.pickup p.pickupcast {
	margin-top: 3px;
	padding: 0 13px;
	line-height: 1.4;
}
.pickup p.pickupbrand {
	background-color: #9b9b9b;
	margin-top: 3px;
	padding: 3px 0 1px;
	color: #FFF;
}
/* トップ　ぱんくずリスト*/

.pankuzu {
	position: absolute;
	left: -200px;
	top: -22px;
	font-size: 9px;
	line-height: 1;
	color: #FFFFFF;
}

/* new arrivals */
.arrivals {
	float: left;
	width: 130px;
	margin: 0 10px;
}
.arrivals h3 {
	font-size: 12px;
	text-align: center;
	margin: 10px 0 5px;
	padding-bottom: 3px;
	border-bottom: solid 1px #cccccc;
}
.feature a {
	width: 230px;
	height: 129px;
	display: block;
}
.arrivals_cat {
	font-size: 10px;
	text-align: center;
	margin-bottom: 3px;
}