@charset "utf-8";

/*-▼これを消すとIE7で不具合 *←初期化---*/
*
{
    margin:  0px;
    padding: 0px;
}

/*--▲--*/

/*--■ スライダー画像 横幅指定 -------------------------------------------------------------------*/

.bg_img {
     width:      100%;
     max-width:  720px; /*-★-*//*--heightを入れるとページ下に余白ができてしまうので使わないこと--*/
     margin:     0 auto;
}

/*--■ スライダー画像 ----------------------------------------------------------------------------*/
#slider li img {
     width:      720px; /*-★-*/
     height:     auto;
     border:     0px;
     margin:     0px 0px 5px 0px;
    list-style:  none;
}

#slider li a {
     text-indent: -9999px;
     color:       #fff;   /*-IE8以下でソース内のテキストが見えないする措置--*/
     font-size: 0px;      /*-IE9でソース内のテキストが見えないする措置--*/
}

/*--■ スライダーの大枠 ------★画像の幅を変える時はここのmax-widthも同じ数値に---------------------*/
#wrapper {
     /*-width:      100%;-*/
     max-width:  720px;
     margin:     0px auto 0px;   /*--上下との余白はここで調整--*/
     padding:    0px 0px 0px 0px; /*--0にしないと、余分な箇所でリンクが効いてしまう--*/
}

#wrapper ul {
     text-indent: -9999px;/*-IE8でhtmlのテキストが表示されないように制御--*/
}

.bx-wrapper {
     position: relative;    /*--相対位置、ボタンの位置を指定している--*/
     margin: 0px auto 26px;   /*--スライダー下の余白-*/
     padding: 0px;*zoom: 1;
}

.bx-wrapper img {
     max-width: 100%;
     display: block;
}

.bx-wrapper img a:link, a:visited, a:hover, a:active {
	color: 		     #000000;
	background-color:    transparent;
}

.bx-wrapper .bx-viewport {
     /*-moz-box-shadow: 0 0 5px #ccc;
     -webkit-box-shadow: 0 0 5px #ccc;
     box-shadow: 0 0 5px #ccc;-*/
     border: solid #666 0px;     /*--★スライダー画像の枠--*/
     left:               0px;    /*--★スライダーを左寄せ--*/
     /*-background:         #ccc;-*/
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
     position:           absolute;
     bottom:             -20px;/*--★スライダーとページャーの間--*/
     width:              720px;/*--ページャーの左右位置 100%だと真ん中に。ただし、100以上で設定すると横スクロールが出るのでpx指定--*/
}

.bx-wrapper .bx-pager {
     -moz-box-shadow:    0 0 0px #ccc;
     text-align:         center;
     font-size:          .85em;
     font-family:        Arial;
     font-weight:        bold;
     color:              #990000;/*-- ▼▼▼▼htmlに文字を入れたら高さが整った？▼▼▼ --*/
     padding-top:        20px;
}

.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:         #ccc;/*--★通常時---*/
     text-indent:        -9999px;
     display:            block;
     width:              16px;/*--★丸の形--*/
     height:             16px;
     margin:             0 5px;
     outline:            0;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius:      100px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
     background-color:   #33832C;/*--●の色 選択時　黄緑AED659--*/
}

/*----- ★左＜ -----*/
.bx-wrapper .bx-prev {
     left:               5px;/*--画像と左の位置--*/
     background:         url(../images/ind_markl2.png) no-repeat 0 0px;
     opacity:            0.3;        /*-1.0で不透明-*/
}

/*----- ★右＞ -----*/
.bx-wrapper .bx-next {
     right:              5px;
     background:         url(../images/ind_markr2.png) no-repeat 0 0px;
     opacity:            0.3;
}

/*-link 未訪問、visited 訪問済み hover オンマウス active クリック中 この順で記述すること--*/
/*----- ★左＜ オンマウス -----*/
.bx-wrapper .bx-prev:hover {
     background:         url(../images/ind_markl2.png) no-repeat 0 0px;
     opacity:            0.8;
}

/*----- ★右＞ オンマウス -----*/
.bx-wrapper .bx-next:hover {
     background:         url(../images/ind_markr2.png) no-repeat 0 0px;
     opacity:            0.8;
}

/*----- ★左右ボタンリンク位置、サイズ -----*/
.bx-wrapper .bx-controls-direction a {
     position:           absolute;
     top:                50%;
     margin-top:         -25px;
     outline:            0;
     width:              32px;
     height:             32px;
     text-indent:        -9999px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */