@charset "UTF-8";


.bg_img
{
    width:960px;
    margin: 50px auto 0px;
}
.bg_img .bx-wrapper
{
    height: 100%;
}
.bx-window
{
    margin-bottom: 10px;
}
 
#slider li a
{
    padding: 30px 0 0 40px;
    font-size: 24px;
    display: block;
    color: #ffffff;
    text-decoration: none;
    text-shadow: 1px 1px 2px #333333;
}
 
.slider
{
    width:900px;
    margin:30px auto 0px;
}
 
/* 1.2のスライダー部分 */
 
.bg_img .slider li
{
    width:320px;
    background-repeat: no-repeat;
    background-position: left center;
    height: 300px;
 
}
/*.bg_img .slider li.slide1
{
    background-image: url(../sample1.jpg);
}
.bg_img .slider li.slide2
{
    background-image: url(../sample2.jpg);
}
 
.bg_img .slider li.slide3
{
    background-image: url(../sample3.jpg);
}
 
.bg_img .slider li.slide4
{
    background-image: url(../sample4.jpg);
}*/
/* ページャー部分 */
.bx-pager
{
    text-align: center;
	width:960px;
	margin:0px auto;
}
 
.bx-pager a
{
    padding:0px;
    text-decoration: none;
	text-indent: -9999px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #000;
	display: block;
	width: 10px;
	height: 10px;
	float:left;
	margin:5px;
}
.bx-pager a.pager-active
{
    background-color: #0090C1;
}
 
/* 前へ、次へのボタン */
 
.bx-prev,.bx-next
{
    position: absolute;
    font-size: 36px;
    text-decoration: none !important;
    color: #0090C1 !important;
	font-family:RodinHimawariPro-L;
}
.bx-prev
{
    left:0px;
    top: 50%;
}
.bx-next
{
    right:0px;
    top: 50%;
}
.bx-pager a.thumb
{
    border: none;
    padding:0;
    background-color: none;
    line-height: 0;
    overflow: hidden;
    display: inline-block;
}
.bx-pager a img
{
    border: 1px solid #dddddd;
    padding:0;
    text-decoration: none;
}
.bx-pager a.pager-active img
{
    color: #ffffff;
    border: 1px solid #f00;
}
 
/* 3.カルーセルスライダー */
 
.bg_img3 .bx-wrapper
{
    width: inherit;
    margin-bottom: 50px;
}
#slider3 li
{
    width: 320px;
    text-align: center;
}
.slider1
{
    width: 330px;
    text-align: center;
}


/* 4.カルーセルスライダー */
 
.bg_img4 .bx-wrapper
{
    width: inherit;
    margin-bottom:30px;
}
#slider4 li
{
    width:266px;
    text-align: center;
}