@charset "utf-8";
/* ===================================================================
CSS information

 file name  :tabslider.css
 author     :
 style info :タブ付カルーセルスライダーの設定
  
=================================================================== */

#tabslider-allwrap {
	width:795px;
	text-align:left;
	margin-bottom:1.5em;
}


/* -- タブボタン -- */
ul#tabslider-btn{
	text-align:left;
}

#tabslider-btn li.select {
	font-weight:bold;
	position: relative; top: 1px; 
	padding-top:8px;
}

#tabslider-btn li {
	display: inline-block; 
	zoom:1; *display:inline;
	text-align:center;
	color:#67cefb;
	margin-right:4px;	
	padding: 6px 10px;
	cursor: pointer;
	background: none repeat scroll 0% 0% #fff;
	border: solid 1px #67cefb; 
	border-bottom: none; 
}


#tabslider-btn li:nth-child(1) {
		margin-left:8px;
	 
}

.tabslider_wrap { 
	background: #fff;
	border-top: solid #67cefb 1px;
	padding: 10px;
 }

ul.tabslider {
	}

ul.tabslider li {
	}

/* タブナンバーの設定 */
ul.tabslider li .tabnumber01,
ul.tabslider li .tabnumber02,
ul.tabslider li .tabnumber03,
ul.tabslider li .tabnumber04,
ul.tabslider li .tabnumber05,
ul.tabslider li .tabnumber06,
ul.tabslider li .tabnumber07,
ul.tabslider li .tabnumber08,
ul.tabslider li .tabnumber09,
ul.tabslider li .tabnumber10 { /*タブナンバーの基本設定 */
	display:inline-block;
	font-size:8px;
	color:#fff;
	margin-bottom:2px;
	padding:2px 5px;
}

	/* タブナンバーの背景色の設定01～10 */
	ul.tabslider li .tabnumber01 { background-color:#CD2023; }
	ul.tabslider li .tabnumber02 { background-color:#1E63C1; }
	ul.tabslider li .tabnumber03 { background-color:#523030; }
	ul.tabslider li .tabnumber04 { background-color:#DB8234; }
	ul.tabslider li .tabnumber05 { background-color:#A38E04; }
	ul.tabslider li .tabnumber06 { background-color:#1F822D; }
	ul.tabslider li .tabnumber07 { background-color:#09A1A8; }
	ul.tabslider li .tabnumber08 { background-color:#5B167A; }
	ul.tabslider li .tabnumber09 { background-color:#BB1672; }
	ul.tabslider li .tabnumber10 { background-color:#4E2E9C; }
	
/* 画像とテキストの設定 */	
ul.tabslider li .tabslider-inner { /* 画像とテキストの枠 */
	border: solid 1px #67cefb;	
}

ul.tabslider li img { /* 画像のサイズ指定等 */
	width:182px;
	margin:1px;
}

/* ページ送りの設定 */
.bx-controls-direction {
		
}

.bx-controls-direction a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}

.bx-controls-direction a::before,
.bx-controls-direction a::after{
    position: absolute;
    top: 0; bottom: 0;
    margin: auto;
    content: "";
 
}
	/* prev */
.bx-controls-direction a.bx-prev {
	padding-left: 10px;
}

.bx-controls-direction a.bx-prev::after{
    left:0;
	width: 4px;
    height: 4px;
    border-bottom: 2px solid #67cefb;
    border-left: 2px solid #67cefb;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

	/* prev */
.bx-controls-direction a.bx-next {
	float:right;
	padding-right: 10px;
}

.bx-controls-direction a.bx-next::after{
    right:0;
	width: 4px;
    height: 4px;
    border-top: 2px solid #67cefb;
    border-right: 2px solid #67cefb;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* その他の商品はこちら */
.tabslider-more {
	text-align:right;
	margin-top:1em;
}

.tabslider-more a {
	display:inline-block;
	padding:4px;
	border:1px solid #67cefb;
}

.tabslider-more a:hover {
	border:1px solid #74abbb;
	background-color:#bcd1d8;
}

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
.tabslider_wrap2 { 
	background: #fff;
	border-top: solid #67cefb 1px;
	padding: 10px;
 }

ul.tabslider {
	}

ul.tabslider li {
	}

/* タブナンバーの設定 */
ul.tabslider li .tabnumber01,
ul.tabslider li .tabnumber02,
ul.tabslider li .tabnumber03,
ul.tabslider li .tabnumber04,
ul.tabslider li .tabnumber05,
ul.tabslider li .tabnumber06,
ul.tabslider li .tabnumber07,
ul.tabslider li .tabnumber08,
ul.tabslider li .tabnumber09,
ul.tabslider li .tabnumber10 { /*タブナンバーの基本設定 */
	display:inline-block;
	font-size:8px;
	color:#fff;
	margin-bottom:2px;
	padding:2px 5px;
}

	/* タブナンバーの背景色の設定01～10 */
	ul.tabslider li .tabnumber01 { background-color:#CD2023; }
	ul.tabslider li .tabnumber02 { background-color:#1E63C1; }
	ul.tabslider li .tabnumber03 { background-color:#523030; }
	ul.tabslider li .tabnumber04 { background-color:#DB8234; }
	ul.tabslider li .tabnumber05 { background-color:#A38E04; }
	ul.tabslider li .tabnumber06 { background-color:#1F822D; }
	ul.tabslider li .tabnumber07 { background-color:#09A1A8; }
	ul.tabslider li .tabnumber08 { background-color:#5B167A; }
	ul.tabslider li .tabnumber09 { background-color:#BB1672; }
	ul.tabslider li .tabnumber10 { background-color:#4E2E9C; }
	
/* 画像とテキストの設定 */	
ul.tabslider li .tabslider-inner { /* 画像とテキストの枠 */
	border: solid 1px #67cefb;	
}

ul.tabslider li img { /* 画像のサイズ指定等 */
	width:182px;
	margin:1px;
}

/* ページ送りの設定 */
.bx-controls-direction {
		
}

.bx-controls-direction a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}

.bx-controls-direction a::before,
.bx-controls-direction a::after{
    position: absolute;
    top: 0; bottom: 0;
    margin: auto;
    content: "";
 
}
	/* prev */
.bx-controls-direction a.bx-prev {
	padding-left: 10px;
}

.bx-controls-direction a.bx-prev::after{
    left:0;
	width: 4px;
    height: 4px;
    border-bottom: 2px solid #67cefb;
    border-left: 2px solid #67cefb;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

	/* prev */
.bx-controls-direction a.bx-next {
	float:right;
	padding-right: 10px;
}

.bx-controls-direction a.bx-next::after{
    right:0;
	width: 4px;
    height: 4px;
    border-top: 2px solid #67cefb;
    border-right: 2px solid #67cefb;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* その他の商品はこちら */
.tabslider-more {
	text-align:right;
	margin-top:1em;
}

.tabslider-more a {
	display:inline-block;
	padding:4px;
	border:1px solid #67cefb;
}

.tabslider-more a:hover {
	border:1px solid #74abbb;
	background-color:#bcd1d8;
}