@charset "UTF-8";
body{  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;}
.base {
	font-size : 13px;
	text-align: left;
} ;
.mall_top {font-size : 10px } ;
.shop_name {font-size : 16px } ;
.product_list {font-size : 18px ; font-weight : bolder } ;
.product_name {font-size : 16px ; font-weight : bolder } ;
.category_name {font-size : 16px ; font-weight : bolder } ;
.sales_kikan {color : #3366ff ; font-size : 10px } ;
.sales_price {color : red ; font-size : 16px ; font-weight : bolder } ;
.syurui {color : red ; font-size : 12px } ;
.shop_title {color : #006600 ; font-size : 36px ; font-weight : bolder } ;
.department {font-size : 12px ; font-weight : bolder } ;
.annai {color : red;
	font-size : 0.8em;
	text-align:left;
line-height:1.3;
	sans-serif;
} ;
.pro_note {font-size : 13px } ;
.open_comment {font-size : 13px } ;
.parts_product_name {font-size : 10px ; } ;
.parts_sales_price {color : red ; font-size : 13px ; font-weight : bolder } ;
.base_px {
	font-size : 12px
} ;
.calendar {font-size : 14px } ;
.chui {color : #ff3333 ; font-size : 12px } ;
.title  {color : #333333 ;font-size : 13px ;font-weight : bolder} ;
.search {color : #FF0033 ;font-size : 12px ; font-weight : bolder} ;
.map_title {font-size : 19px; color : #333333 ; font-weight : bolder};
.coupon {font-size :  14px; color : #666666 ; font-weight :  bolder} ;
.chui_b {color : #ff3333 ; font-size : 12px  ; font-weight :  bolder}
.selector02{
	padding:.10em .6em;
	border-bottom-width: thin;
	border-left-width: 7px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CC9900;
	border-left-color: #CC9900;
	font-size: 18px;
	font-style: normal;
	color: #000;
	font-weight: bold;
}
#cate_menu{width:100%;max-width:730px;margin:10px auto;}
#cate_menu ul{margin:0;}
#cate_menu li{text-align:center;border-left:7px solid #bf6000;list-style-type:none;float:left;width:85%;max-width:300px;margin:3px;}
#cate_menu li a:link{padding-left:20px;text-decoration:none;display:block;padding:10px;border:1px solid #bf6000;        
}
#cate_menu li a:hover{background:#bf6000;color:#fff;display:block;padding:10px;border:1px solid #bf6000;
}
.kikaku{font-size:1.05em;font-weight:500;padding:5px 5px 5px 10px;background:#d0c6bc;border:solid #b2454a;border-width:0 0 0 8px;}
table.sample{
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.sample th{
	border-right:1px solid #663300;
	border-bottom:1px solid #663300;
	color:#F00;
	background-color:#FFF;
	background-position:left top;
	padding:0.3em 1em;
	text-align:center;
}
.sample td{
	border-right:1px solid #663300;
	border-bottom:1px solid #663300;
	padding:0.3em 1em;
	height: auto;
	width: auto;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	clip: rect(auto,auto,auto,auto);
}
}
.sales_price {
	font-size: 14px;
	color: #F00;
	font-weight: bold;
}
.kotatsu {
	text-align: left;
	font-size: 13px;
}
b {
	text-align: center;
}
.left {
	text-align: right;
}
#pageTop{
border:1px solid #fff;
	background:#ce9d2b;
	_border-radius:5px;
	color:#FFF;
	padding:8px;
	position:fixed;
	bottom:10px;
	right:10px;
	text-decoration:none;
  z-index: 1000;
	}
#pageTop:hover{
	background:#ba6209;
	}
#annai_top{
border:1px solid #fff;
	background:#d30707;
	_border-radius:5px;
	color:#FFF;
	padding:8px;
	position:fixed;
	bottom:50px;
	right:10px;
	text-decoration:none;
	}
#annai_top:hover{
	background:#931313;
	}

#headLine01{
	color: #930A12;
	text-align: left;
	font-size: 20px;
	padding-top: 5px;
	margin: 0;
 }

#headLine01 + p{
	text-align: left;
	font-size: small;
	margin: 7px 0;
	}

.headLine02{
	margin: 0;
	padding: 6px 0 0 6px;
	text-align: left;
	}

.headLine02 + ul {
	padding: 9px 0 0 11px;
}

.lists002 li{
	margin-right: 20px;
}

.lists002 .last{
	margin: 0;
}

.lists002 .bottome{
	margin-top: 9px;
}

.headLine02_2{
	margin-top: 22px;
}


.headLine02_m{
	margin-top: 16px;
	padding-left: 0;
 }

 .headLine03{
	 margin: 0;
	 font-size: medium;
	 color: #fff;
 }

 .lists001{
	padding: 0;
	margin: 1px 0 3px 1px;
	overflow: hidden;
 }

 .lists001 li{
	 list-style: none;
	 float: left;
	 padding-right: 2.5px;
 }

  .lists001 li:last-child{
		padding: 0;
	}

	.lists002{
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

	.lists002 li{
		list-style: none;
		float: left;
	}

	.lists003{
	  margin: 0 0 0 5px;
		padding: 0;
		text-align: left;
	}

	.lists003 li{
		list-style: none;
		margin-bottom: 3px;
	}

	.lists003 li > dl{
		overflow: hidden;
		zoom:1;
		margin: 0;
	}

	.lists003 li > dl dt{
		float: left;
		width: 115px;
		clear: both;
		margin-right: 4px;
	}

	.lists003 li > dl dt img{
		vertical-align: bottom;
	}

	.lists003 li > dl dd{
		text-align: left;
		width: auto;
	}

	.lists003 li > dl .oneLine{
	height: 23px;
	line-height: 23px;
 }

	.lists003 li > dl .twoLine{
	height: 23px;
	line-height: 23px;
 }

 .list004{
	 font-size: small;
	 padding: 0;
 }

 .list004 li{
	 list-style: none;
 }

 .list004 dl{
		margin: 0;
		padding: 0;
 }

 .list004 li:first-child dl dt, .list004 li:first-child dl dd{
	display: inline;
 }

 .list004 li dl dd{
  margin: 0;
 }

 .list004 li dl dd a{
	font-weight: bold;
 }



	.dList001{
		margin: 0 0 16px 0;
	}

	.dList001 dd, .dList001 dd ul{
		margin: 0;
		padding: 0;
	}

	.dList001 dd ul li{
		list-style: none;
	}

	.dList001 dd ul li img {
		vertical-align: bottom;
	}

	.dList002{
		border: solid 1px gray;
		margin: 0;
	}

	.dList002 dt{
		padding: 1px;
		border-bottom: solid 1px gray;
		text-align: center;
	}

	.dList002 dd{
		margin: 0;
		padding-bottom: 1px;
	}

	.text001{
		margin: 0;
	}
/* 矢印つきリスト */
.list1 ul{
	border-bottom: 1px solid #ccc;
	}
	.list1 ul li{
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
		background: linear-gradient(#fff, #f0f0f0);
		border-bottom: 1px solid white;
		border-top: 1px solid #ccc;
		height: 44px;
		margin: 0;
	}
	.list1 ul li a{
		color: #333;
		display: block;
		height: 44px;
		margin: 0;
		padding: 0 0 0 10px;
		overflow: hidden;
		text-overflow: ellipsis;
		text-decoration: none;
		font-weight: bold;
		white-space: nowrap;
		line-height: 44px;
	}
	.list1 ul li a::after{
		content: url(img/list_mark1.png);
		float: right;
	}
/* サムネイルつき矢印リスト */
.list7 ul{
	border-bottom: 1px solid #ccc;
	}
	.list7 ul li{
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
		background: linear-gradient(#fff, #f0f0f0);
		border-bottom: 1px solid white;
		border-top: 1px solid #ccc;
		height: 44px;
		margin: 0px;
	}
	.list7 ul li a{
		background: url(img/list_mark1.png) no-repeat 100% 50%;
		color: #333;
		display: block;
		height: 44px;
		margin: 0;
		padding: 0 0 0 10px;
		overflow: hidden;
		text-overflow: ellipsis;
		text-decoration: none;
		font-weight: bold;
		white-space: nowrap;
		line-height: 44px;
	}
	.list7 ul li img{
		float: left;
		height: 26px;
		margin-top: 10px;
		margin-right: 10px;
	}
/*	.list7 ul li a strong{
		color: #000;
		display: block;
		font-weight: bold;
		padding-top: 10px;
	}


/* 矢印つきリスト２ */
.list2 ul{
	margin: 10px;
	}
	.list2 ul li{
		overflow: hidden;
		margin: 0;
		width: 100%;
		text-align: left;
		padding: 0;
		border: 1px #ccc solid;
		border-bottom: 0;
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
		background: linear-gradient(#fff, #f0f0f0);
   		display:block;
		-webkit-box-shadow:0px 3px 3px rgba(000,000,000,0.1);
		box-shadow:0px 3px 3px rgba(000,000,000,0.1);
	}
	.list2 ul li:first-child{
		border-radius: 8px 8px 0 0;
	}
	.list2 ul li:last-child{
		border-radius: 0 0 8px 8px;
		border-bottom:1px #ccc solid;
	}
	.list2 ul li a{
		color: #333;
		display: block;
		height: 44px;
		margin: 0;
		padding: 0 0 0 10px;
		overflow: hidden;
		white-space: nowrap;
		line-height: 44px;
		text-overflow: ellipsis;
		text-decoration: none;
		font-weight:bold;
	}
	.list2 ul li a::after{
		content: url('image/list_mark1.png');
		float: right;
	}

/* サムネイルつき矢印リスト */
.list3 ul{
	border-bottom: 1px solid #ccc;
	}
	.list3 ul li{
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
		background: linear-gradient(#fff, #f0f0f0);
		border-top: 1px solid #ccc;
		height: 50px;
		margin: 0px;
	}
	.list3 ul li a{
		background: url(img/list_mark1.png) no-repeat 100% 50%;
		color: #666;
		display: block;
		height: 50px;
		margin: 0;
		padding: 0 7px 0 0;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-decoration: none;
	}
	.list3 ul li img{
		float: left;
		height: 50px;
		margin-right: 10px;
	}
	.list3 ul li a strong{
		color: #000;
		display: block;
		font-weight: bold;
		padding-top: 10px;
	}
table th,td{
_font-family: "MS PGothic", "Osaka", Arial, sans-serif;
padding:4px;
line-height:1.3;
}


@media screen and (min-width : 768px){
#itemBox{min-height:305px;margin:3px;padding:5px;width:155px;list-style-type:none;float:left;}
#itemBox img{width:150px;border:0;text-align:center;}
#s_menu{margin:0;}
#s_menu li{float:left;margin:0 2px 7px 2px;list-style:none;width:83px;font-size:0.9em;text-align:center;}
#s_menu li a{padding:3px 7px;display:block;font-weight:bold;border:1px solid #ccc;text-decoration:none;}
#s_menu li a:hover{padding:3px 7px;display:block;color:red;border:1px solid red;text-decoration:none;}
}
@media screen and (max-width : 767px){

#itemBox{min-height:290px;margin:3px;padding:5px;width:44%;list-style-type:none;float:left;}
#itemBox img{width:100%;border:0;text-align:center;}
#s_menu{display:none !important;}


}

#slide_menu{
	position: fixed;
	top: 0;
	left: -160px;
	width: 160px;
	height: 100%;
    background: #333;
z-index:9999;
}
/* 以下装飾など */
#slide_menu ul{
    padding:0;
    margin: 0;
}
#slide_menu li + li{
}
#slide_menu li{
   border-bottom: dotted 1px #fff; 
    list-style: none;
}
#slide_menu li a{
    font-size:0.95em;
    display: block;
    font-weight:500;
    padding: 12px 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
}
#button{
    position: fixed;
    bottom: 92px;
border:1px solid #fff;
right:0;
    width: 65px;
    height: 45px;
    outline: none;
    background: #ba6209;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

#zataku {
  overflow: hidden;
float:right;
left:80%;
top:10%;
width:20%;
position:fixed;
z-index:9999;

}

#zataku-toggle {
  right: 100%;
  padding: 10px;
  background: #e6e6e6;
  transform: translateX(100%);
  transition: all .25s ease;

}
#zataku-toggle li{
list-style-type:none;
}
#zataku-toggle.open {
  transform: translateX(0);
}

#zataku-toggle.close {
  transform: translateX(100%);
}
.a:hover img,.a:active img{
filter:alpha(opacity= 70); /* IE */
-moz-opacity:0.70; /* Firefox CSS3以前 */
opacity:0.70; /* CSS3 */
}

/*トップページのスライドショー
---------------------------------------------------------------------------*/
#mainimg {
	clear: left;
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 20px;
    z-index: 9998;
}
#mainimg .slide_file {
	display: none;
}
#slide_image {
	z-Index:2;
	height: auto;
	width: 100%;
	position: relative;
}
#slide_image2 {
	z-Index:1;
	height: auto;
	width: 100%;
	position: absolute;
	left:0px;
	top:0px;
}