@charset "utf-8";

/*kv--------------------------------------------*/
#kv{ width:980px; height:482px; background:url(../img/top/kv_bg.jpg) top left no-repeat #59dcfc; position: relative;}
.kv_left{ float: left; width: 238px;}
.kv_center{ float: left; width: 509px; text-align: center; margin-top: 95px;}
.kv_right{ float: right; width: 233px;}
#kv h2{ position: absolute; top:10px; left:200px; background:url(../img/top/kv_copy.png) top left no-repeat ; width: 550px; height: 82px; text-indent:-9999px;
}

#kv_osaka a{ margin-left: 17px; text-indent: -9999px; display: block;background-image: url(../img/top/kv_osaka.png); background-position: 0 0; width: 474px; height: 345px; background-repeat: no-repeat;}

#kv_osaka a:hover{ background-position: 0 -345px; }


/*lnavi--------------------------------------------*/
.kv_left ul.lnavi {width: 238px;}
.kv_left ul.lnavi li{width: 238px;text-indent:-9999px ; }

.kv_left ul.lnavi li a{width: 238px; background: url(../img/top/kv_btn_left.png) no-repeat; display: block;}
.kv_left ul.lnavi li#navi1 a{ background-position:0 0; height: 62px;}
.kv_left ul.lnavi li#navi2 a{ background-position:0 -62px; height: 65px;}
.kv_left ul.lnavi li#navi3 a{ background-position:0 -127px; height: 63px;}
.kv_left ul.lnavi li#navi4 a{ background-position:0 -190px; height: 67px;}
.kv_left ul.lnavi li#navi5 a{ background-position:0 -257px; height: 64px;}

.kv_left ul.lnavi li#navi1 a:hover{ background-position:-238px 0; height: 62px;}
.kv_left ul.lnavi li#navi2 a:hover{ background-position:-238px -62px; height: 65px;}
.kv_left ul.lnavi li#navi3 a:hover{ background-position:-238px -127px; height: 63px;}
.kv_left ul.lnavi li#navi4 a:hover{ background-position:-238px -190px; height: 67px;}
.kv_left ul.lnavi li#navi5 a:hover{ background-position:-238px -257px; height: 64px;}

.kv_right ul.lnavi {width: 233px;}
.kv_right ul.lnavi li{width: 233px;text-indent:-9999px ; }

.kv_right ul.lnavi li a{width: 233px; background: url(../img/top/kv_btn_right.png) no-repeat; display: block;}
.kv_right ul.lnavi li#navi6 a{ background-position:0 0px; height: 60px;}
.kv_right ul.lnavi li#navi7 a{ background-position:0 -60px; height: 65px;}
.kv_right ul.lnavi li#navi8 a{ background-position:0 -125px; height: 63px;}
.kv_right ul.lnavi li#navi9 a{ background-position:0 -188px; height: 65px;}
.kv_right ul.lnavi li#navi10 a{ background-position:0 -253px; height: 70px;}
.kv_right ul.lnavi li#navi11 a{ background-position:0 -322px; height: 70px;}

.kv_right ul.lnavi li#navi6 a:hover{ background-position:-233px 0px; height: 60px;}
.kv_right ul.lnavi li#navi7 a:hover{ background-position:-233px -60px; height: 65px;}
.kv_right ul.lnavi li#navi8 a:hover{ background-position:-233px -125px; height: 63px;}
.kv_right ul.lnavi li#navi9 a:hover{ background-position:-233px -188px; height: 65px;}
.kv_right ul.lnavi li#navi10 a:hover{ background-position:-233px -253px; height: 70px;}
.kv_right ul.lnavi li#navi11 a:hover{ background-position:-233px -322px; height: 70px;}

/*left--------------------------------------------*/
#content_left {
	float:left;
	width:660px;
	text-align:left;
}
#content_left h3,.content_bottom h3{ color:#ff002a; font-size:200%; font-weight: bold; margin-bottom: 10px;}

/* 最新情報 */
#top_news {
	margin:10px 0 40px 0;
}
#top_news_list {
	width:660px;
}
#top_news_list dl {
	background: #FFF;
	padding:10px 20px;
	margin-bottom:7px;
	-webkit-box-shadow: 1px 1px 2px 1px rgba(125,96,22,0.25);
-moz-box-shadow: 1px 1px 2px 1px rgba(125,96,22,0.25);
box-shadow: 1px 1px 2px 1px rgba(125,96,22,0.25);
}
#top_news_list dt {
	float:left;
	width:110px;

}
#top_news_list dd {
	overflow: auto;
	}
#top_news_list a {
	color: #F00;
	text-decoration: underline;
}

dl#top_news_yukimiku{
	background: #FFF;
	padding:10px 20px;
	margin-bottom:7px;
	-webkit-box-shadow: 1px 1px 2px 1px rgba(125,96,22,0.25);
-moz-box-shadow: 1px 1px 2px 1px rgba(125,96,22,0.25);
box-shadow: 1px 1px 2px 1px rgba(125,96,22,0.25);
}
#top_news_yukimiku dt{ color:#ff6600; font-weight:bold; font-size:116%; margin:3px 0 6px 0;}
#top_news_yukimiku dd{  margin:0 0 3px 10px;}
#top_news_yukimiku a {
	color: #F00;
	text-decoration: underline;
}

#top_news_yukimiku table,#top_news_yukimiku th,#top_news_yukimiku td {border: none;}

#top_news_yukimiku .tabi_cast td {width: 117px;}


/* 町会議とは */
#top_about {margin-bottom: 40px;
}
/*#top_about {background:url(../img/top/about_bg.png) no-repeat top left;
margin-bottom: 40px;
}
#top_about dl{ margin-top: 400px;}
*/
#top_about dl{}
#top_about dt{ background: #ffc600; padding: 3px 10px; display: inline-block; margin-bottom: 10px;
font-size: 130%;-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px; font-weight: bold;
}
#top_about dd{ margin: 0 0 30px 10px;
}


/*right--------------------------------------------*/

#content_right {
	float:left;
	width:220px;
	margin-left:20px
}
#right_bn li {
	margin-bottom:5px;
}
#right_bn_bottom li {
	margin-top:5px;
}
/*twitter*/
#twitter {
	position:relative;
	min-height:400px;
}
#twitter h2 {
	background:url(../img/top/twitter_icon.png) no-repeat;
	width:55px;
	height:54px;
	z-index:100;
	position:absolute;
	top:0;
	left:80px;
	display:block;
	text-indent:-9999px;
}
#twitter .cnt {
	border:3px solid #00aae9;
	background:#fff;
	width:212px;
	padding-top:15px;
	position:absolute;
	top:30px;
	right:0;
	text-align:center;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}
.twtr-hd {
	display:none;
}/*中身だけ表示するやつ*/
.twtr-ft {
	display:none;
}/*中身だけ表示するやつ*/
#twitter #hash {
	width:212px;
	padding:10px 0;
	font-size:85%;
	color:#fff;
	text-align:center;
background: #26b8ef; /* Old browsers */
background: -moz-linear-gradient(top, #26b8ef 1%, #0ba0d8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#26b8ef), color-stop(100%,#0ba0d8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #26b8ef 1%,#0ba0d8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #26b8ef 1%,#0ba0d8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #26b8ef 1%,#0ba0d8 100%); /* IE10+ */
background: linear-gradient(to bottom, #26b8ef 1%,#0ba0d8 100%); /* W3C */
　/* Safari,Google Chrome用 */
}
#twitter #hash a {
	color:#fff
}


/*bottom-----------------------------------------*/

#schedule table{ width:100%; border-top:1px solid #ccc;  border-right:1px solid #ccc; background:#fff;}
#schedule table th,td{ width:14%; padding:5px 10px; border-left:1px solid #ccc;  border-bottom:1px solid #ccc; text-align:center;  }
#schedule table th.day{ background:#eaeaea;}
#schedule table th.sat{ background:#d5f4ff;}
#schedule table th.sun{ background:#ffd5d5;}


#schedule table td .day{ font-size:20px; color:#333;}
#schedule table td .month{ font-size:26px;}
#schedule table td .nopref{ color:#666}
#schedule table td .pref{ font-weight: bold;color: #333;}
#schedule table td .machi{ font-weight: bold;color: #F33}
#schedule table a{ overflow:visible; text-decoration:none; color:#000;display:block; width:100%; height:100%;}
#schedule table td:hover{ background:#f4e4fa;}.tooltip{
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #222;
  outline: none;
}

.tooltip span{
  visibility: hidden;
  position: absolute;
  bottom: 60px;
  left: 110%;
  z-index: 999;
  width: 300px;
  margin-left: -225px;
  padding: 10px;
  opacity: 0.9;
  background-color: #512a60;
  border: 1px solid #4f1465;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#9250aa), to(#512a60 99%));
  background-image: -webkit-linear-gradient(top, #9250aa, #512a60 99%);
  background-image: -moz-linear-gradient(top, #9250aa, #512a60 99%);
  background-image: -o-linear-gradient(top, #9250aa, #512a60 99%);
  background-image: -ms-linear-gradient(top, #9250aa, #512a60 99%);
  background-image: linear-gradient(to bottom, #9250aa, #512a60 99%);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.58);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.58);
  box-shadow: 0 1px 2px rgba(0,0,0,0.58);
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight:bold;
  color:#fff;
  text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

.tooltip:hover{
  border: 0; /* IE6 fix */
}
.tooltip:hover span{ visibility: visible;}
.tooltip span:before,
.tooltip span:after{
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;
  border-top: 8px solid #512a60;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 0;
}

 .tooltip span:before{ border-top-color: #4f1465; bottom: -8px;}