@charset "utf-8";

/* =========================
   Slider */

.bxSlider{
 text-align:center !important;
 zoom:1; !important;
 z-index: 1;
}

#slider{
 margin:0 auto !important;
 padding:0 !important;
 height:390px !important;
 width:1000px !important;
}

#slider li{
 width:1000px !important;
 height:390px !important;
 margin:0 auto !important;
 padding:0 !important;
 position:absolute !important;
 left:-100px !important;
 top:0 !important;
}

.bx-wrapper {
 width:100% !important;
 overflow:visible !important;
 position:relative !important;
}

.bx-wrapper .bx-viewport {
 width:1000px !important;
 height:390px !important;
 margin:0 auto !important;
 overflow:visible !important;
 zoom:1;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
 position: absolute;
 bottom: -30px;
 width: 100%;
}

/***** LOADER *****/

.bx-wrapper .bx-loading {
 min-height: 50px;
 background: url(images/bx_loader.gif) center center no-repeat #fff;
 height: 100%;
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 2000;
}

/* container */
.top_container {
 background: url(../img/main_bg.png) top center no-repeat #e4e0c6;
 padding: 20px 0;
}

/* ===============================
   1段目 */
.topbox1 {
 width: 1020px;
 overflow: hidden;
 zoom: 1;
}

.topbox1 .inner {
 width: 232px;
 margin-right: 20px;
 float: left;
}

/* NEWS AREA */

.topbox1 .top_news {
 float: left;
 width: 496px;
 height: 91px;
 margin-right: 20px;
 background: #bbaf62;
 border-radius: 4px;
 padding-bottom: 15px;
}

.top_news h2 { margin: 0;}

.top_news .cf p {
 float: left;
 width: 55px;
 height: 20px;
 margin-left: 20px;
}

.scroll-pane {
 overflow: auto;
 width: 385px;
 height: 51px;
 float: right;
 margin-right: 15px;
}

/* scroll pane */
.jspContainer {
	overflow: hidden;
	position: relative;
}

.jspPane {	position: absolute;}

.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	height: 100%;
	background: red;
}

.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar * {
	margin: 0;
	padding: 0;
}

.jspCap { display: none;}

.jspHorizontalBar .jspCap {	float: left;}

.jspTrack {
	background: #cfc9af;
	position: relative;
}

.jspDrag {
	background: #a39646;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}

.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow {	height: 16px;}

.jspHorizontalBar .jspArrow {
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus {	outline: none;}

.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {	margin: 0 -3px 0 0;}

.top_news a,
.top_news a:visited {
 color: #fff;
}

.top_news table {
 width: 100%;
 font-size: 85%;
 text-align: left;
 color: #fff;
 line-height: 1.4;
}

.top_news table th {
 font-weight: normal;
}

/* =============================-
   2段目 */

.topbox2 {
 margin: 20px 0;
}


/* ============================
   3段目 */

.topbox3 {
}

.topbox3 .top_shopbox {
 float: left;
 width: 748px;
}

.top_shopbox h2 {
 margin: -10px 0 0 0;
}

.shoplist_outer {
 background: url(../img/top/shop_bg.png);
 padding: 0 21px;
 width: 646px;
}

.top_shopbox .shoplist {
 margin: 0;
 padding: 20px 0 0 0;
 width: 720px;
 overflow: hidden;
 list-style: none;
 zoom: 1;
}

.top_shopbox .shoplist li {
 width: 166px;
 margin-right: 74px;
 float: left;
 padding: 0 0 20px 0;
}

.shoplist p {
 margin: 0;
}

.shoplist h3 {
 margin: 5px 0;
}

.shoplist address {
 font-style: normal;
 line-height: 1.4;
 text-align: left;
 font-size: 90%;
}

.shoplist address span {
 font-size: 110%;
 font-weight: bold;
 letter-spacing:-1px;
}