html,body,div,ul {
	margin: 0;
	padding: 0;
}

ul li {
	list-style: none;
}

.clearFix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearFix {
    min-height: 1px;
}

/*ヘッダー上部分お知らせ*/

div#news {
	width: 100%;
	margin: 0 auto 2em;
	background: url(../header/images/news-bgi20180301x.gif) repeat-x scroll 0 0;
}

div#news a {
	width: 960px;
	height: 309px;
	display: block;
	margin: 0 auto;
}

/*ヘッダーロゴ部分*/


div#header-logo-box {
	width: 960px;
	height: 100px;
	margin: 20px auto 10px;
}

div#header-logo-box a img,
div#header-logo-box h1 a {
	opacity: 1;
	transition: 0.3s;
}

div#header-logo-box a img:hover,
div#header-logo-box h1 a:hover {
	opacity: .5;
}

div#header-logo-box h1 {
	width: 400px;
	height: 100px;
	margin: 0 10px 0 0;
	float: left;
}

div#header-logo-box h1 a {
	width: 400px;
	height: 100px;
	display: block;
	text-indent: -999999px;
	background: url(../header/images/header-logo_1.gif) no-repeat scroll 0 0;
}

div#header-logo-box div#logo-box-inner {
	width: 670px;
	height: 100px;
	float: right;
}

div#header-logo-box div#logo-box-inner div.logo-box-banner {
	width: 670px;
	height: 70px;
	margin-bottom: 5px;
}

div#header-logo-box div#logo-box-inner div.logo-box-banner ul li {
	width: 332px;
	height: 70px;
	float: left;
}

div#header-logo-box div#logo-box-inner div.logo-box-banner ul li.right-banner {
	margin-left: 6px;
}

div#header-logo-box div#logo-box-inner div.logo-box-banner ul li a {
	width: 332px;
	height: 70px;
	display: block;
}

div#header-logo-box div#logo-box-inner div.logo-box-nav {
	width: 670px;
	height: 25px;
}

div#header-logo-box div#logo-box-inner div.logo-box-nav ul li {
	width: 134px;
	height: 25px;
	float: left;
}

div#header-logo-box div#logo-box-inner div.logo-box-nav ul li a {
	width: 134px;
	height: 25px;
	display: block;
	text-indent: -999999px;
}

div#header-logo-box div#logo-box-inner div.logo-box-nav ul li a.header-nav01 {
	background: url(../header/images/header-nav.gif) no-repeat scroll 0 0;
}

div#header-logo-box div#logo-box-inner div.logo-box-nav ul li a.header-nav02 {
	background: url(../header/images/header-nav.gif) no-repeat scroll -134px 0;
}

div#header-logo-box div#logo-box-inner div.logo-box-nav ul li a.header-nav03 {
	background: url(../header/images/header-nav.gif) no-repeat scroll -268px 0;
}

div#header-logo-box div#logo-box-inner div.logo-box-nav ul li a.header-nav04 {
	background: url(../header/images/header-nav.gif) no-repeat scroll -402px 0;
}

div#header-logo-box div#logo-box-inner div.logo-box-nav ul li a.header-nav05 {
	background: url(../header/images/header-nav.gif) no-repeat scroll -536px 0;
}

div#header-logo-box div#logo-box-inner div.logo-box-nav ul li a.header-nav01:hover {
	background: url(../header/images/header-nav.gif) no-repeat scroll 0 -25px;
}

div#header-logo-box div#logo-box-inner div.logo-box-nav ul li a.header-nav02:hover {
	background: url(../header/images/header-nav.gif) no-repeat scroll -134px -25px;
}

div#header-logo-box div#logo-box-inner div.logo-box-nav ul li a.header-nav03:hover {
	background: url(../header/images/header-nav.gif) no-repeat scroll -268px -25px;
}

div#header-logo-box div#logo-box-inner div.logo-box-nav ul li a.header-nav04:hover {
	background: url(../header/images/header-nav.gif) no-repeat scroll -402px -25px;
}

div#header-logo-box div#logo-box-inner div.logo-box-nav ul li a.header-nav05:hover {
	background: url(../header/images/header-nav.gif) no-repeat scroll -536px -25px;
}


/*検索ボックス*/

div#serch-bar {
	width: 100%;
	display: block;
	margin: 10px 0;
	padding: 5px 0;
	background-color: #333333;
}

div#serch-bar div.serch-box {
	width: 960px;
	margin: 0 auto;
}


div#serch-bar div.serch-box .input {
	float: left;
	width: 370px;
	height: 22px;
	margin: 0;
	padding: 1px 5px;
	border: 0;
	background-color: #FFFFFF;
	color: #333333;
	font-size: 100%;
	line-height: 23px;
}

div#serch-bar div.serch-box .input_button  {
	float: left;
	display: block;
	width: 90px;
	height: 24px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #FFFFFF;
	color: #FFFFFF;
}

/*グローバルナビ*/

div#glovalNav {
	width: 960px;
	height: 60px;
	margin: 0 auto;
}

div#glovalNav ul li {
	float: left;
}

div#glovalNav ul li a {
	display: block;
	text-indent: -999999px;
}

div#glovalNav ul li a.glovalNav01 {
	width: 160px;
	height: 60px;
	background: url(../header/images/global-nav.gif) no-repeat scroll 0 0;
}

div#glovalNav ul li a.glovalNav02 {
	width: 130px;
	height: 60px;
	background: url(../header/images/global-nav.gif) no-repeat scroll -160px 0;
}

div#glovalNav ul li a.glovalNav03 {
	width: 130px;
	height: 60px;
	background: url(../header/images/global-nav.gif) no-repeat scroll -290px 0;
}

div#glovalNav ul li a.glovalNav04 {
	width: 140px;
	height: 60px;
	background: url(../header/images/global-nav.gif) no-repeat scroll -420px 0;
}

div#glovalNav ul li a.glovalNav05 {
	width: 90px;
	height: 60px;
	background: url(../header/images/global-nav.gif) no-repeat scroll -560px 0;
}

div#glovalNav ul li a.glovalNav06 {
	width: 100px;
	height: 60px;
	background: url(../header/images/global-nav.gif) no-repeat scroll -650px 0;
}

div#glovalNav ul li a.glovalNav07 {
	width: 100px;
	height: 60px;
	background: url(../header/images/global-nav.gif) no-repeat scroll -750px 0;
}

div#glovalNav ul li a.glovalNav08 {
	width: 100px;
	height: 60px;
	background: url(../header/images/global-nav.gif) no-repeat scroll -850px 0;
}

div#glovalNav ul li a.glovalNav09 {
	width: 130px;
	height: 60px;
	background: url(../header/images/global-nav.gif) no-repeat scroll -950px 0;
}

/*グローバルナビホバー*/

div#glovalNav ul li a.glovalNav01:hover {
	background: url(../header/images/global-nav.gif) no-repeat scroll 0 -60px;
}

div#glovalNav ul li a.glovalNav02:hover {
	background: url(../header/images/global-nav.gif) no-repeat scroll -160px -60px;
}

div#glovalNav ul li a.glovalNav03:hover {
	background: url(../header/images/global-nav.gif) no-repeat scroll -290px -60px;
}

div#glovalNav ul li a.glovalNav04:hover {
	background: url(../header/images/global-nav.gif) no-repeat scroll -420px -60px;
}

div#glovalNav ul li a.glovalNav05:hover {
	background: url(../header/images/global-nav.gif) no-repeat scroll -560px -60px;
}

div#glovalNav ul li a.glovalNav06:hover {
	background: url(../header/images/global-nav.gif) no-repeat scroll -650px -60px;
}

div#glovalNav ul li a.glovalNav07:hover {
	background: url(../header/images/global-nav.gif) no-repeat scroll -750px -60px;
}

div#glovalNav ul li a.glovalNav08:hover {
	background: url(../header/images/global-nav.gif) no-repeat scroll -850px -60px;
}

div#glovalNav ul li a.glovalNav09:hover {
	background: url(../header/images/global-nav.gif) no-repeat scroll -950px -60px;
}


/*ヘッダーラッパースタイル*/

div#header-wrapper {
	width: 100%;
	margin: 0 0 20px;
	padding: 0 0 50px;
	background: #ebebeb url(../header/images/header-bgi.gif) repeat-x scroll 0 bottom;
}

div#header-wrapper img:hover {}

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

div#header-slider {
width: 700px;
		margin: 0 auto;
		height: 325px;
		position: relative;
}


div#header-slider div.slider-body {
	width: 2100px;
	height: 300px;
	position: absolute;
	left: 50%;
	margin-left: -1050px;
}

div#header-slider ul {
	padding: 0;
	margin: 0;
}


div#header-slider div#slider-nav {
	width: 960px;
	height: 77px;
	position: absolute;
	top: 305px;
	left: -190px;
}

.bx-pager-item {
	width: 0;
	height: 0;
}

/*バナー1列部分*/

div#header-banner-1line {
		width: 1080px;
	margin: 0 auto;
}

div#header-banner-1line a {
	width: 1080px;
	display: block;
	margin: 0 0 5px;
}

div#header-banner-1line a img {
	opacity: 1;
	transition: 0.3s;
}

div#header-banner-1line a img:hover {
	opacity: .5;
}

/*バナー2列部分*/

div#header-banner-2line {
		width: 1080px;
	margin: 10px auto;
}


div#header-banner-2line ul li {
	float: left;
}

div#header-banner-2line ul li.right {
	margin: 0 0 0 6px;
}

div#header-banner-2line ul li a {
	width: 537px;
	display: block;
	margin-bottom: 5px;
}

div#header-banner-2line ul li a img {
	opacity: 1;
	transition: 0.3s;
}

div#header-banner-2line ul li a img:hover {
	opacity: .5;
}

/*バナー3列部分*/

div#header-bunner {
	width: 1080px;
	margin: 10px auto;
}


div#header-bunner ul li {
	float: left;
}

div#header-bunner ul li.center {
	margin: 0 6px;
}

div#header-bunner ul li a {
	width: 356px;
	display: block;
	margin-bottom: 5px;
}

div#header-bunner ul li a img {
	opacity: 1;
	transition: 0.3s;
}

div#header-bunner ul li a img:hover {
	opacity: .5;
}



/*週末特価*/

div#weekend-sale {
	width: 960px;
	margin: 0 auto;
}

div#weekend-sale table {
	width: 960px;
	background: #000000;
}

div#weekend-sale table th {
	width: 535px;
}

div#weekend-sale table td.image {
	height: 185px;
	text-align: center;
}

div#weekend-sale table td.image a {
	width: 175px;
	height: 175px;
	display: block;
	margin: 5px auto;
}

div#weekend-sale table td.image a img {
	opacity: 1;
	transition: 0.3s;
	border: 3px solid #000000;
	border-radius: 10px;
	box-sizing:border-box;
}

div#weekend-sale table td.image a img:hover {
	opacity: .5;
}

div#weekend-sale table td a.weekend-nav {
	width: 175px;
	height: 24px;
	display: block;
	margin: 0 auto;
	text-indent: -999999px;
	background: url(../header/images/week-end-nav.gif) no-repeat scroll 0 0;
}

div#weekend-sale table td a.weekend-nav:hover {
	background: url(../header/images/week-end-nav02.gif) no-repeat scroll 0 -24px;
}

/*カタログ請求*/

div#catalog {
	width: 1080px;
	margin: 20px auto 40px;
}

div#catalog a img {
	opacity: 1;
	transition: 0.3s;
}

div#catalog a img:hover {
	opacity: .5;
}

div#catalog p {
	margin: -25px 0 0;
	padding: 0;
}

/*取扱メーカー*/

div#maker {
	width: 1080px;
	margin: 0 auto;
}

div#maker h2 {
	width: 1080px;
	height: 35px;
	margin-bottom: 10px;
	text-indent: -999999px;
	background: url(../header/images/bland-title.gif) no-repeat scroll 0 0;
}

div#maker ul li {
	float: left;
	margin-right: 4px;
}

div#maker ul li a img {
	opacity: 1;
	transition: 0.3s;
}

div#maker ul li a img:hover {
	opacity: .5;
}

/*楽々通販*/

div#rakurakubar {
	width: 960px;
	margin: 10px auto;
	background-color: #ebebeb;
}

div#rakurakubar iframe {
	background-color: #ebebeb;
}
}
