/* CSS Document */

ul, li {
	margin:0;
	padding:0;
}

.selected {
	opacity:0.5;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#77FFFFFF,endcolorstr=#77FFFFFF, gradienttype=0);
}

a:active {
	opacity:0.5;
}

/* 拡大画像エリア
-----------------------------------------*/
.slider_img {
	width:100%;
	margin:0 auto;
}

.waku {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    padding: 0px !important;
    text-align: left;
		width:100%;
		max-width: 920px;
		margin:0 auto;
}

/* テキスト
-----------------------------------------*/
.bxslider .txt {
    height: auto;
    margin:35px auto 0 auto;
    position: relative;
		width:90%;
		max-width: 840px;
		box-sizing:border-box;
}

.bxslider .txt h5 {
		border-bottom: #ADADAD solid 1px;
    line-height: 34px;
}

.bxslider .txt p {
    font-size: 16px;
    line-height: 36px;
    min-height: 120px;
}

/* 流れる画像エリア
-----------------------------------------*/
#main {
    display: block;
    margin: 40px 0 60px 0;
    overflow: hidden;
    position: relative;
}


#ViewArea{
  float: left;
	width:87%;
	height:110px;
	overflow:hidden;
	margin:0 auto;
	z-index:1;
}
#ScrollArea{
	position:relative;
	z-index:2;
}

#ScrollArea li{
  float: left;
  list-style: none outside none;
  position: relative;
  width:90px;
	padding:5px 0;
}

#Leftbtn{
	width:3%;
	min-width:18px;
	height:30px;
	overflow:hidden;
	float:left;
	z-index:1;
	background: url(../img/collection/arrow_prev_s.png) center center no-repeat;
	background-size:70% auto;
	margin: 40px 1% 0 1%
}
#Leftbtn:hover{
	z-index:1;
	opacity:0.5;
}
#Rightbtn{
	width:3%;
	min-width:18px;
	height:30px;
	overflow:hidden;
	float:left;
	z-index:1;
	background: url(../img/collection/arrow_next_s.png) left center no-repeat;
	background-size:70% auto;
	margin: 40px 1% 0 1%;
}
#Rightbtn:hover{
	z-index:1;
	opacity:0.5;
}