@charset "utf-8";
@import "common.css";

/*ヘッダ*/
h1 {
	height: 62px;
	background: url(../images/common/logo.png) 10px center no-repeat;
	background-size: 253px 35px;
	text-indent: -9999px;
}

/*メイン画像*/
.main_image {
	margin-bottom: 10px;
}
.main_image img {
	width: 100%;
	height: auto;
}

/*メニュー*/
#menu {
	margin-bottom: 17px;
	padding: 0 12px;
	padding-bottom: 12px;
	background-image: url(../images/common/menu_bg.png);
}
#menu h2 {
	padding-left: 15px;
	height: 40px;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	line-height: 44px;
	position: relative;
	text-shadow: -1px -1px 1px #3c5825;
	filter: dropshadow(color=#3c5825, offx=-1, offy=-1);
}
#menu h2:after {
	height: 40px;
	width: 90px;
	background: url(../images/common/menu_title_bg.png) 0 0 no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	right: 0;
	content: "";
}
#menu ul li {
	border: 1px solid #9e9b96;
	border-bottom: none;
}
#menu ul li:last-child {
	border-bottom: 1px solid #9e9b96;
}
#menu > ul > li > a {
	padding: 15px 20px;
	padding-right: 60px;
	background: #f8f9f4;
	background: -moz-linear-gradient(top, #ffffff 0%, #edeae5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edeae5));
	background: -webkit-linear-gradient(top, #ffffff 0%,#edeae5 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#edeae5 100%);
	color: #492c2e;
	font-size: 16px;
	font-weight: bold;
	display: block;
	position: relative;
}
#menu > ul > li > a.pc:before {
	margin-top: -7px;
	width: 15px;
	height: 15px;
	background: url(../images/common/bottomlink_pc.png) center center no-repeat;
	background-size: 100% 100%;
	display: block;
	position: absolute;
	top: 50%;
	right: 30px;
	content: "";
}
#menu > ul > li > a:after {
	margin-top: -3px;
	width: 5px;
	height: 5px;
	border-style: solid;
	border-width: 3px 3px 0 0;
	border-color: #88b84b;
	display: block;
	content: "";
	position: absolute;
	right: 12px;
	top: 50%;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
#menu > ul > li > a.focus {
	background-image: url(../images/common/menu_bg_focus.png);
	color: #ffffff;
}
#menu > ul > li > a.focus:after {
	border-color: #ffffff;
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

#menu > ul > li > ul {
	display: none;
}
#menu > ul > li > ul > li {
	border: none;
	border-bottom: 1px solid #ccd4c7;
}
#menu > ul > li > ul > li:last-child {
	border-bottom: none;
}
#menu > ul > li > ul > li > a {
	padding-left: 45px;
	height: 45px;
	line-height: 47px;
	background: #f8f9f4;
	background: -moz-linear-gradient(top, #f6f6de 0%, #dfeba9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6de), color-stop(100%,#dfeba9));
	background: -webkit-linear-gradient(top, #f6f6de 0%,#dfeba9 100%);
	background: -o-linear-gradient(top, #f6f6de 0%,#dfeba9 100%);
	color: #492c2e;
	font-size: 16px;
	font-weight: bold;
	display: block;
	position: relative;
}
#menu > ul > li > ul > li > a:before {
	margin-top: -3px;
	width: 5px;
	height: 5px;
	border-style: solid;
	border-width: 3px 3px 0 0;
	border-color: #88b84b;
	display: block;
	content: "";
	position: absolute;
	left: 25px;
	top: 50%;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
#menu > ul > li > ul > li > a.pc:after {
	margin-top: -7px;
	width: 15px;
	height: 15px;
	background: url(../images/common/bottomlink_pc.png) center center no-repeat;
	background-size: 100% 100%;
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	content: "";
}


/*新着情報*/
#info {
	margin-bottom: 25px;
}
#info h2 {
	padding-left: 15px;
	height: 40px;
	border-top: 2px solid #5b5b5b;
	border-bottom: 1px solid #858482;
	background: #f8f9f4;
	background: -moz-linear-gradient(top, #ffffff 0%, #e2dfda 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2dfda));
	background: -webkit-linear-gradient(top, #ffffff 0%,#e2dfda 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#e2dfda 100%);
	color: #522b30;
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
}
#info ul li {
	height: 52px;
	border-bottom: 1px solid #b1b1a9;
	background: #ffffff;
}

#info ul li a {
	padding: 0 40px 0 16px;
	height: 52px;
	display: block;
	overflow: hidden;
	text-decoration: none;
	position: relative;
}

#info ul li a:after {
	margin-top: -3px;
	width: 5px;
	height: 5px;
	border-style: solid;
	border-width: 3px 3px 0 0;
	border-color: #6f3f2b;
	display: block;
	content: "";
	position: absolute;
	right: 12px;
	top: 50%;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
#info ul li a span.category {
	width: 70px;
	height: 15px;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	line-height: 15px;
	text-align: center;
	display: block;
	position: absolute;
	top: 7px;
	left: 10px;
}
#info ul li a span.category.cate0 { background-color: #387ede; }
#info ul li a span.category.cate1 { background-color: #e64b6b; }
#info ul li a span.category.cate2 { background-color: #ed8450; }
#info ul li a span.date {
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	position: absolute;
	top: 7px;
	left: 90px;
}
#info ul li a span.title {
	padding-right: 30px;
	height: 1.5em;
	display: block;
	overflow: hidden;
	position: absolute;
	bottom: 7px;
	left: 10px;
}
#info .more {
	padding: 6px 0;
	background: #e7e7e4;
}
#info .more a {
	margin: 0 auto;
	width: 200px;
	height: 38px;
	border-radius: 2px;
	background: #7dbff3; /* Old browsers */
	background: -moz-linear-gradient(top, #e15679 0%, #aa214c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e15679), color-stop(100%,#aa214c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e15679 0%,#aa214c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e15679 0%,#aa214c 100%); /* Opera 11.10+ */
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	line-height: 38px;
	text-align: center;
	display: block;
}

/*自治会連合会はこんなことをしています*/
.activity {
	margin-bottom: 10px;
}
.activity a {
	margin: 0 auto;
	width: 319px;
	height: 81px;
	background: url(../images/index/activity.png) 0 0 no-repeat;
	background-size: 100% 100%;
	text-indent: -9999px;
	display: block;
}
.activity2 {
	margin-bottom: 27px;
}
.activity2 a {
	margin: 0 auto;
	width: 319px;
	height: 68px;
	background: url(../images/index/tsunami_kikin.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
	text-indent: -9999px;
	display: block;
}
.activity3 {
	margin-bottom: 10px;
}
.activity3 a {
	margin: 0 auto;
	width: 319px;
	height: 68px;
	background: url(../images/index/corona-virus-info.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
	text-indent: -9999px;
	display: block;
}
.activity5 a {
	margin: 0 auto;
	width: 319px;
	height: 68px;
	background: url(../images/index/corona-virus-info2.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
	text-indent: -9999px;
	display: block;
}
.activity6 a {
	margin: 0 auto;
	width: 319px;
	height: 68px;
	background: url(../images/index/corona-virus-info3.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
	text-indent: -9999px;
	display: block;
}
.activity7 a {
	margin: 0 auto;
	width: 319px;
	height: 68px;
	background: url(../images/index/corona-virus-info4.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
	text-indent: -9999px;
	display: block;
}
.activity8 a {
	margin: 0 auto;
	width: 319px;
	height: 68px;
	background: url(../images/index/corona-virus-info5.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
	text-indent: -9999px;
	display: block;
}
.activity9 a {
	margin: 0 auto;
	width: 319px;
	height: 68px;
	background: url(../images/index/bana_kensyu_r04.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
	text-indent: -9999px;
	display: block;
}
.activity10 a {
	margin: 0 auto;
	width: 319px;
	height: 68px;
	background: url(../images/index/bana_bouhan-camera.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
	text-indent: -9999px;
	display: block;
}
.activity11 a {
	margin: 0 auto;
	width: 319px;
	height: 68px;
	background: url(../images/index/bana_h7syorui-etc_sp.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
	text-indent: -9999px;
	display: block;
}
.activity12 a {
	margin: 0 auto;
	width: 319px;
	height: 68px;
	background: url(../images/index/bana_kensyu_r07.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
	text-indent: -9999px;
	display: block;
}

.activity4 {
	margin-bottom: 10px;
}
.activity4 a {
	margin: 0 auto;
	width: 319px;
	height: 68px;
	background: url(../images/index/bana_contact_sp.png) 0 0 no-repeat;
	background-size: 100% 100%;
	text-indent: -9999px;
	display: block;
}
/*バナー*/
#bana { width:234px;
	margin: 0 auto;
	font-size: 11px;
	padding-bottom: 15px;		
}
/*重要なお知らせ*/
#activity2 {
	margin-bottom: 25px;
}
#activity2 h2 {
	padding-left: 15px;
	height: 40px;
	background: #dc2609;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
}
#activity2 ul#implist { padding: 10px 12px; border: 5px solid #dc2609; }
#activity2 ul#implist li { 
	padding: 3px 0 2px 14px;
		font-size: 14px;
	background: url(../../images/contents/point_r.gif) 0 0.6em no-repeat;
 }

/*会議スケジュール*/
#schedule .linkwaku {
  color: #0FA7BB;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 8px;
  margin:15px 0;
  border: solid 5px #0FA7BB;
}