@charset "Shift_JIS";

/* ************************************************************************
* 
*	main visual
*
************************************************************************ */

#visual{
	width:100%;
	margin:0 0 12px 0;
	padding:10px 0 0 0;
	height:410px;
	overflow:hidden;
	background:url(../img/bg_visual.gif) 0 0 repeat-x;
	_background:url(../img/bg_visual_2.gif) 0 0 repeat-x;
	position:relative;
}
#overlay{
	display:none;
	position:absolute;
	width:100%;
	height:410px;
	top:0;
	left:0;
	background:#fff;
	filter: alpha(opacity=10);
	-moz-opacity:0.1;
	opacity:0.1;
	z-index:10;
}
#brandListArea{
	display:none;
	position:absolute;
	top:0px;
	left:50%;
	margin:0 0 0 -510px;
	width:1020px;
	height:405px;
	z-index:100;
	background:url(../img/area_brand_list.png) 0 0 no-repeat;
	_background:url(../img/area_brand_list.gif) 0 0 no-repeat;
}
#brandListArea ul{
	position:relative;
	padding:30px 0 0 56px;
	height:337px;
}
#brandListArea ul li{
	margin:0 36px 13px 0;
	float:left;
	width:200px;
	text-align:center;
}
#brandListArea ul li a{
	display:block;
}
#brandListArea #btabOn{
	position:relative;
	margin:0 0 0 776px;
	width:214px;
	height:38px;
}
#brandTab{
	position:absolute;
	top:0px;
	left:50%;
	margin:0 0 0 -510px;
	width:1020px;
	z-index:50;
}
#brandTab #btab{
	width:214px;
	height:47px;
	margin:0 28px 0 auto;
	background:url(../img/tab_brand.png) 0 0 no-repeat;
	_background:url(../img/tab_brand.gif) 0 0 no-repeat;
}
#visual .mainScreen{
	margin:0 auto 3px;
	width:962px;
	height:307px;
	background:url(../img/bg_visual_main.png) 0 0 no-repeat;
	zoom:1;
}
#visual .mainScreen #mainBnr{
	width:962px;
	height:307px;
	zoom:1;
}
#visual .naviScreen{
	position:relative;
	margin:0 auto;
	width:958px;
	height:78px;
	overflow:hidden;
	background:url(../img/bg_visual_navi.png) 0 0 no-repeat;
}
#visual .naviScreen .thumb{
	padding:16px 49px 0 61px;
}
#thumbScoll{
	width:848px;
	height:47px;
	overflow:hidden;
	display:block;
	text-align:left;
}
#thumbScoll ul{
}
#thumbScoll ul li{
	margin:0 12px 0 0;
	float:left;
	width:200px;
	height:47px;
	overflow:hidden;
}
#thumbScoll ul li a{
	display:block;
	float:left;
	border:none;
	overflow:hidden;
	text-decoration:none;
}
#thumbScoll ul li a.active{
	border: 3px solid #3588ba;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
}
#thumbScoll ul li a.active img{
	margin:-3px;
}

#visual .naviScreen .prevNavi{
	position:absolute;
	top:23px;
	left:0px;
	width:34px;
	height:34px;
	background:url(../img/b_visual_prev.png) 0 0 no-repeat;
	cursor:pointer;
}
#visual .naviScreen .nextNavi{
	position:absolute;
	top:23px;
	left:924px;
	width:34px;
	height:34px;
	background:url(../img/b_visual_next.png) 0 0 no-repeat;
	cursor:pointer;
}

/* ************************************************************************
* 
*	main
*
************************************************************************ */

.topMain{
	margin:0 auto;
	padding:0 0 30px 0;
	width:950px;
	background:#fff;
	text-align:left;
}
.topMain .topCol2 .colL{
	float:left;
	margin:0 20px 0 0;
	width:680px;
}
.topMain .topCol2 .colR{
	float:left;
	width:250px;
}

/* 新商品情報 */

.newItem{
	float:left;
	margin:0 20px 20px 0;
	width:250px;
}
.newItem .content{
	padding:0 0 10px 0;
	background:url(../img/frame250_btm.gif) 0 bottom no-repeat;
}
#slideNewItem{
	position:relative;
	padding:10px 10px 0 10px;
	background:url(../img/frame250_body.gif) 0 0 repeat-y;
}
#slideNewItem .slideWrapper{
	width:228px !important;
	min-height:209px;
	height:auto !important;
	height:209px;
	background:#fff;
	overflow:hidden;
	border:1px solid #efefef;
}
#slideNewItem .slideWrapper .slideCont{
	text-align:center;
	background:#fff;
}
#slideNewItem .slideWrapper .slideCont li.item{
	float:left;
	display:block;
	padding:11px 27px 5px 27px;
	width:174px;
	overflow:hidden;
	_zoom:1;
}
#slideNewItem .slideWrapper .slideCont li.item a{
	display:block;
	margin:0 auto;
}
#slideNewItem .slideWrapper .slideCont .date{
	display:inline-block;
	height:19px;
	margin:0 auto 8px auto;
	overflow:hidden;
	text-align:center;
	line-height:1.1em;
	color:#fff;
	background:#2c91b6 url(../img/bg_date_l.gif) 0 0 no-repeat;
}
#slideNewItem .slideWrapper .slideCont .date p{
	line-height:1.8em;
	display:inline-block;
	padding:0 8px;
	background:url(../img/bg_date_r.gif) right 0 no-repeat;
}
#slideNewItem .slideWrapper .slideCont .name a{
	display:block;
	margin:0 0 8px 0 !important;
	line-height:1.2em;
	color:#2c91b6;
	text-decoration:none;
}
#slideNewItem .slideWrapper .slideCont .img{
	margin:0 0 8px 0;
	
}
#slideNewItem .slideWrapper .slideCont .txt{
	text-align:left;
	line-height:1.2em;
	color:#333;
	font-size:11px;
	text-decoration:none;
}
.slidePrev{
	position:absolute;
	top:88px;
	left:11px;
	width:21px;
	height:27px;
	z-index:5;
	_left:1px;
}
.slideNext{
	position:absolute;
	top:88px;
	left:212px;
	width:21px;
	height:27px;
	z-index:5;
	_left:202px;
}
.center-wrap{
	overflow:hidden;
	_zoom:1;
}
.carousel-pagination{
	position:relative;
	padding:5px 10px 5px 10px;
	background:#ddebf3;
}
.carousel-pagination p{
	display:block;
	position:relative;
	float:left;
	left:50%;
}
.carousel-pagination p a{
	display:block;
	position:relative;
	float:left;
	left:-50%;
	width:14px;
	height:14px;
	padding:0 5px;
	background:url(../img/dot_off.gif) 0 0 no-repeat;
	overflow:hidden;
}
.carousel-pagination p a.active{
	background:url(../img/dot_on.gif) 0 0 no-repeat;
}
.carousel-pagination p a span{
	position:absolute;
	top:-3000px;
	left:-3000px;
}


/* 新着情報、ニュースリリース */

.newsInfo{
	float:left;
	width: 680px;/*width:410px;*/
	padding-top: 20px;
}
.newsInfo ul.tabMenu{
	padding:0 0 6px 0;
	background:url(../img/tab_btm.gif) 0 bottom no-repeat;
}
.newsInfo ul.tabMenu li{
	float:left;
	width:203px;
	height:37px;
	overflow:hidden;
}
.newsInfo ul.tabMenu li.info{
	margin:0 4px 0 0;
}
.newsInfo .content{
	padding:0 0 10px 0;
	background:url(../img/frame680_btm.gif) 0 bottom no-repeat;
}
.newsInfo .tabMain{
	padding:10px 10px 0 10px;/*padding:10px 20px 0 10px;*/
	/*background:url(../img/frame410_body.gif) 0 0 repeat-y;*/
	background: #ddebf3 url(../img/frame680_body.gif) 0 0 repeat-y;
}
.newsInfo .tabMain .tabCont{
	min-height:228px;
	height:auto !important;
	height:228px;
	background:#fff;
	overflow:hidden;
	border:1px solid #efefef;
}
.newsInfo .tabMain .tabCont .tabContInner{
	padding:12px;
}
.newsInfo .infoList2{
	height:204px;
}
.newsInfo .infoList2 ul{
	height:190px;
	overflow:auto;
}
.newsInfo .infoList2 ul li{
	margin:0 0 3px 0;
	padding:0 0 3px 0;
	background:url(../../common/img/line_dot.gif) 0 bottom repeat-x;
}
.newsInfo .infoList2 ul li .date{
	display:block;
}
.newsInfo .infoList2 .btmNavi{
	text-align:right;
	padding:3px 0 0 0;
}


/* 商品情報 */

.productsItem{
	position:relative;
	float:left;
	width:680px;
	padding-top: 20px;
}
.productsItem .headNavi{
	position:absolute;
	top:32px;
	left:580px;
}
.productsItem .content{
	padding:0 0 10px 0;
	background:url(../img/frame680_btm.gif) 0 bottom no-repeat;
	zoom:1;
}
.productsList{
	padding:10px 10px 0 10px;
	background:#ddebf3 url(../img/frame680_body.gif) 0 0 repeat-y;
}
.productsList .list{
	background:#fff;
	overflow:hidden;
	border:1px solid #efefef;
	padding:10px;
}
.productsList .list .labelArea{
	padding:0 0 8px 5px;
}
.productsList .list .labelArea ul li{
	float:left;
	margin:0 8px 0 0;
}
.productsList .list .itemArea ul{
	width:638px;
	overflow:hidden;
}

.productsList .list .itemArea ul li{
	float:left;
	margin:0 3px 6px 0;
}

/* 機能性食品 */

.functionalFood{
	width:250px;
	position:relative;
	margin-bottom:22px;
	padding-top: 20px;
}
.functionalFood .infoWrap{
	min-height:50px;
	height:auto !important;
	background:#fff;
	overflow:hidden;
	background:#ddebf3 url(../img/frame250_body.gif) 0 0 repeat-y;
}
.functionalFood .infoWrap .content{
	padding:12px 0 11px 0;
	background:url(../img/frame250_btm.gif) 0 bottom no-repeat;
	zoom:1;
	}
.functionalFood .infoWrap .content .ffContainer{
	width:230px;
/*	height:282px;*/
	margin:0 auto;
	padding:8px 0 25px;
	background:#fff;/*#fefbea;*/
	position:relative;
	text-align:center;
	}
.functionalFood .infoWrap .content .ffContainer .btmNavi{
	position:absolute;
	bottom:6px;
	right:10px;
	}
.functionalFood .infoWrap .content .ffContainer .infoFunctionalfood{
/*	height:242px;*/
	padding:0 7px;
	/*overflow:auto;*/
	background:#fff;/*#fefbea;*/
	}
.functionalFood .infoWrap .content .ffContainer .infoFunctionalfood li{
	padding:2px 8px;
	/*background:url(../../common/img/line_dot.gif) 0 bottom repeat-x;*/
	}


/* トピックス */

.topics{
	width:250px;
	position:relative;
	margin:0 0 12px 0;
}
.topics .headNavi{
	position:absolute;
	top:14px;
	left:186px;
}
.topics .content{
	padding:0 0 10px 0;
	background:url(../img/frame250_btm.gif) 0 bottom no-repeat;
	zoom:1;
}
.topicsList{
	padding:10px 10px 0 10px;
	background:#ddebf3 url(../img/frame250_body.gif) 0 0 repeat-y;
}
.topicsList .list{
	min-height:132px;
	height:auto !important;
	height:132px;
	background:#fff;
	overflow:hidden;
	border:1px solid #efefef;
}
.topicsList .list .listInner{
	padding:6px 1px;
}
.topicsList .list .col2 .colImg{
	float:left;
	margin: 0 5px 0 0;
	width:85px;
}
.topicsList .list .col2 .colTxt{
	float:left;
	width:130px;
	padding:3px 0;
	line-height:1.2em;
}
.topicsList .list .col2 .colTxt .label{
	float:left;
	width:136px;
	height:14px;
	overflow:hidden;
	margin:5px 0;
}
.topicsList .list .hr{
	margin:3px 6px;
}


/* 商品をお求めの方*/

.store{
	width:250px;
	position:relative;
	margin:0 0 20px 0;
}
.store .headNavi{
	position:absolute;
	top:14px;
	left:186px;
}
.store .content{
	padding:0 0 10px 0;
	background:url(../img/frame250_btm.gif) 0 bottom no-repeat;
	zoom:1;
}
.storeList{
	padding:10px 10px 0 10px;
	background:#ddebf3 url(../img/frame250_body.gif) 0 0 repeat-y;
}
/* 151022
min-height:228px;⇒min-height:125px;
height:228px;⇒height:auto;
*/
.storeList .list{
	min-height:125px;
	height:auto !important;
	height:auto;
	_height:255px;
	background:#fff;
	overflow:hidden;
	border:1px solid #efefef;
}

.storeList .list .listInner{
	padding:6px 6px 0 6px;
}
.storeList .list .listInner .col2{
	padding-bottom: 6px;
}
.storeList .list .hr{
	margin:3px 6px;
}


/* バナーエリア */

.bnrArea{
	width:250px;
	margin:0 0 20px 0;
}

.bnrArea li{
	padding:0 0 5px 0;
}


/* スマートフォン版を表示 */

#spTop{
	display:none;
	width:100%;
	margin:0 0 25px 0;
	padding:35px 0;
	background:#ddebf3;
}
#spTop a{
	display:block;
	margin:0 auto;
	padding:26px 0 23px 0;
	width:80%;
	font-size:28px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	text-align:center;
	background-color: #105aa9;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 3px rgba(0,0,0,.2);
	box-shadow: 0 3px rgba(0,0,0,.2);
	background-image: -webkit-linear-gradient(bottom, #3588ba, #105aa9);
	background-image: linear-gradient(to top, #3588ba, #105aa9);
}

/* 150301追加 */
.informationItem{
	position:relative;
	float:left;
	width:680px;
	padding-top: 20px;
}
.informationItem .content{
	padding:0 0 10px 0;
	background:url(../img/frame680_btm.gif) 0 bottom no-repeat;
	zoom:1;
}
.informationItem .content ul{
	padding:10px 10px 0 10px;
	padding: 10px 10px 0 10px;
	background: #ddebf3 url(../img/frame680_body.gif) 0 0 repeat-y;
}
.informationItem .content ul li {
	background: #fff;
	padding: 10px;
}