/*---- 大枠 ----*/

.main #ItemArea{
/* border:1px solid red; /* test */
/* background-color: yellow; /* test */
	height: 250px;
	display: table;
	position: relative;
	clear: both;
}

.main #ItemArea #ItemWrap{
/* border:1px solid black; /* test */
/* background-color: green; /* test */
	position: relative;
	width: 800px;
	height: 250px;
	margin: 0 auto;
}

/*---- 矢印 ----*/

.main #ItemArea #ItemWrap .prev{
	border: none;
/*border:1px solid red; /* test */
/*background-color: green; /* test */
	text-indent: 100%;
	white-space:nowrap;
	position: absolute;
	overflow: hidden;
	top: 0px; /*top: 45px;*/
	width: 25px;
	height: 160px;
	padding: 0;
	background: url(./img/arrow.png) no-repeat 0px 0px;
	text-align: left;
	vertical-align: top;
	cursor: pointer;
	left: -35px;
	background-position: 0 107px;
}

.main #ItemArea #ItemWrap .next{
	border: none;
/*border:1px solid red; /* test */
/*background-color: green; /* test */
	text-indent: 100%;
	white-space:nowrap;
	position: absolute;
	overflow: hidden;
	top: 0px; /*top: 45px;*/
	width: 25px;
	height: 160px;
	padding: 0;
	background: url(./img/arrow.png) no-repeat 0px 0px;
	text-align: left;
	vertical-align: top;
	cursor: pointer;
	right: -35px;
	background-position: -29px 107px;
}

/*---- 内容 ----*/

/* 表示領域のマスク */
.main #ItemArea #ItemWrap .ItemMask{
/*border:1px solid pink; /* test */
/*background-color: red; /* test */
	position: relative;
	width: 800px;
/*	display: none;*/
	overflow: hidden;
}

/* 表示領域(リスト全体) */
.main #ItemArea #ItemWrap .ItemMask .ItemInner{
/*border:1px solid pink; /* test */
background-color: red; /* test */
	position: relative;
	width: 3050px;	/* 760x4 +10 */
	clear:both;
}

/* リスト内１ブロック(１ブロック５バナー) */
#ItemArea .bunnerList{
/*border:1px solid blue; /* test */
/*background-color: blue; /* test */
	position: relative;
	float: left;
	width: 800px;
	height: 250px;
}

/* ブロック内１バナー */
#ItemArea .bunnerList li{
	display: block;
}
#ItemArea .bunnerList li.item{
	position: absolute;
	top: 15px;
	width: 140px;
	height: 220px;
	cursor: pointer;
	-webkit-perspective: 300;
	-webkit-transform-style: preserve-3d;
}

#ItemArea .bunnerList li.item01{
	left: 5px;
	-webkit-perspective-origin: 0% 50%;
}
#ItemArea .bunnerList li.item02{
	left: 165px;
	-webkit-perspective-origin: 0% 50%;
}
#ItemArea .bunnerList li.item03{
	left: 325px;
	-webkit-perspective-origin: 50% 50%;
}
#ItemArea .bunnerList li.item04{
	left: 485px;
	-webkit-perspective-origin: 100% 50%;
}
#ItemArea .bunnerList li.item05{
	left: 645px;
	-webkit-perspective-origin: 100% 50%;
}


/*---- コメント枠 ----*/

.comments{
/* background-color: red; /* test */
	width: 500px;
	margin: 0px auto;
	text-align: left;
	line-height: 1.2em;
}

.comments center.head{
	margin: 0px;
	padding:0px;
}
.comments span.title{
	font-weight:bold;
	font-size:1.3em;
	margin: 0px 20px 0px 0px;
	padding:0px;
}
.comments span.kinds{
/* border:1px solid black; /* test */
	margin: 0px;
	padding:0px;
}
.comments center.copyt{
	background-color:#EEEEEE;
	margin: 0px;
	padding:0px;
}
.comments ul{
/* background-color: green; /* test */
/* border:1px solid black; /* test */
	margin: 0px;
	padding:2px 2px 2px 1em;
	list-style: disc;
}
.comments ul li{
	margin: 0px 0px 0px 1.5em;
	padding:0px;
}
.comments span.helps{
	margin: 0px;
	padding:2px 2px 2px 2.5em;
}