@charset "UTF-8";

/* Contents ------------------------- */
#contents{
margin-top:30px;
background:url(../img/example/bg.jpg) no-repeat center top;
}

/* catchBlc ------------------------- */
#catchBlc{
text-align:center;
}

/* exBlc ------------------------- */
#catchBlc+.exBlc{
position:relative;
margin-top:-30px;
}

.exBlc > .blcComm{
position:relative;
z-index:10;
}

.exBlc section > h1{
float:left;
width:40%;
padding-left:18px;
border-left:#eb6000 solid 5px;
font-size:24px;
line-height:1;
}

.exBlc section .info{
float:right;
width:55%;
}

.exBlc section .info dt{
float:left;
padding-bottom:10px;
}

.exBlc section .info dd{
padding:0 0 10px 6em;
}

.exBlc section .info li{
display:inline-block;
}

.exBlc section .info li:before{
content:"・";
}

.exBlc .slider{
margin-top:-80px;
padding:70px 0 30px;
background:url(../img/example/ex_bg.jpg);
box-shadow:rgba(0, 0, 0, 0.2) 0 18px 18px -20px;
}

.pager {
display: table;
width:100%;
margin:20px auto 0;
border-collapse: separate;
border-spacing: 7px 0;
}

.pager > li {
display: table-cell;
text-align:center;
}

.pager img {
display: block;
width: 94%;
margin:0 auto;
border:#fff solid 5px;
box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 5px 0;
}

.pager > li img{
max-width:240px;
}



/* bxslider ------------------------- */

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

.bx-wrapper {
position: relative;
margin: 0 auto;
padding: 0;
*zoom: 1;
}

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

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

.bx-wrapper .bx-viewport {
box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 5px 0;
border:  5px solid #fff;
left: -5px;
background: #fff;
}

/* LOADER */

.bx-wrapper .bx-loading {
min-height: 50px;
background: url(../img/bxslider/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
left: -50px;
background: url(../img/bxslider/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
right: -50px;
background: url(../img/bxslider/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}

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