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

/*------------------------------------------------------------ 
	TOPページ専用css
------------------------------------------------------------*/  

.opacity {
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}

.opacity:hover {
	opacity: .7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity: .7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: .7;
}

#content{ overflow:visible;}
.leftCont{ width:730px;}
.rightCont{
	padding-top:15px;
	position:relative;
}

/*------------------------------------------------------------ 
    スライド 
------------------------------------------------------------*/  

#sliderArea{
	width:100%;
	height:257px;
	overflow:hidden;
	margin:18px 0 15px;
	position:relative;
}

#slider{
	width:100%;
	height:257px;
	background:#fff url(../img/loader.gif) no-repeat 50% 45%;
	overflow:hidden;
	position:relative;
}

.slide{
	position:absolute;
	width:730px;
	height:257px;
	display:none;
	background-repeat:no-repeat;
	background-position:50% 0;
	background-size:730px 335px;
}

.linkBtn{
	width:175px;
	height:35px;
	position:absolute;
	bottom:10px;
	left:60px;
}

.linkBtn a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:35px;
	color:#fff;
	font-size:109%;
	background:#000;
	border-radius:5px;
}

.linkBtn a:hover{ background:#990000;}

.slideLink{
	display:block;
	width:100%;
	height:100%;
}

#controllbtn{
	width:100%;
	z-index:20;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-20px;
}

#controllbtn li{
	height:46px;
	width:46px;
}

#controllbtn #next{
	right:10px;
	position:absolute;
}

#controllbtn #prev {
	position:absolute;
	left:10px;
}
/* coupon */

#mask{
	position:absolute;
	bottom:-115px;
	right:10px;
	z-index:100;
	width:280px;
	height:204px;
	text-indent:-9999px;
	-webkit-transition:all 0.1s ease-out;
	-moz-transition:all 0.1s ease-out;
	-o-transition:all 0.1s ease-out;
	transition:all 0.1s ease-out;
}

#mask:hover{ bottom:0;}

#mask a{
	display:block;
	width:100%;
	height:100%;
	background:url(../img/visual-coupon.png) no-repeat;
}

/*------------------------------ 
	検索 
------------------------------*/

.beltSearch{ 
	width:325px;
	height:264px;
	background:#660000 url(../img/beltSearchBg.png) no-repeat right bottom;
	float:left;
	padding:22px 19px;
	position:relative;
	margin-left:-4px;
}

.beltSearch.style{ background-image:url(../img/beltSearchBg2.png);}
	
.beltSearch .h3style{
	height:29px;
	color:#D2C0A6;
	border-bottom:1px solid #CCC;
	font-weight:bold;
	font-size:134%;
	float:none;
	margin-top:0;
}

.searchText{
	color:#fff;
	line-height:1.3;
	margin-top:10px;
	font-size:92%;
}

.none{ display:none;}

.size{
	margin-top:12px;
	overflow:hidden;
}

.size select{
	margin-left:53px;
	width:180px;
}

.to-search{
	width:150px;
	height:40px;
	line-height:40px;
	text-align:center;
	position:absolute;
	bottom:22px;
	left:19px;
}

.to-search a{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	background:url(../common/img/btn01.png) no-repeat;
	background-position:0 0;
}

.to-search a:hover{ background-position:0 -40px;}
	
/*------------------------------ 
	ニュース 
------------------------------*/

.news_release{
	width:355px;
	height:300px;
	background:url(../img/newsBg.png) no-repeat;
	float:right;
	padding:4px;
	margin-right:-4px;
}

.newsTitle{
	width:325px;
	margin-left:15px;
	overflow:hidden;
	height:47px;
	border-bottom:1px solid #ccc;
}

.newsHd{
	float:left;
	margin-top:19px;
	font-weight:bold;
	font-size:134%;
}

.backNumber{
	float:right;
	margin-top:28px;
}

.backNumber a{ font-weight:bold;}

.newsList div{
	width:355px;
	height:36px;
	overflow:hidden;
	line-height:36px;
}

.date{
	display:block;
	width:85px;
	float:left;
	padding-left:15px;
	color:#555555;
	font-size:92%;
}

.newstxt{
	display:block;
	width:255px;
	float:left;
	font-size:92%;
}

.newsList a{
	display:block;
	width:100%;
	height:100%;
}

.newsList a:hover{ background:#000;}
.newsList a:hover span{	color:#fff;}

/*------------------------------ 
	商品一覧 
------------------------------*/

.articleHd{
	width:100%;
	padding:25px 0 20px;
	overflow:hidden;
}

.articleHd h3{
	color:#000;
	font-size:150%;
	float:left;
	line-height:30px;
}

.articleHd h3 strong{ font-weight:bold;}

.articleHd ul{
	float:right;
	width:70px;
	overflow:hidden;
}

.articleHd li{
	width:30px;
	height:30px;
}

.articleHd .prev{ float:left;}
.articleHd .next{ float:right;}

.articleHd a{
	display:block;
	width:8px;
	height:16px;
	padding:7px 11px;
	text-align:center;
	background:#000;
	border-radius:50%;
}

.articleHd a:hover{ background:#660000;}

.article{
	width:100%;
	overflow:hidden;
}

.article li{
	width:230px;
	float:left;
	margin-right:20px;
	background:#fff;
	box-shadow:rgba(153, 153, 153, 0.65098) 0px 0px 4px 0px;
	-webkit-box-shadow:rgba(153, 153, 153, 0.65098) 0px 0px 4px 0px;
	-moz-box-shadow:rgba(153, 153, 153, 0.65098) 0px 0px 4px 0px;
}

.article li:nth-child(3n){ margin:0;}

.article li:hover{ background:#E0E0E0;}

.goodsInner{
	width:200px;
	padding:15px 15px 10px;
}

.goodsImg{
	width:200px;
	height:200px;
	position:relative;
}

.goodsImg span{
	width:68px;
	height:20px;
	line-height:20px;
	text-align:center;
	color:#fff;
	font-size:92%;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	top:0;
	left:0;
}

.icon-sale{ background:#FE0000;}
.icon-pickup{ background:#0099FF;}
.icon-new{ background:#FE9900;}


.goodsTitle{
	margin:8px 0 5px;
	font-size:92%;
}

.goodsText{
	height:35px;
	font-size:92%;
	line-height:1.4;
}

.salePrice{
	color:#990000;
	font-weight:bold;
}

.showAll{
	width:100%;
	height:40px;
	line-height:40px;
	text-align:right;
}

.showAll a{ 
	display:block;
	width:220px;
	height:40px;
	color:#fff;	
	background:#ccc;
	padding-right:10px;
}

.showAll a:hover{ background:#000;}


/* banner */

#bannerList{
	width:759px;
	margin-left:-4px;
	margin-top:4px;
}

.banner{
	width:238px;
	height:394px;
	background:url(../common/img/goodsListBg.png) no-repeat;
	background-position:0 0;
	overflow:hidden;
	float:left;
	margin:12px 12px 0 0;
}

.banner2{
	width:238px;
	height:354px;
	padding-top:4px;
	background:url(../common/img/goodsListBg2.png) no-repeat;
	background-position:0 0;
	overflow:hidden;
	float:left;
	margin:12px 12px 0 0;
}

.banner:hover,
.banner2:hover{ background-position:-238px 0;}

.banner3{ /* 画像だけ */
	width:230px;
	height:350px;
	padding:4px;
	background:url(../common/img/goodsListBg3.png) no-repeat;
	float:left;
	margin:12px 12px 0 0;
}

.goodsInner2{
	width:200px;
	padding:15px 19px 10px;
}

.goodsTitle2{
	margin:8px 0 5px;
	font-weight:bold;
}

/*------------------------------ 
	BRAND INDEX 
------------------------------*/
h4{
	width:200px;
	border-bottom:1px solid #ccc;
	margin-left:15px;
	height:28px;
	padding-top:19px;
	font-weight:bold;
	font-size:134%;
}

.sideBgMiddle .h3style{
	width:200px;
	border-bottom:1px solid #ccc;
	margin-top:0;
	margin-left:15px;
	height:28px;
	padding-top:19px;
	font-weight:bold;
	font-size:125%;
	float:none;
}

.brandList{
	width:196px;
	padding:0 17px 23px;
	overflow:hidden;
}

.brandList ul{ width:219px;}
.brandList li{ 
	width:48px; 
	height:48px; 
	margin:23px 23px 0 0; 
	float:left;
	border:1px solid #ccc;
}

.show{
	width:238px;
	height:44px;
	line-height:40px;
	text-align:right;
}

.show a{ 
	display:block;
	width:224px;
	height:44px;
	padding-right:14px;
	color:#fff;	
	background:url(../img/showBg.png) no-repeat;
}

.show a:hover{ background:url(../img/showBg_on.png) no-repeat;}


/*------------------------------ 
	ABOUT BELT - Q&A - 
------------------------------*/

.aboutBelt{
	width:230px;
	height:357px;
	padding:4px;
	background:url(../img/aboutBeltBg.png) no-repeat;
	margin-top:15px;
}

.aboutBelt p{
	color:#fff;
	text-indent:13px;
	height:45px;
	line-height:45px;
	font-weight:bold;
	font-size:134%;
}

.aboutBelt .h3style{
	color:#fff;
	text-indent:13px;
	height:45px;
	line-height:45px;
	font-weight:bold;
	font-size:134%;
	float:none;
	margin-top:0;
}

.text1,
.text2{
	height:52px;
	width:230px;
}

.text1 a{
	height:42px; 
	padding-top:10px; 
}

.text2 a{
	height:52px;
	line-height:52px;
}

.aboutBelt a{ 
	color:#fff; 
	display:block; 
	width:217px; 
	padding-left:13px;
	background:#000;
}

.aboutBelt a:hover{
	color:#000;
	background:#fff;
}

.topBanner{
	width:200px;
	height:200px;
	padding:28px 15px;
	background:#fff;
}

/* fb */

#fbArea{
	width:230px;
	height:400px;
	margin:15px 4px 0;
}

.sideBox{ margin-bottom:15px;}

.registTtl{ padding:15px 15px 12px;}

.registTtl a{
	display:block;
	text-align:center;
	line-height:80px;
	font-size:117%;
	font-weight:bold;
	color:#fff;
	background:#000 url(../img/sidemenuBg01.png) no-repeat right 10px top 50%;
}

.registTtl a:hover{ background-color:#660000;}

.registList{ padding:0 15px 15px;}

.registList li{
	padding-left: 15px;
	background: url(../img/icon01.png) no-repeat left center;
}

.registList a{
    display: inline-block;
    padding: 3px;
    color: #000;
}

.registList a:hover{	color:#fff;
	background:#000; }