@charset "UTF-8";
/* CSS Document */

/* tab切り替え */
#tab_1,
#tab_2,
#tab_3,
#tab_4,
#tab_5,
#tab_6,
#tab_7,
#tab_8,
#tab_9,
#tab_10,
#tab_11,
#tab_12,
#tab_13,
#tab_14,
.Jan,
.Feb,
.Mar,
.Apr,
.May,
.Jun,
.Jul,
.Aug,
.Sep,
.Oct,
.Nov,
.Dec {
	display: none;
}

#tabnavi ul{
	margin:0;
	padding:0;
}
#tabnavi {
	margin: 0 0 0 2px;
}
#tabnavi li{
	display:inline;
}
#tabnavi li a {
	width: 127px;
	font-size: 14px;
	text-align: center;
	line-height: 1.5;
	padding: 5px 0 0 0;
}
#tabnavi li .tub09_11 {
	display:inline-block;
	background: url(../../images/top/tub09_11.png) left center no-repeat;
	color:#000;
	text-decoration:none;
}


/*#tabnavi li a{
	display:inline-block;
	background:#405dca;
	color:#fff;
	padding:5px;
	border-radius:5px 5px 0 0;
	text-decoration:none;
}*/

#tabnavi li a:hover {
	opacity: 0.8;
}
/*#tabnavi li a:hover,
#tabnavi li a.active{
	background:#ddd;
	color:#333;
}*/
#tabcontent{
	width: 940px;
	margin: 0 0 0 3px;
}
#tabcontent #tab01,
#tabcontent #tab02,
#tabcontent #tab03 {
	padding: 10px 0 0 10px;
	height: 214px;
}
#tabcontent .brown {
	background: #efc79c;
}

#tabcontent dl {
	font-size: 13px;
	padding: 14px 0;
	margin: 0 26px 0 0;
	border-bottom: 1px dotted #ababab;
}
#tabcontent dt {
	float: left;
	width: 96px;
	padding: 0 0 0 8px;
}
#tabcontent dd span {
	color: #EB0004;
	margin-left: 6px;
}
#tabcontent dd {
	margin: 0 0 0 100px;
}








.eventArea ul {
  list-style:none;
  margin: 10px 10px 0;
  position: relative;
  z-index: 1;
}

.eventArea ul li {
  float: left;
  font-size: 14px;
  padding:5px 0;
  width: 126px;
  text-align: center;
  border: 1px #ddd solid;
  color: #999;
  height:15px;
  line-height:18px;
  margin: 5px 5px 0 0;
  cursor:pointer;
}

.eventArea ul li.selected {
  color: #000;
  height:20px;
  line-height:23px;
  margin: 0 5px 0 0;
  cursor:default;
}

.eventArea #textArea {
  position:relative;
  top:-1px;
  z-index: 0;
  clear:left;
  background-color:#ffd;
  margin:0px 10px 10px 10px;
  padding:10px;
  height:200px;
  overflow: scroll;
  border: 1px #ddd solid;
}

.eventArea #textArea dl {
	border-bottom: 1px dotted #ababab;
	padding: 14px 0;
	font-size: 13px;
	margin-right: 18px;
}

.eventArea #textArea dt {
	width: 96px;
	margin-left: 10px;
	float: left;
}

.eventArea #textArea dd {
	margin: 0 0 0 106px;
}

.eventArea #textArea dd span {
	color: #EB0004;
	margin-left: 6px;
}

.eventArea .spring{
	/*background: url(../../images/top/tub09_11.png) left center no-repeat;*/
  background-color:#dcfbc0;
}
.eventArea .summer{
	/*background: url(../../images/top/tub12_02.png) left center no-repeat;*/
  background-color:#fbfac0;
}
.eventArea .autumn{
	/*background: url(../../images/top/tub03_05.png) left center no-repeat;*/
  background-color:#ffdbb4;
}
.eventArea .winter{
	/*background: url(../../images/top/tub03_05.png) left center no-repeat;*/
  background-color:#c0fbf6;
}

.eventArea ul li.spring.selected{
  border-bottom: 1px #dcfbc0 solid;
}
.eventArea ul li.summer.selected{
  border-bottom: 1px #fbfac0 solid;
}
.eventArea ul li.autumn.selected{
  border-bottom: 1px #ffdbb4 solid;
}
.eventArea ul li.winter.selected{
  border-bottom: 1px #c0fbf6 solid;
}

@media screen and (max-width: 480px) {
	.eventArea ul li {
	  width: 70px;
	}
	
	.eventArea #textArea dl {
		font-size: 12px;
	}
	
}