/* ----------------------------
	top.css　※PC用※
------------------------------ */
/*==================================
font-size
32px 	200〜203
30px 	188〜190
28px 	175〜178
26px 	163〜165
24px 	150〜153
22px 	138〜140
20px 	125〜128
19px 	119〜121
18px 	113〜115
17px 	107〜109
16px 	100〜103 基本
15px 	94〜96
14px 	88〜90
13px 	82〜84
12px 	75〜78
11px 	69〜71 *
10px 	63〜65 *
==================================*/
#maincontents {
	width: 900px;
	margin: 20px auto 40px auto;
}
/* FLASHバナー*/
.slider1 {
	width: 100%;
	height: 350px;
	margin-bottom: 20px;
}
/****** mainarea ******/
#mainarea {
	float: left;
	width: 680px;
}
/* おすすめ6枠 */
.categoryarea {
	width: 680px;
	text-align: left;
}
.category1, .category2, .category3, .category4, .category5, .category6 {
	display: inline-block;
	width: 200px;
	margin: 0 20px 20px 0;
	padding: 0 !important;
	vertical-align: top;
 *display: inline;
 *zoom: 1;
 *margin: 0 25px 25px 0;
}
.category1 div, .category2 div, .category3 div, .category4 div, .category5 div, .category6 div {
	margin-bottom: 5px;
}
.categoryarea img {
	width: 200px;
}
.title {
	font-size: 107% !important;
	margin: -10px auto 10px auto;
	color: #333;
}
.title a {
	font-weight: bold;
	color: #db4040 !important;
}
.title a:hover {
	font-weight: bold;
	color: #06f !important;
}
.txt {
	font-size: 82% !important;
	color: #555;
}
/****** sidearea ******/
#sidearea {
	float: right;
	width: 220px;
}
/* 最近見た店舗 */
.rirekishoparea {
	width: 220px;
}
.rirekishoparea img {
	width: 220px;
}
.rirekishopinner {
	padding: 15px;
	background: #fff9e1;
}
.shopname {
	font-size: 75% !important;
}
/* ダイエーからのお知らせ */
.infoarea {
	width: 220px;
}
.infoarea img {
	width: 220px;
}
.infoinner {
	width: 170px;
	height: 170px;
	padding: 25px;
	text-align: center;
	background: #f7f7f7;
}
#info-slide-wrapper {
	position: relative;
	overflow: hidden;
	width: 170px;
	height: 180px;
	margin: 0 auto;
	padding: 0;
}
#info-slide-inner {
	position: relative;
	overflow: hidden;
	width: 170px;
	height: 170px;
}
#info-slide-wrapper ul {
	overflow: hidden;
}
#info-slide li {
	width: auto;
	height: 50px;
	padding: 5px 0;
	vertical-align: middle;
}
.infoinner li {
	text-align: center;
}
.infoinner li img {
	width: 170px;
	vertical-align: middle;
}
/* facebook */
.facebookarea {
	width: 220px;
	margin-bottom: 15px;
}
/* 新着情報、重要なお知らせ */
.tit_news {
	width: 650px;
	height: 40px;
	margin: 0 auto 10px auto;
	background: url(../images_new/tit_bg3.jpg) no-repeat left top;
}
.tit_news img {
	width: auto;
}
.newsarea {
	width: 650px;
	margin: 0 auto 30px auto;
}
.news_wrapper {
	overflow-x: hidden;
	overflow-y: scroll;
	width: 100%;
	height: 330px;
	background: #fff;
}
.news_wrapper dl {
	font-size: 82% !important;
	width: 620px;
	padding: 15px 0 !important;
	border-bottom: dotted #ccc 1px;
}
.news_wrapper dl dt {
	font-weight: bold;
	float: left;
	clear: left;
	width: 140px;
	margin-left: 0;
	padding-left: 20px;
	color: #db4040;
	background: url(../common_new/images/mark_r.png) no-repeat 7px center;
}
.news_wrapper dl dd {
	overflow: hidden;
}
/* 新着情報、重要なお知らせ　スクロールバー */
.jspContainer {
	position: relative;
	overflow: hidden;
}
.jspPane {
	position: absolute;
}
.jspVerticalBar {
	position: absolute;
	right: 0;
	width: 10px;/* 縦スクロールバーの幅を指定 */
	height: 100%;
	background: #f7f7f7;
}
.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;/* 横スクロールバーの幅を指定 */
	background: #fff;
}
.jspCap {
	display: none;
}
.jspHorizontalBar .jspCap {
	float: left;
}
.jspTrack {
	position: relative;
	background: #fff;/* スクロールバーの背景色を指定 */
}
.jspDrag {
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	background: #d1d1d1;/* スクロールバーの色を指定 */
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}
.jspArrow {
	display: block;
	margin: 0;
	padding: 0;
	cursor: pointer;
	text-indent: -20000px;
	background: #50506d;
}
.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}
.jspVerticalBar .jspArrow {
	height: 16px;
}
.jspHorizontalBar .jspArrow {
	float: left;
	width: 16px;
	height: 100%;
}
.jspVerticalBar .jspArrow:focus {
	outline: none;
}
.jspCorner {
	float: left;
	height: 100%;
	background: #eeeef4;
}
/*==================================
bnrcate
==================================*/
.tit_osusume {
	width: 900px;
	height: 40px;
	margin: 0 auto 10px auto;
	background: url(../images_new/tit_bg6.jpg) no-repeat left top;
}
.tit_osusume img {
	width: auto;
}
.bnrcate {
	width: 900px;
	margin: 20px auto 0;
}
.bnrcate ul {
	clear: both;
	overflow: hidden;
}
.bnrcate ul li {
	float: left;
	width: 440px;
	margin-right: 20px;
}
.bnrcate ul li:last-child {
	margin-right: 0;
}
.bnrcate ul li img {
	width: 440px;
}
/*==================================
productcate
==================================*/
.productcate {
	width: 900px;
	margin: 20px auto;
}
.productcate .col3 {
	clear: both;
	overflow: hidden;
}
.productcate .col3 li {
	float: left;
	width: 286px;
	margin: 5px 10px;
	padding: 10px;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../images_new/product_bg.png);
	background-repeat: repeat;
	background-position: left top;
}
.productcate .col3 li:first-child {
	margin-left: 0;	
}
.productcate .col3 li:last-child {
	margin-right: 0;	
}
.productcate .col3 li img {
	width: 100%;
}
.productcate .col3 li img:hover {
	opacity: 1;	
}
.productcate .col3 li li {
	box-shadow: none;
	margin: 0;
	padding: 0;
	border: none;
	background-image: none;
}
.productcate .col3 a {
	color: #fff;
	text-align: center;	
}
.productcate .col3 li figure {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.productcate .col3 li:hover img {
	-webkit-transform: scale(1.10);
	transform: scale(1.10);
}
.productcate .col3 li figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.productcate .col3 li figcaption {
	position: absolute;
	bottom: -55px;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 52px;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
}
.productcate .col3 li figcaption h3 {
	padding: 10px 0 0;
	font-size: 13px;
}
.productcate .col3 li figure:hover figcaption {
	bottom: 0;
}
/*==================================
newswrap
==================================*/
.newswrap {
	clear: both;
	overflow: hidden;
}
.newswrap .newscate {
	float: left;
	width: 650px;
	margin-right: 30px;
}
/*==================================
noticecate
==================================*/
.noticecate {
	width: 900px;
	margin: 20px auto;	
}
.noticecate img {
	width: 100%;
}