@charset "UTF-8";

/* =================================================================================

 Common style of toppage

================================================================================= */

/* ///////////////////////////////////////////////// layout.cssを上書き */

div#contents{
	padding-top:19px;
}

div#side{
	padding-top:0;
}


/* ///////////////////////////////////////////////// スライドショー */

/*div#slideArea{
	margin:0 auto;
	padding-top:10px;
	width:991px;
	position:relative;
	/position:inherit;
	/z-index:1;
}*/

/*#gallery {
	margin:0 auto;
	width:991px;
}
#descriptions {
	position: relative;
	height: 50px;
	background: #EEE;
	margin-top: 10px;
	width: 640px;
	padding: 10px;
	overflow: hidden;
}
#descriptions .ad-image-description {
	position: absolute;
}
  #descriptions .ad-image-description .ad-description-title {
	display: block;
  }*/

/* ライブラリCSSを上書き */

/*.ad-controls{ display:none; }
.ad-gallery .ad-nav {
	margin:0 auto;
	width:841px;
}

.ad-gallery .ad-thumbs li{
	padding-right:9px;
}
.ad-gallery .ad-thumbs li a img {
  border: none !important;
}

.ad-gallery .ad-image-wrapper .ad-next,
.ad-gallery .ad-image-wrapper .ad-prev {
	display:none;
}*/

#slideArea {
	margin:0 auto 10px;
  padding-top:10px;
	width: 992px;
	position:relative;
}
#slideArea img {
	/*display: block;
	float: left;*/
}
#images {
	height: 350px;
	overflow: hidden;
}
#images {
	width: 991px;
	height:451px;
}
#images a{
	width: 991px;
	height:451px;
	display: block;
	float: left;
}
#thumbs {
  /*overflow: hidden;*/
	/*margin-left:-3px !important;
	margin-top:-3px;
	padding-left:20px;
	width: 841px;
	height: 60px;*/
	height: 60px;
	/*margin-top: 10px;*/
  margin: 10px auto 0;
	/*left:58px !important;*/
	letter-spacing:-.40em;
	text-align: center;
	z-index: 100;
  width: 885px;
}
#thumbs .slick-slide{
  border-radius: 5px;
  cursor: pointer;
	display: inline-block;
  text-align: center;
  width: 177px !important;
}

#thumbs div img {
  margin: 0 auto;
}

#thumbs a{
	border-radius: 5px;
	display: block;
/*	padding: 0 10px 0 6px;*/
	width:161px;
}

/* カレント */
.slick-current{
	/*border: 1px solid #00ace6;*/
	background: url(img/bg_thumb_active.png) repeat left top;
  background-size: 100% auto;
}
#thumbs img {
	/*padding-left:4px;
	padding-right:5px;*/

	/*display:block;
	float:left;
	cursor: pointer;*/

}

/*#prev, #next {
  cursor: pointer;
	width: 20px;
	height: 21px;
	display: block;
	text-indent: -999em;
	background: transparent url(img/carousel_control.png) no-repeat 0 0;
	position: absolute;
	bottom: 20px;
	z-index: 9999;
}
#prev a, #next a{
	display: block;
}
#prev {
	background-position: 0 0;
	left: 0;
}
#next {
	background-position: -19px 0;
	right: 0;
}*/

.slick-arrow {
  border: none;
  cursor: pointer;
	width: 20px;
	height: 21px;
	display: block;
	text-indent: -999em;
	background: transparent url(img/carousel_control.png) no-repeat 0 0;
	position: absolute;
	bottom: 20px;
	z-index: 9999;
}
.slick-arrow{
	display: block;
}
.slick-prev {
	background-position: 0 0;
	left: -30px;
}
.slick-next {
	background-position: -19px 0;
	right: -30px;
}

.slick-prev:before,
.slick-next:before {
  display: none;
}

div#thumbsWrap div.caroufredsel_wrapper{
	margin-left:56px !important;
	margin-left:70px !important;
}

/* フッター処理用 */

/*#slideArea{
	z-index:10;
}

div#searchBox h2#btnToggle{
	position:relative;
	z-index:100 !important;
}*/


/* bxslider を上書き */
.bx-wrapper {
  margin: 0 auto;
}


/* ///////////////////////////////////////////////// 注目商品 */

div#picupArea{
	margin-top:10px;
}

div#picupArea div.ttlArea{
	margin-bottom:13px;
}

div.ttlArea{
}

	div.ttlArea h2{
		float:left;
	}

	div.ttlArea .linkText{
		width:490px;
		text-align:right;
		margin-top:17px;
		float:right;
	}

	div.ttlArea ul.linkText{
		letter-spacing:-.40em;
	}

		div.ttlArea ul.linkText li{
			padding-left:12px;
			display:inline;
			letter-spacing:normal;
			vertical-align:top;
		}

div#itemWrap{
	margin-right:-20px;
	margin-bottom:-19px;
	padding-bottom:19px;
	width:781px;
}

div.itemBox{
	margin-right:19px;
	margin-bottom:19px;
	padding-bottom:16px;
	padding-top:20px;
	float:left;
	width:371px;
	height:155px;/*191px*/
	position:relative;
	overflow:hidden;
}

	span.itemImg,
	div.itemDetail{
		display:inline-block;
		/display:inline;
		/zoom:1;
		vertical-align:top;
	}

	span.itemImg{
		padding-left:20px;
		padding-right:19px;
		width:110px;
	}

	div.itemDetail{
		width:201px;
	}
div#slidepanel{
	overflow:hidden !important;
	position:relative;
}
*:first-child+html div#slidepanel{
	margin-top:19px;
}

/* IE6のみ最初からすべて表示 */

* html div#slidehide{
	display:block !important;
}

* html p#btnMore{
	display:none;
}

/* @end */

div#main div.itemDetail h3{
	margin-top:-5px;
	margin-bottom:13px;
	font-size:123.1%;
	line-height:1.5
}
div#main p.description{
	font-size:93%;
	line-height:1.25;
	height:6em;
	overflow:hidden;
}
div#main a.bnr{
	background-color:#ffffff;
}


p.prList{
	padding-right:20px;
	text-align:right;
	position:absolute;
	top:156px;
	right:0;
}

span.overlay{
	display:none;
	z-index:5;
	position:absolute;
	width:100%;
	height:100%;
}

div.itemBox.bar span.overlay {
	/*bottom:-191px;*/
	top:0;
	height:191px;
	left:0;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
}

p#btnMore{
	/*width:761px;*/
	/*text-indent:-999px;
	cursor:pointer;
	clear:both;
	position:relative;*/
	padding-top: 17px;
	z-index:10;
}
	p#btnMore a{
		background-color: #00ace6;
		color: #fff !important;
		border-radius: 3px;
		display: block;
		height: 16px;
		line-height: 16px;
		padding: 8px;
		text-align: center;
		text-decoration: none;
	}
		p#btnMore a:hover{
			background-color: #33bdeb;
		}


	p#btnMore a span{
		background: url(img/bg_btnMore.png) no-repeat left top;
		display: inline-block;
		height: 16px;
		padding-left: 20px;
	}

	p#btnMore.open{
		/*background-position:left top;
		background-image:url(img/btn_more.gif);
		background-repeat:no-repeat;*/
	}
	p#btnMore.open:hover{ background-position:left -41px; }

	p#btnMore.hide{
		/*background-position:left -82px;
		background-image:url(img/btn_more.gif);
		background-repeat:no-repeat;*/
		display:none;
	}

	p#btnMore.close:hover{ /*background-position:left -123px;*/ }

/* ///////////////////////////////////////////////// お知らせ */

div#infoArea{
	/*margin-top:29px;*/
	margin-top: 10px;
}
div#infoWrap{
	border-radius: 3px;
	margin-top:7px;
	padding:25px 20px;
	background-color:#FFF;
}

ul.infoList{
	margin-top:-17px;
	overflow:hidden;
	position:relative;
}

ul.infoList li{
	margin-top:17px;
	padding-left:220px;
	font-size:93%;
	position:relative;
	zoom:1;
}

	ul.infoList li span{
		position:absolute;
	}

	ul.infoList li span.date{
		padding-right:10px;
		top:0;
		left:0;
		width:110px;
	}

	ul.infoList li span.icon{
		top:0;
		left:120px;
	}

	ul.infoList li span.img{
		position:relative;
		display:block;
		margin-top:5px;
	}

#slidehide{
	margin-top: 0;
}