@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:96%;
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;
}

.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:18%;
}

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

.w20{
width:20%;
}

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

.w5{
width: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{
  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);
}