@charset "utf-8";
/* ====== size table =====================================================
 10px = 77%     11px = 85%     12px = 93%   13px = 100%    14px = 108%
 15px = 116%    16px = 123.1%  17px = 131%  18px = 138.5%  19px = 146.5%
 20px = 153.9%  21px = 161.6%  22px = 167%  23px = 174%    24px = 182%
======================================================================= */

/*	mainVisual
-------------------------------------------------- */


#topslide2013 {
}

#mainVisual{
	position: relative;
	width: 100%; height: 430px;
	padding-top: 30px;
	margin-bottom: 30px;
	overflow: hidden;
}
#mainVisual .bx-wrapper{
	width: 100% !important;
	height: 430px;
	position: relative;
	overflow: hidden;
}

#mainVisual ul#innerVisual li {
	position:relative;
	text-align: center !important;
	width: 1044px !important;
	height: 430px;
}
#mainVisual ul#innerVisual li a{
	background-image: url(../images/slide_bg.png);
	width: 1024px;
	height: 430px;
	display: block;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center bottom;
/*
	box-shadow: 0 1px 3px #000;
	-moz-box-shadow: 0 1px 3px #000;
	-webkit-box-shadow: 0 1px 3px #000;
*/
}

#mainVisual .bx-prev, #mainVisual .bx-next{
	width: 77px; height: 77px;
	display: block;
	position: absolute;
	top: 40%;
	text-indent: -999em;
	outline: none;
	background: url('../images/nextprev.png') no-repeat;
}
#mainVisual .bx-prev{
	left: 50%;
	margin-left:-417px;
	background-position: -77px 0;
	z-index: 10;
}
#mainVisual .bx-next{
	right: 50%;
	margin-right:-417px;
	background-position: 0 0;
	z-index: 11;
}

.slideralpha{
	position:relative;
	width:1024px;
	margin:0 auto;
}
#slider-frame-left{
	height:430px;
	position:absolute;
	width:1024px;
	right:1044px;
}
#slider-frame-right{
	height:430px;
	position:absolute;
	width:1024px;
	left:1024px;
}
#slider-frame-left, 
#slider-frame-right {
/*	top:-485px; */
	top:-490px;
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter:"alpha( opacity=80 )";
  background:#fff;
}

#slideFilterL, #slideFilterR {
  position:absolute;
  top:0;
  width:1024px;
  height:430px;
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter:"alpha( opacity=80 )";
  background:#fff;
}
#slideFilterL {
   left:0;
}
#slideFilterR {
   right:0;
}


/****************************************/
/* タブレットスタイル(～769pxまで)          */
/****************************************/
@media screen and (max-width:769px){
#mainVisual{
	position: relative;
	width: 100%; height: 300px;
	margin-bottom: 30px;
	overflow: hidden;
	}
	#mainVisual .bx-wrapper{
		width: 100% !important;
		height: 300px;
		position: relative;
		overflow: hidden;
	}

#mainVisual ul#innerVisual li {
	position:relative;
	text-align: center !important;
	width: 769px !important;
	height: 300px;
}

#mainVisual ul#innerVisual li img {
	width: 100% !important;
	height: auto;
}

		#mainVisual ul#innerVisual li a{
	background-image: url(../images/slide_bg.png);
	width: 769px;
	height: 300px;
	display: block;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center bottom;/*			box-shadow: 0 1px 3px #000;
			-moz-box-shadow: 0 1px 3px #000;
			-webkit-box-shadow: 0 1px 3px #000;
*/			}

}
/****************************************/
/* スマホ用CSS(414px以下)           */
/****************************************/
@media screen and (max-width:769px){

	.bx-wrapper {
		margin-bottom: 3vw !important;
	}
	
#mainVisual{
	position: relative;
	width: 100vw;
	height: auto;
	margin-bottom: 30px;
	overflow: hidden;
	}
	#mainVisual .bx-wrapper{
		width: 100% !important;
		height: auto;
		position: relative;
		overflow: hidden;
	}

	#mainVisual ul#innerVisual li {
		position:relative;
		text-align: center !important;
		width: 100vw !important;
		height: auto;
	}

	#mainVisual ul#innerVisual li img {
		width: 100% !important;
		height: auto;
	}

	#mainVisual ul#innerVisual li a{
		background-image: url(../images/slide_bg.png);
		width: 100%;
		height: auto;
		display: block;
		text-align: center;
		background-repeat: no-repeat;
		background-position: center bottom;
		/*box-shadow: 0 1px 3px #000;
		-moz-box-shadow: 0 1px 3px #000;
		-webkit-box-shadow: 0 1px 3px #000;*/
	}
	
	#mainVisual .bx-default-pager {
		bottom: -20px;
	}
    
}