@charset "utf-8";
/* CSS Document */

/***********************************************************************
**   Slider CSS
***********************************************************************/

#TWS_Slider { width:998px; height:376px; overflow:hidden; margin:10px auto 10px auto; padding:0; top:50%; left:50%; z-index:100; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -ms-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out; opacity: 0;}



#cduTopSlider{width:998px; height: 341px; margin:0 auto 10px auto; overflow:hidden;}

.flex1 li {width:998px; height: 341px; list-style:none !important; list-style-position:inside !important; position: relative;}


/* 20170510　キャプションを非表示に */
.flex1 li .cap { display: none; width:998px; color:#FFFFFF; font-size: 12px; font-weight: bold; background-color: rgba( 0, 0, 0, 0.5 ); position: absolute; bottom :0px; z-index: 2; padding: 10px 20px; letter-spacing: 0.2em; box-sizing:border-box; line-height: 1.5em; }


.flex1 li div.capnon { padding: 0px;}

/* Control Nav */
.flex1 .flex-control-nav {width: 998px; position: absolute; text-align: center; z-index: 3; margin:10px 0;}
.flex1 .flex-control-nav li {margin: 0 10px; display: inline-block; zoom: 1; *display: inline; width: 0; height: 15px;}
.flex1 .flex-control-paging li a { background:none repeat scroll 0 0 rgba(0,0,0,0.5); cursor:pointer; display:block!important; min-height:6px; text-indent:-9999px; width:15px; height:15px; }
.flex1 .flex-control-paging li a:hover { background: #909090;}
.flex1 .flex-control-paging li a.flex-active { background: #b41b20; cursor: default; }


/*スライドスタイル出しわけ*/

.typebox01,.typebox02{
    display: none;
}

.flex1 .type01 .typebox01{
    display: block;
    padding:0;
    margin: 0;
}

.flex1 .type01 img {z-index: 1; width: 998px; height: 341px; }

.flex1 .type02 .typebox02{
    display: block;
    padding:none;
    width: 900px;
    margin: 0 auto;
}


.flex1 .type02 .typebox02 .leftbanner{
    width:600px;
    height: 341px;
    overflow: hidden;
    display: inline-block;
}

.flex1 .type02 .typebox02 .leftbanner img{
    width:600px;
    height: 341px;
}




.flex1 .type02 .typebox02 .rightbanner{
    width:290px;
    height: 341px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    margin:0 0 0 10px;
}


.flex1 .type02 .typebox02 .rightbanner img{
    width:290px;
    height: 165px;
}

.flex1 .type02 .typebox02 .rightbanner img:first-child{
     margin:0 0 10px 0;
}


/****************************/