@charset "utf-8";

.sp_only{display:none;}

.eventArea {
padding: 20px;
margin: 20px 10px 0 10px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #f7ecb5;
border: 1px solid #f6dca7;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #7f612e;
}
.s-eventArea {
padding: 10px;
margin: 10px 0px 0 0px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #f7ecb5;
border: 1px solid #f6dca7;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #7f612e;
}
.ev-a {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #468847;
}
.ev-a h4 {
color: #468847;
font-size:16px;
margin-bottom:10px;
}
.ev-b {
background-color: #faeddb;
border-color: #f4d19f;
color: #da8002;
}
.ev-b h4 {
color: #da8002;
font-size:16px;
margin-bottom:10px;
}
.event{
display:table;
margin:0 0 4px 10px;
}
.event dt{
display:table-cell;
font-weight:bold;
line-height:16px;
padding-right: 12px;
}
.event dd{
display:table-cell;
line-height:16px;
}
.ev-box {
padding: 20px;
margin: 20px 0 0 0;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
#tbl01{
box-shadow: none;
background-color: none;
padding:0;
}
#tbl02{
box-shadow: #cccccc 0px 0px 8px 4px;
background-color: #FFFFFF;
padding:10px 10px 20px 10px;
}
#tbl03{
box-shadow: #cccccc 0px 0px 8px 4px;
background-color: #FFFFFF;
padding:10px 10px 20px 10px;
}
.link_table {
width:100%;
margin: 15px auto 15px auto;
border:solid 1px #cccccc;
border-spacing: 0px;
}
.link_table td {
height:28px;
font-size: 12px;
border:solid 1px #cccccc;
padding: 0 10px 0 10px;
}
.link_tr1{
background-color: #dddddd;
height:44px;
}
.link_tr2{
height:44px;
}
.link_tr1 td {
vertical-align: middle;
height: 25px;
font-weight: bold;
}
.link_s_table {
width:100%;
border:solid 1px #cccccc;
background-color: #FFFFFF;
border-spacing: 0px;
border-collapse:collapse;
}
.link_s_table td {
height:28px;
font-size: 12px;
border:solid 1px #cccccc;
}
.link_tr2 td {
vertical-align: middle;
padding:5px;
line-height: 14px;
}
.w5{ width:5.5%; }
.w8{ width:5%; }
.w10{ width:10%; }
.w18{ width:9%; }
.w20{ width:20%; }
.w26{ width:19%; word-wrap:break-word; }
.w30{ width:30%; word-wrap:break-word; }

.link_table td.c0,.link_s_table td.c0{ }
.link_table td.c1,.link_s_table td.c1{ background-color:#41BBFE; }
.link_table td.c2,.link_s_table td.c2{ background-color:#89B66F; }
.link_table td.c3,.link_s_table td.c3{ background-color:#F5821F; }
.link_table td.c4,.link_s_table td.c4{ background-color:#E26B71; }
.link_table td.c5,.link_s_table td.c5{ background-color:#890412; }

#tbl01{ display:block; position:relative; }
#tbl02{ display:none; }
#tbl03{ display:none; }
#bnnrLinkBtn01{ opacity: 1; }
#bnnrLinkBtn02{ opacity: 0.5; }
#bnnrLinkBtn03{ opacity: 0.5; }
.balloon-all{ position:absolute; }

.balloon01 a:visited, .balloon02 a:visited, .balloon03 a:visited{ color:#3366cc; }

.balloon01{
  position:relative;
  margin-bottom:30px; 
  padding:10px;
  background-color:#d4f0fa;
  border-style:solid;
  border-width:1px;
  border-color:#000000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  box-shadow: #666666 8px 8px 10px 2px;
}
.balloon01:before{
  content:"";
  position:absolute;
  width:0px;
  height:0px;
  top:100%;
  right:20px;
  border-style:solid;
  border-width:31px 6px 0px 16px;
  border-color:#000000 rgba(0,0,0,0);
}
.balloon01:after{
  content:"";
  position:absolute;
  width:0px;
  height:0px;
  top:100%;
  right:21px;
  border-style:solid;
  border-width:30px 5px 0px 15px;
  border-color:#d4f0fa rgba(255,255,255,0);
}
.balloon02{
  position:relative;
  margin-bottom:30px; 
  padding:10px;
  background-color:#cfe9b2;
  border-style:solid;
  border-width:1px;
  border-color:#000000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  box-shadow: #666666 8px 8px 10px 2px;
}
.balloon02:before{
  content:"";
  position:absolute;
  width:0px;
  height:0px;
  top:100%;
  right:20px;
  border-style:solid;
  border-width:31px 6px 0px 16px;
  border-color:#000000 rgba(0,0,0,0);
}
.balloon02:after{
  content:"";
  position:absolute;
  width:0px;
  height:0px;
  top:100%;
  right:21px;
  border-style:solid;
  border-width:30px 5px 0px 15px;
  border-color:#cfe9b2 rgba(255,255,255,0);
}
.balloon03{
  position:relative;
  margin-bottom:30px; 
  padding:10px;
  background-color:#fceecf;
  border-style:solid;
  border-width:1px;
  border-color:#000000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  box-shadow: #666666 8px 8px 10px 2px;
}
.balloon03:before{
  content:"";
  position:absolute;
  width:0px;
  height:0px;
  top:100%;
  right:20px;
  border-style:solid;
  border-width:31px 6px 0px 16px;
  border-color:#000000 rgba(0,0,0,0);
}
.balloon03:after{
  content:"";
  position:absolute;
  width:0px;
  height:0px;
  top:100%;
  right:21px;
  border-style:solid;
  border-width:30px 5px 0px 15px;
  border-color:#fceecf rgba(255,255,255,0);
}
.balloon04{
  position:relative;
  margin-bottom:30px; 
  padding:10px;
  background-color:#fcdae2;
  border-style:solid;
  border-width:1px;
  border-color:#000000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  box-shadow: #666666 8px 8px 10px 2px;
}
.balloon04:before{
  content:"";
  position:absolute;
  width:0px;
  height:0px;
  top:100%;
  right:20px;
  border-style:solid;
  border-width:31px 6px 0px 16px;
  border-color:#000000 rgba(0,0,0,0);
}
.balloon04:after{
  content:"";
  position:absolute;
  width:0px;
  height:0px;
  top:100%;
  right:21px;
  border-style:solid;
  border-width:30px 5px 0px 15px;
  border-color:#fcdae2 rgba(255,255,255,0);
}
.balloon05{
  position:relative;
  margin-bottom:30px; 
  padding:10px;
  background-color:#890412;
  color:#FFFFFF;
  border-style:solid;
  border-width:1px;
  border-color:#000000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  box-shadow: #666666 8px 8px 10px 2px;
}
.balloon05:before{
  content:"";
  position:absolute;
  width:0px;
  height:0px;
  top:100%;
  right:20px;
  border-style:solid;
  border-width:31px 6px 0px 16px;
  border-color:#000000 rgba(0,0,0,0);
}
.balloon05:after{
  content:"";
  position:absolute;
  width:0px;
  height:0px;
  top:100%;
  right:21px;
  border-style:solid;
  border-width:30px 5px 0px 15px;
  border-color:#890412 rgba(255,255,255,0);
}
.eventimg {
  margin: 16px 0 10px 0;
  display: block;
}
.eventimg div {
  padding: 10px 10px 0 10px;
  display: inline-block;
  line-height: 120%;
  vertical-align: top;
}
.eventimg div img{
max-height: 200px;
margin-bottom:3px;
}
.eventimg table{
display: table-cell;
line-height: 120%;
vertical-align: top;
}
.eventimg table th{
padding: 5px 10px;
border: 1px solid;
background-color: #dddddd;
font-size: 100%;
}
.eventimg table td{
padding: 5px 10px;
border: 1px solid;
background-color: #ffffff;
font-size: 90%;
}
.eventimg table .time{
width: 54px;
}
.eventlogo{
background-color:#FFFFFF;
margin:10px 0 10px;
padding:20px;
}
.eventlogo a{
display: inline-block;
width: 22%;
margin-right: 2%;
vertical-align: middle;
}
.eventlogo a:first-child{
width: 22%;
}
.eventlogo a:last-child{
margin-left: 4%;
}
.eventlogo img{
margin:0;
width:100%;
}
.sponcerlogo{
background-color:#FFFFFF;
margin:10px 0 10px;
padding:20px;
}
.sponcerlogo li{
width:100%;
display:table;
}
.sponcerlogo .tr1 a img{
  max-width: 110px;
  margin-top: 6px;
}
.sponcerlogo .tr2 a img{
  max-width: 110px;
  margin-top: 10px;
}
.sponcerlogo .tr3 a img{
  max-width: 110px;
  max-height: 50px;
  margin-top: 10px;
}
.sponcerlogo .tr4 a img{
  max-width: 90px;
  max-height: 95px;
  margin-top: 10px;
}
.sponcerlogo .tr5 a img{
  max-width: 180px;
  max-height: 95px;
  margin-top: 10px;
}
.sponcerlogo li a{
display: table-cell;
vertical-align: middle;
text-align: center;
padding-bottom: 10px;
}
.sponcerlogo li img{
max-height:120px;
padding:0 10px;
}
.tblink{
padding-top:10px;
}
.evtext{
display:block;
font-weight:bold;
color:#333333; 
text-shadow: white 1px 1px 0px, white -1px 1px 0px,
             white 1px -1px 0px, white -1px -1px 0px;
vertical-align: middle;
}

/* 2017年より追加 */

#col-left {
    width: 200px;
    float: left;
    position: fixed;
    left: -200px;
    transition-duration: 0.5s;
    z-index: 10;
}

#col-left .sidebtn{
    position: fixed;
    left: 0;
    width: 64px;
    height: 64px;
    background: #890412;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    line-height: 64px;
    font-size: 110%;
    transition-duration: 0.5s;
}

#col-left .sidebtn:hover{
  opacity:0.5;
}

#col-left .side_fb, #col-left .side_bnnr_wrap{
  display:none;
}

.sideNavi {
    box-shadow: #cccccc 0px 0px 5px 3px;
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -ms-filter: blur(0);
    width: 180px;
    padding: 12px 10px 12px 10px;
    margin-bottom: 20px;
    background-color: #FFFFFF;
}
.side01 {
    margin: 10px 0 1px 0;
    background-color: #eeeeee;
}
.side01_box {
    padding: 5px 10px 8px 10px;
}
.side02_box {
    padding: 5px 10px 8px 10px;
}

#col-main {
    width: 100%;
    float: none;
}
.second_bnnr {
    width: 98%;
    height: 66px;
    margin-bottom: 20px;
    padding: 12px;
    box-shadow: #cccccc 0px 0px 8px 4px;
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -ms-filter: blur(0);
    background-color: #FFFFFF;
}
.bread {
    width: 100%;
    height: 23px;
    margin: 25px 0 20px 0;
    display: table;
}
.evtext:hover {
    cursor:pointer;
    font-weight:bold;
    opacity: 0.7;
}
#main {
    margin: 0 auto;
    padding: 0;
    width: 1020px;
    text-align: left;
    overflow: visible;
    color: #333;
}
.second p {
    margin: 0 8px 0 8px;
}