@charset "utf-8";

/* カルーセルスライダー bxSlider.js用スタイルシート */

* { margin:0px; padding:0px;}

a { outline: none; }

/* wrapper */

.bx-wrapper{
	/*width: 100% !important;*/
	height: 180px;
	overflow: hidden;
}

.bx-window{
	height: 142px;
	overflow: hidden;
	margin: 0px auto; 
	padding-bottom: 8px;/*pagerとのアキを指定*/
}

.slider{
	height: 142px;
	width: 100%;
	margin: 0px auto;
	position: relative;
	overflow: hidden;
}

.bx-pager{
	text-align: center;
}

.bx-pager a{
	font: 12px/normal Verdana, Arial, sans-serif;
	letter-spacing: normal;
	padding: 2px 4px;
	color: #FFFFFF;
	text-decoration: none;
	background: #C0C0C0;
	margin: 0px 8px 0px 0px;
	vertical-align: middle;
}

.bx-pager a.pager-active {
	font: normal 12px Verdana, Arial, sans-serif;
	letter-spacing: normal;
	padding: 2px 4px;
	color: #FFFFFF;
	text-decoration: none;
	background: #FFB01F;
	margin: 0px 8px 0px 0px;
	vertical-align: middle;
}

.bx-prev,.bx-next{
	position: absolute;
	text-decoration: none;
	text-shadow: 1px 1px 2px #333333;
	color: #FFB01F;
	font: 54px "Times New Roman", Times, serif;
	zoom:1;
}

.bx-prev{
    left: 12px;
	top: 40px;
}
.bx-next{
    right: 12px;
	top: 40px;
}

.bg_img3 .bx-wrapper{
	width: 100％;
	margin: 0px auto 0px;/* 下のアイテムとの上下のアキ */
	padding: 0px;
	
}
#slider3 ul{
	height: 142px;
	background : #FFF url(../images/ico-loading.gif) no-repeat 50% 50%;/*画像が読み込まれるまでローディング→効果無し */
	
}


#slider3 li{
	margin: 0px auto;
	width: 180px;
	height: 126px;
	text-align: center;
	padding: 5px;
	
}
#slider3 li a img{
	text-align: center;
}

#wrapper{
	width: 100％;
	margin: 0 auto;
	text-align: center;
	padding: 0px;
}
#Contener {
	margin: 0px auto 20px;
	padding: 0px;
	height: 180px;
	width: 100％;
}
/*メモ*/
/*サイト読み込みの際、画像が縦に並んでしまうのが一瞬見えてしまう事の回避方法。
スライダー部分とページャー（数字）の部分は分かれているので、
スライダー部分（.bx-windowと.sliderにheight: 142px;　overflow: hidden;を入れて回避した。*/