/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/


#bx-container {

/*    margin:12px auto;                                                         */
}

/*pattern 1*/
#container_1 {
/*    width:500px; */
}

#container_1 .bx-viewport {
    box-shadow: none;
    border:solid 5px #fc0;
    border-radius: 5px;
}
#container_1 .bx-pager-item a {
/*    background: #f90; */
}

#container_1 a.active {
/*    background:#f30; */
}


/*pattern 2*/
#container_2 {
/*    width:800px; */
}

#container_2 .bx-pager-item a {
/*    background: #ccc; */
}

#container_2 a.active {
/*    background:#4b4b4b; */
}


/* pattern 3*/
#container_3 {
/*    width:1000px; */
}

#container_3 .bx-wrapper {
    margin-bottom:12px;			/*サムネイルのスライダーからの縦位置を調整*/
}

#container_3 .bx-viewport {
    box-shadow:none;
}

#container_3 .bx-wrapper .bx-prev {
/*	left: 10px; */				/*戻るボタンの横位置を調整する*/
	left: 20px; 
}

/*進ボタン（マウスカーソルがボタン外）*/
#container_3 .bx-wrapper .bx-next {
/*	right: 20px; */				/*進ボタンの横位置を調整する*/
}

/*サムネイルが非アクティブ時に光度を５０％に設定*/
#container_3 #bx-pager a img {  
	opacity: 0.5;  
	filter: alpha(opacity=50);  
}

/*サムネイル上にカーソルがある時に光度を１００％に設定*/
#container_3 #bx-pager a:hover img { 
	opacity: 1;  
	filter: alpha(opacity=100);  
}

/*サムネイルがアクティブ時に光度を１００％および枠線を設定*/
#container_3 #bx-pager a.active img {  
	opacity: 1;  
	filter: alpha(opacity=100);  
    border:solid 2px #fc0;
}

#container_3 #bx-pager {
    text-align:center; 
}



.bx-wrapper {
	position: relative;
/*	margin: 20px auto 40px;*/	/*スライド表示域縦の空間調整 */
	margin: 0 auto 40px;		/*スライド表示域縦の空間調整                    */
/*	padding: 5px; */
/*	padding-top: 20px; */
/*	padding-left: 10px; */		/*スライド表示域の左位置調整                    */
/*	padding-right: 10px; */
	*zoom: 1;
/*	height: 575px;*/			/*ページ・コントロール表示域の縦位置*/
/*	height: 375px;*/			/*ページ・コントロール表示域の縦位置*/
/*	float: left;*/
}

.bx-wrapper img {
	max-width: 100%; 
	margin:0 auto;				/*画像を表示域の中央（横）に設定*/
	display: block;
/*	border-top-left-radius: 450px 80px;
	border-top-right-radius: 450px 80px; */
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
 	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .1);
/*	box-shadow: 0 0 50px rgba(0, 0, 0, .9);*/	/*スライド表示枠影の太さ、色調整                           */
/*	border:  5px solid rgba(0, 0, 0, .3);*/	/*スライド表示枠の太さ、色調整                             */
/*	left: -15px;*/								/*スライド表示枠の左位置調整                           */
	background: rgba(0, 0, 0, .8)			/*#888;*/

	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
   	-ms-transform: translatez(0);
   	-o-transform: translatez(0);
   	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
/*	bottom: -30px; */
	bottom: -20px;							/*ページ・コントロール表示の縦位置調整*/
	width: 100%;
/*	padding-left: 1px;*/					/*枠線を指定した際、枠の太さを指定するとよい*/
	padding-left: 0px;						/*枠線を指定した際、枠の太さを指定するとよい*/
/*	padding-right: 1px;*/					/*枠線を指定した際、枠の太さを指定するとよい*/
	padding-right: 0px;						/*枠線を指定した際、枠の太さを指定するとよい*/
}

/* 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;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
/*	font-family: Arial; */
    font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
/*	padding-left: 80px;*/
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
/*	background: #aaa;*/		/*ページ表示〇の色調整*/
	background: #b0e0e6;	/*ページ表示〇の色調整*/
	text-indent: -9999px;
	display: block;
	width: 10px;		/*ページ表示〇の横サイズ調整 */
	height: 10px;		/*ページ表示〇の縦サイズ調整 */
	margin: 0 5px 2px;	/*ページ表示〇の表示位置調整 */
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
/*	background: #000; */
/*	background: #666;*/		/*現在描画中のページ表示●の色調整*/
	background: #3366ff;	/*現在描画中のページ表示●の色調整*/
}

/* DIRECTION CONTROLS (NEXT「進ボタン」 / PREV「戻ボタン」) */
/****************************************************************/
/*   アイコンを１つのファイル内に８種類格納し表示ポジションを   */
/*   各用途ごとに指定して表示しているので変更時は要注意         */
/****************************************************************/

/*戻ボタン（マウスカーソルがボタン外）*/
.bx-wrapper .bx-prev {
/*	left: -20px; */
	left: 20px;			/*戻るボタンのみ枠線の太さにより位置を調整する　*/
	background: url(images/controls.png) no-repeat 0 -32px;
}

/*進ボタン（マウスカーソルがボタン外）*/
.bx-wrapper .bx-next {
/*	right: -30px; */
	right: 20px;		/*進ボタンのみ枠線の太さにより位置を調整する　*/
/*	background: url(images/controls.png) no-repeat -43px -32px;  */
	background: url(images/controls.png) no-repeat -42px -32px;
}

/*戻ボタン（マウスカーソルがボタン内）*/
.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

/*進ボタン（マウスカーソルがボタン内）*/
.bx-wrapper .bx-next:hover {
/*	background-position: -43px 0;  */
	background-position: -42px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;		/*ボタンの縦位置調整（50%が中央）*/
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
    display: none; /*追加*/
}

.bx-wrapper:hover .bx-controls-direction a {
	display: block;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START「開始ボタン」 / STOP「停止ボタン」) */
/****************************************************************/
/*   アイコンを１つのファイル内に８種類格納し表示ポジションを   */
/*   各用途ごとに指定して表示しているので変更時は要注意         */
/****************************************************************/

.bx-wrapper .bx-controls-auto {
/*	text-align: center; */
	text-align: right;
}

/*開始ボタン（停止中、マウスカーソルがボタン外の時）*/
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
/*	width: 10px; */
	width: 16px; 
/*	height: 11px; */
	height: 16px; 
	outline: 0;
/*	background: url(images/controls.png) -86px -11px no-repeat; */
	background: url(images/controls.png) -80px -16px no-repeat;
	margin: 0 3px;
}

/*開始ボタン（開始中、マウスカーソルがボタン内の時）*/
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
/*	background-position: -86px 0; */
	background-position: -80px 0;
}

/*停止ボタン（開始中、マウスカーソルがボタン外の時）*/
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
/*	width: 9px; */
	width: 16px;
/*	height: 11px; */
	height: 16px;
	outline: 0;
/*	background: url(images/controls.png) -86px -44px no-repeat; */
	background: url(images/controls.png) -80px -48px no-repeat;
	margin: 0 3px;
}

/*停止ボタン（停止中、マウスカーソルがボタン内の時）*/
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
/*	background-position: -86px -33px; */
	background-position: -80px -32px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
/*	text-align: left; */
	text-align: center;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0; 
/*	left: 0; */
/*	width: 35px; */
	width: 50px;		/*開始、停止ボタン域の幅調整*/
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
/*	text-align: right; */
	text-align: center;
	bottom: 0;
	left: 0;
/*	background: #666\9; */
	background: rgba(80, 80, 80, 0.8);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
/*	font-family: Arial; */
    font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
	display: block;
/*	font-size: .85em; */
	font-size: 1.0em;
	padding: 10px;
}

ul.bxslider {
  padding: 0;   /* または padding-left: 0; */
  margin: 0;
}