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

.tab, .tab li, .tab li a {/*クリックするタブ部分*/
float:left;
overflow: hidden;
	/*cursor:pointer;*/
}
.tab li{
	padding-top:17px;	
	padding-left:10px;	
}
.active a,.active a img{
border: none; overflow: hidden; float: left;
}
#t1.active a img,
#t2.active a img,
#t3.active a img,
#t4.active a img,
#t5.active a img{
	margin:-3px;

}

#t1,
#t2,
#t3,
#t4,
#t5{
	margin-left:17px;
	padding:0px;
}
#t1{
	margin-left:0px;
	padding:0px;
}

#t1.active a,
#t2.active a,
#t3.active a,
#t4.active a,
#t5.active a{
	border:3px #F00 solid;
	padding:0px;
}

.content {/*切り替わる部分を囲うボックス*/

}

.area {/*切り替わる部分はまず全部消しておく*/
    display: none;
	margin:0px 10px 10px 10px;
	color:#fff;
}

.tab li.active a{/*選択中のタブのリンクカラー*/
    color:red;
}

.tabarea{
	background-repeat:no-repeat;
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/*イベントスライドショー*/

.slideFrame {
	position:relative;
	overflow: hidden;
	overflow-x: auto;
	height: 212px;
	background: #fff;
	text-align: center;
    margin:0px auto;
    padding:0px;
    width:304px;
}

.slideGuide {
	height: 250px;
	padding:0px 0px;
	margin-bottom: 0px;
	background: #fff;

}

.slideCell {
	display: block;
	float: left;
	margin:0px;
	width: 304px;
	text-align:center;
	height: 250px;
	color: #333;
    margin:0px auto;
}
.slideCell img{
    margin:0px auto;
}
.index-column .index-box-a .slideCell a:hover{ background-color:#fff;}

.slideCtrl.left {
	cursor:pointer;
	position:absolute;
	top:0px;
	left:0px;
	height:250px;
	background:#fff;
	width: 49px;
	height:215px;
	text-align:right;
 }
.slideCtrl.right {
	cursor:pointer;
	position:absolute;
	top:1px;
	left:255px;
	height:250px;
	background:#fff;
	width: 49px;
	height:215px;
	text-align:left;
}
.slideCtrl.right img,
.slideCtrl.left img{
    margin-top:75px;
}
  .slideCtrl.left img{
  margin-left:10px;
  }
.slideCell h3{
	margin-bottom:5px;

}