@charset "UTF-8";
@import "../css/style.css";

div#mainImage { width: 100%; height: 400px; position: relative; overflow: hidden; }
div#mainImage div.inner { margin: 0 0 0 -1500px; width: 3000px; position: relative; left: 50%; }
div#mainImage ul { margin: 0; padding: 0; list-style: none; }
div#mainImage li { width: 880px; }




/*
http://coolwebwindow.com/jquery-lab/archives/514
*/




.bx-wrapper { margin: 0 auto; position: relative; }
.bx-wrapper .bx-pager { margin: 0 auto; width: 1000px; background: #fff; }


/*
.bx-wrapper .bx-prev {
    left:1035px;
    background:url(../images/controls.png) no-repeat 0 -32px;
}
 
.bx-wrapper .bx-next {
    right:1035px;
    background:url(../images/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:109px;
    outline:0;
    width:32px;
    height:32px;
    text-indent:-9999px;
    z-index:9999;
}
.bx-wrapper .bx-pager {
    padding-top:20px;
    text-align:center;
    font-size:.85em;
    font-family:Arial;
    font-weight:bold;
    color:#666;
}
 
.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 {
    display:block;
    width:10px;
    height:10px;
    margin:0 5px;
    outline:0;
    text-indent:-9999px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;;
    background:#666;
}
 
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background:#000;
}





div#content h2 { margin: 0 0 1em 0; }


div#feature { margin: 0 0 30px 0; }
div#feature dl { margin: 0 0 20px 0; padding: 0; }
div#feature dt { margin: 0; padding: 0; width: 260px; float: left; }
div#feature dd { margin: 0; padding: 0; width: 450px; float: left; }
div#feature dd h3 { margin: 0.5em 0; padding: 0; font-size: 120%; line-height: 1.4; }
div#feature dd p { margin: 0; padding: 0; }
div#feature dd p.centre { margin: 1em 0 0 0; text-align: center; }



div#event { margin: 0 0 30px 0; }
div#event ul { margin: 0; padding: 0; width: 730px; list-style: none; }
div#event li { margin: 0 20px 20px 0; padding: 0 12px; width: 319px; border: solid 1px #eee; float: left; }
div#event dl { margin: 12px 0 0.5em 0; padding: 0; }
div#event dt { margin: 0; padding: 0; width: 115px; float: left; }
div#event dt img { vertical-align: top; }
div#event dd { margin: 0; padding: 0; width: 204px; float: left; }
div#event dd a { font-weight: 700; }
div#event dd div.category { margin: 0.5em 0 0.8em 0; font-size: 95%; line-height: 1; }
div#event dd div.category span { padding: 3px 10px; color: #fff; border-radius: 3px; }
div#event dd div.category span.event { background: #fcbb75; }
div#event dd div.category span.seminar { background: #ffaed0; }
div#event dd div.category span.end { background: #999; }
div#event dd span.date { margin: 0.3em 0 0 0; font-size: 95%; line-height: 1.5; display: block; }
div#event dd span.time { font-size: 95%; line-height: 1.5; display: block; }
div#event dd span.area { font-size: 95%; line-height: 1.5; display: block; }
div#event li p { margin: 0 0 12px 0; padding: 0; line-height: 1.5; }



div#members { margin: 0 0 30px 0; }
div#members h3 { margin: 1.5em 0 0.5em 0; }
div#members ul { margin: 0 0 20px 0; padding: 0; width: 730px; list-style: none; }
div#members li { margin: 0 20px 0 0; width: 345px; border-bottom: dotted 1px #eee; float: left; }
div#members dl { margin: 10px 0; padding: 0; }
div#members dt { margin: 0; padding: 0; width: 85px; float: left; }
div#members dt img { vertical-align: top; }
div#members dd { margin: 0; padding: 2px 0 0 0; width: 260px; float: left; }
div#members dd a {}
div#members dd strong { font-size: 110%; }
div#members dd img.new { margin: 0 0 0 0.3em; width: 32px; height: auto; vertical-align: -5%; }
div#members dd p { margin: 0; padding: 0; }
div#members dd span { display: block; }






div#sponsor { DISPLAY: NONE; }



div#side div#pr { margin: 0 0 20px 0; }
div#side div#pr img { width: 240px; height: auto; }

div#side div#calendar strong { font-size: 120%; text-align: center; display: block; }
div#side div#calendar table { margin: 5px 0 20px 0; width: 100%; border-collapse: collapse; }
div#side div#calendar th { padding: 5px 0; background: #f3f2e7; border: solid 1px #e1e0d6; }
div#side div#calendar td { border: solid 1px #e1e0d6; text-align: center; }
div#side div#calendar td span { padding: 4px; display: block; }
div#side div#calendar td a { padding: 4px; background: #fff6c1; display: block; }
div#side div#calendar td a span { padding: 0; }


/*
background: #f3f2e7;
border: solid 1px #e1e0d6;
*/


/* -------------------------
以下はスマートフォン用のCSS
------------------------- */
@media screen and (max-width : 767px) {


div#mainImage { height: 150px; background: url(../images/index/slide01.jpg) center bottom no-repeat; background-size: cover; }
div#mainImage div.inner { display: none; }


div#feature dt { width: auto; text-align: center; float: none; }
div#feature dt img { width: 200px; height: auto; }
div#feature dd { width: auto; float: none; }



div#event ul { margin: 0 0 15px 0; width: auto; }
div#event li { margin: 0; padding: 0; width: auto; height: auto !important; border: 0; border-bottom: dotted 1px #eee; float: none; }
div#event dt { margin: 15px 0 10px 0; width: auto; text-align: center; float: none; }
div#event dd { width: auto; float: none; }
div#event dd a { font-size: 110%; }
div#event dd span.date { font-size: 100%; }
div#event dd span.time { font-size: 100%; }
div#event dd span.area { font-size: 100%; }
div#event li p { margin: 0 0 15px 0; }



div#members ul { margin: 0 0 15px 0; width: auto; }
div#members li { margin: 0; width: auto; height: auto !important; float: none; }
div#members dt { margin-right: -85px; }
div#members dd { padding: 0; width: 100%; }

div#members dd div { margin-left: 85px; }





}