@charset "utf-8";

.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{
width:40px;
display:table-cell;
font-weight:bold;
line-height:16px;
}

.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: #cccccc 0px 0px 8px 4px;
background-color: #FFFFFF;
padding:10px 10px 20px 10px;
}

#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:98%;
margin: 15px auto 15px auto;
border:solid 1px #cccccc;
background-color: #FFFFFF;
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;
}

.w10{
width:10%;
}

.w8{
width:8%;
}

.w18{
width:11%;
}

.w26{
width:19%;
word-wrap:break-word;
}

.w20{
width:20%;
}

.w30{
width:30%;
word-wrap:break-word;
}

.w5{
width:5.5%;
}


.link_table td.c0,.link_s_table td.c0{
background-color:#FFFFFF;
}

.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, .balloon02 a, .balloon03 a, .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:20px 0 10px 0;
display:table;
}
.eventimg div{
padding-left:10px;
display:table-cell;
line-height:120%;
}
.eventimg div img{
height:120px;
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:0px;
  display:table;
}
.eventlogo img{
    margin: 10px 10px 10px 20px;
    width: 25%;
    display: inline-table;
    vertical-align: middle;
}

.sponcerlogo{
background-color:#FFFFFF;
margin:10px 0 10px;
padding:20px;
}
.sponcerlogo li{
width:100%;
display:table;
}

.sponcerlogo .tr1 a img{
  max-width: 100px;
}

.sponcerlogo .tr2 a img{
  max-width: 100px;
  margin-top: 10px;
}

.sponcerlogo .tr3 a img{
  max-width: 140px;
  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: 90px;
  max-height: 95px;
}

.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;
}