@charset "shift_jis";

* {
	margin: 0;
	padding: 0;
}

img{
	border: 0;
	max-width: 100%;
}

body{
	background: url(../img/background.gif) repeat-x 0 6px, #FBF8F0;
}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

.sp {
	display: none;
}

@media screen and (max-width: 768px){
	* {
    	box-sizing: border-box;
	}

	html{
		overflow: scroll;
	}

	body {
		overflow: hidden;
	}
}

@media screen and (max-width: 480px){
	.sp {
		display: block;
	}
}

/* --ヘッダー------------------------------ */
#header{
	width: 100%;
	max-width: 950px;
	margin: 0 auto;
	padding: 10px;
	background: #fff;
	box-sizing: border-box;
}

#header-top p{
	width: calc(250 / 950 * 100%);
	float: left;
}

#header-top ul{
	float: right;
	text-align: right;
	list-style-type: none;
}

#header-top ul li{
	float: left;
	background: url(../img/header_li.gif) no-repeat top left;
	padding: 0 10px 0 14px;
}

#header-top ul li.first-child{
	background: none;
}

#header-top ul li a {
	color: #4f0000;
	text-decoration: none;
	border-bottom: 1px dashed #e3d4c9;
}

#header-bottom {
	margin-top: 5px;
}

#header-bottom-left{
	width: calc(740 / 950 * 100%);
	max-width: 100%;
	float: left;
}

#header-bottom-left h1{
	display: inline;
}

#header-bottom-left img{
	margin-right: 15px;
}

#header-bottom-right{
	width: calc(205 / 950 * 100%);
	max-width: 100%;
	float: right;
}

#header-bottom-right form{
	margin-top: 25px;
}

#header-bottom-right form input{
	width: calc(160 / 205 * 100%);
	max-width: 100%;
	height: 21px;
	color: #999999;
	border: 1px #CCCCCC solid;
	padding: 0 0 0 2px;
	vertical-align: middle;
}

#header-bottom-right form img{
	margin: 1px 0 0 1px;
	vertical-align: bottom;
}

.mt-site-search-form__button {
	width: calc(38 / 205 * 100%);
	height: 23px;
	background: url(../img/search.jpg) no-repeat 0 0;
	text-indent: -99999px;
    border: none;
	cursor: pointer;
}

.mt-site-search-form__button:focus {
	outline: none;
}

@media screen and (max-width: 950px){
	#header-bottom-left{
    	width: 35%;
    	text-align: center;
	}

	#header-bottom-left h1{
    	display: block;
    	margin-bottom: 5px;
	}

	#header-bottom-right{
    	width: 35%;
	}
}

@media screen and (max-width: 480px){
	#header-top p {
    	width: 100%;
		padding-bottom: 10px;
    	text-align: center;
	}

	#header-top ul{
    	display: table;
    	width: 100%;
        background: #7a3201;
	}

	#header-top ul li{
    	display: table;
    	width: calc(100% / 3);
	    min-height: 2.65rem;
    	padding: 0.25rem 0.5rem;
    	background: none;
   		text-align: center;
	}

	#header-top ul li:nth-child(2){
    	border-right: 1px solid #e3d4c9;
	    border-left: 1px solid #e3d4c9;
	}

	#header-top ul li a{
    	display: table-cell;
    	vertical-align: middle;
    	color: #fff;
    	border: none;
	}

	#header-bottom {
    	margin-top: 10px;
	}
	
	#header-bottom-left{
    	width: 80%;
    	margin: 0 auto;
		text-align: center;
		background: #fff;
    	float: none;
	}
	
	#header-bottom-left img{
		margin: 0;
	}

	#header-bottom-right{
    	width: 95%;
    	margin: 0 auto;
	}

	#header-bottom-right form {
    	margin-top: 10px;
	}
}



/* --メイン------------------------------ */
#main{
	clear: both;
	width: 950px;
	max-width: 100%;
	margin: 0 auto;
}

@media screen and (max-width: 480px){
	#main{
		width: 100%;
	}
}


/* --フッター------------------------------ */
#footer{
	clear: both;
	width: 100%;
	background-color: #F2E9CE;
	background: url(../img/footer.gif);
}

#footer:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html #footer {
	height: 1em;
	overflow: visible;
}
/**/

#footer-box{
	width: 950px;
	max-width: 100%;
	margin: 0 auto;
}

#footer-left{
	width: 800px;
	max-width: 100%;
	float: left;
	padding-bottom: 20px;
}

#footer-left img{
	float: left;
	margin: 0 15px 0 0;
}

#footer-left address{
	padding: 55px 0 0 0;
	font-style: normal;
}

#footer-right{
	width: 132px;
	float: right;
	padding: 60px 0 0 0;
}

@media screen and (max-width: 480px){
	#footer-left,
	#footer-left img{
		float: none;
	}
	
	#footer-left address,
	#footer-right{
		margin: 0 5%;
		padding: 0;
	}
}


/* --トップページ------------------------------ */

#mainTop-swf{
	padding: 15px 0;
}

#mainTop-contents h2{
	margin: 11px 0 0 0;
}

#mainTop-contents{
	background: #fbf8f0;
}


#mainTop-contents dl{
	background: url(../img/topMain-newsback.jpg) no-repeat bottom;
	padding: 20px 20px 50px 25px;
	font-size: 0.867em;
}

#mainTop-contents dl dd{
	padding: 0 0 15px 0;
}

#mainTop-contents dl.blog dt{
	color: #FF3300;
	font-weight: bold;
}

#mainTop-contents dl.blog dt span{
	padding: 1px 5px;
	background-color: #FF6666;
	color: #FFFFFF;
	display: inline-block;
    line-height: 1.5;
}

#mainTop-contents dl.info dt{
	color: #339933;
	font-weight: bold;
}

#mainTop-contents dl.shop dt{
	color: #52BAD3;
	font-weight: bold;
}

#mainTop-left{
	width: 290px;
	float: left;
	padding: 0 0 15px 0;
}

#mainTop-left img{
	margin: 15px 0 0 0;
}

#mainTop-middle{
	width: 330px;
	float: right;
}

#mainTop-right{
	width: 330px;
	float: right;
}

#mainTop-left .jichikai-list{
	width: 278px;
	margin-top: 15px;
	border: 1px solid #cccccc;
	background-color: #f9FAFb;
}

#mainTop-left .jichikai-list ul{
	padding: 10px 0px 10px 10px;
	list-style: none;
}

#mainTop-left .jichikai-list img{
	padding: 0px;
	margin: 0px;
}

#mainTop-left .jichikai-list li{
	background: url(../img/point-Topleft.gif) no-repeat left;
	padding: 3px 0px 3px 20px;
}

#mainTop-left .jichikai-list li span{
	padding: 0 0 0 30px;
}

#mainTop-left .jichikai-list table{
	width: 100%;
	font-size: 0.85em;
	margin: 15px 0;
}

#mainTop-left .jichikai-list table th{
	background: url(../img/point-Topleft.gif) no-repeat 5px;
	padding: 0 0 0 20px;
	text-align: left;
}

#mainTop-left .jichikai-list table td{
	padding: 0 0px 0 0.8em;
}

@media screen and (max-width: 1000px){
	#mainTop-left{
		width: 25%;
		margin: 0 1.5%;
	}
	
	#mainTop-left .jichikai-list{
		width: 100%;	
	}

	#mainTop-middle,
	#mainTop-right{
		width: 36%;
	}

	#mainTop-contents dl{
		background-size: 100% 100%;
	}
}

@media screen and (max-width: 480px){
	#mainTop-contents {
    	padding-top: 10px;
	}

	#mainTop-left,
	#mainTop-middle,
	#mainTop-right{
		float: none;
	}
	
	#mainTop-left{
		width: 95%;
		margin: 0 auto;
	}

	#mainTop-middle,
	#mainTop-right{
		width: 100%;
	}
	
	#mainTop-left .jichikai-banner a img{
		display: block;
		width: 100%;
	}
	
	#mainTop-contents h2 img {
		width: 100%;
	}
	
	#mainTop-left .jichikai-list img{
		width: 100%;
	}
}




/* --コンテンツページ------------------------------ */
#mainContents{
	margin: 15px 0;
	background: url(../img/contents-back.gif) no-repeat;
	background-color: #FFFFFF;
}

#mainContents p{
	padding: 5px;
	text-indent: 0.9em;
}

#mainContents p.no-indent{
	padding: 5px;
	text-indent: 0;
}


#mainContents-back{
	text-align: right;
	text-indent: 0;
}

#mainContents-back p{
	padding: 10px 15px 0 0;
	font-size: 86.7%;
	line-height: 100%;
}

@media screen and (max-width: 480px){
	#mainContents{
    	background-size: contain;
	}
}


/* --事務局概要------------------------------ */
#Gaiyo{
	padding: 0 70px 30px 70px;
}

#Gaiyo h3{
	padding: 5px 10px;
	background-color: #F4F4F4;
	color: #793100;
	border-left: 7px #793100 solid;
	border-bottom: 1px #CCCCCC dashed;
	font-size: 95%;
}

img.kaityo-img{
	float: left;
	padding: 7px;
}

#Gaiyo div.Gaiyo-entry{
	padding: 0 0 30px 0;
	clear: left;
}

#Gaiyo table{
	width: 100%;
	max-width: 600px;
	margin: 20px auto 0;
	border-collapse: collapse;
	border: 1px #CCCCCC solid;
}

#Gaiyo table th{
	border: 1px #CCCCCC solid;
	padding: 5px;
	text-align: center;
}

#Gaiyo table td{
	border: 1px #CCCCCC solid;
	padding: 5px;
	text-align: center;
}

#Gaiyo table th.midashi{
	background-color: #FBF8F0;
}

#Gaiyo .soshiki {
	margin: 1rem 0;
}

#Gaiyo .soshiki div {
	width: 100%;
	max-width: 350px;
	margin: 0 auto;
	padding: 1rem;
	text-align: center;
	border: 1px solid #ffdd75;
	border-radius: 3px;
}

#Gaiyo .soshiki div:nth-child(odd) {
	background: #fbf8f0;
}

#Gaiyo .soshiki div:first-child {
	background: #ffdd75;
}

#Gaiyo .soshiki div span {
	display: inline-block;
	color: #793100;
	font-weight: bold;
	font-size: 135%;
}

#Gaiyo .soshiki div p {
	color: #333333;
}

#Gaiyo .soshiki div p.no-indent {
	text-align: justify;
    word-break: keep-all;
}

#Gaiyo .soshiki .soshiki-arrow {
	border: none;
}

@media screen and (max-width: 480px){
	#Gaiyo {
	    padding: 0 5% 30px;
	}

	#Gaiyo table{
		width: 100%;
		margin: 20px 0 0 0;
	}
}


/* --自治会って何をしているの？------------------------------ */
#About{
	width: 100%;
	max-width: 840px;
	margin: 0 0 0 75px;
	padding: 20px;
}

#About div.About-entry{
	float: left;
	width: 280px;
	padding: 0 0 30px 0;
}

#About div.About-entry p{
	width: 215px;
}

#About-other{
	clear: both;
	text-align: center;
	padding: 0 0 30px 0;
	font-weight: bold;
}

@media screen and (max-width: 768px){
	#About div.About-entry{
    	min-height: 400px;
	}
}

@media screen and (max-width: 480px){
	#About{
		width: 100%;
    	margin: 0;
	}

	#About div.About-entry{
    	float: none;
    	min-height: auto;
    	margin: 0 auto;
    	text-align: center;
	}

	#About div.About-entry p{
        margin: 0 auto;
    	text-align: left;
	}

	#About-other{
    	text-align: left;
	}
}


/* --住所から検索------------------------------ */
#Address{
	width: 100%;
	max-width: 840px;
	margin: 0 0 0 75px;
	padding: 20px;
}

#Address h3{
	padding: 10px 10px 15px 25px;
	color: #793100;
	background: url(../img/point1-Adress.gif) left no-repeat;
	clear: left;
	font-size: 95%;
}

#Address ul.list{
	clear: both;
	list-style: none;
	margin-left: 15px;
}

#Address ul.list li{
	float: left;
	padding: 10px 20px 10px 15px;
	background: url(../img/point2-Address.gif) left no-repeat;

}


#Address table.Search{
	text-align: left;
}

#Address table.Search tr{
	border-bottom: 1px solid #ccc;
}

#Address table.Search th{
	padding: 5px;
	margin: 0px;
	border-bottom: 1px solid #ccc;
}

#Address table.Search td{
	padding: 5px;
	margin: 0px;
	border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 480px){
	#Address{
    	width: 100%;
    	margin: 0;
	    padding: 0 5% 30px;
	}

	#Address p > img {
    	width: 100% !important;
    	height: 100% !important;
	}
}


/* --お問い合わせ----------------------------------------------- */

#Contact{
	padding: 0 70px 0px 70px;
}

@media screen and (max-width: 480px){
	#Contact{
	    padding: 0 5% 30px;
	}
}


/* --ブログページ------------------------------ */
#mainContents-Blog{
	margin: 15px 0;
	padding: 15px;
	background-color: #FFFFFF;
	border-top: 5px #FF6600 solid;
	float: left;
}

#mainContents-Blog:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html #mainContents-Blog {
	height: 1em;
	overflow: visible;
}
/**/

#mainContents-Blog-Info{
	margin: 15px 0;
	background-color: #FFFFFF;
	float: left;
}

#mainContents-Blog-Info:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html #mainContents-Blog-Info {
	height: 1em;
	overflow: visible;
}
/**/

#mainContents-BlognameArea{
	width: 920px;
	max-width: 100%;
	height: 150px;
	background: url(../img/blog-h1.jpg);
}

#mainContents-BlognameArea-Info{
	width: 950px;
	max-width: 100%;
}

#mainContents-Blog h1{
	font-size: 1.615em;
	padding: 40px 0 0 15px;
}

#mainContents-Blog p.descrip{
	padding: 10px 15px 0 15px;
	text-shadow: 0 0 1px #e8ebf2, 0 0 1px #e8ebf2, 0 0 3px #e8ebf2, 0 0 3px #e8ebf2, 0 0 3px #e8ebf2, 0 0 5px #e8ebf2;
}

#mainContents-Blog h2{
	font-size: 1.2em;
	padding: 6px;
	margin: 10px 0px 0px 0px;
	background-color: #ff9900;
	color: #fff;
	line-height: 1.2;
}

#mainContents-Blog h2.entry-title-white {
	color: #ff9900;
}

#mainContents-Blog-Info h2{
	font-size: 1.133em;
	padding: 6px;
	margin: 10px 0;
	border-bottom: 2px #CCCCCC solid;
}

#mainContents-Blog h4{
	font-size: 1.8em;
	padding: 6px 6px 3px 10px;
	display:inline;
	background-color: #643700;
	color: #FFFFFF;
}

#mainContents-Blog h5{
	font-size: 1em;
	padding: 6px 6px 3px 10px;
	margin: 0px 0px 10px 0px;
	border-bottom: 2px #FFE599 dotted;
}

#mainContents-Blog p{
	padding: 5px;
}

#mainContents-Blog-Info p{
	padding: 5px;
}

#mainContents-Blog div.asset-meta{
	padding: 0 5px 10px 5px;
	text-align: right;
	text-decoration: none;
}

#mainContents-Blog-Info div.asset-meta{
	padding: 0 5px 10px 5px;
	text-align: right;
	text-decoration: none;
}

#mainContents-Blog div.turn{
	text-align: center;
}

#content-Info{
	padding: 0px 15px;
}

#alpha{
	width: 680px;
	max-width: 100%;
	float: left;
}

#alpha div.entry-asset{
/*	border: 1px #CCCCCC solid;*/
	margin: 20px 0;
/*	padding: 10px;*/
	padding: 0 0 70px 0;
}

#main .entry-asset{
	padding-left: 30px;
}

#alpha div.entry-asset span.byline{
	font-weight: bold;
}

#bloginformation{
	margin: 20px 0 0 0;
	padding: 5px 0 5px 40px;
	background: url(../img/bloginfo.png) left no-repeat;
}


#maindata{
	margin: 20px 0;
}

#maindata ul{
	margin: 15px 7px;
	list-style-type: none;
}

#maindata ul li{
	padding: 10px 3px;
	border-bottom: 1px #CCCCCC solid;
}

#maindata span.date{
	padding-right: 20px;
}

#alpha div.pagenate{
	margin: 10px 0;
	text-align: center;
}

#alpha div.pagenate ul{
	list-style-type: none;
}

#alpha div.pagenate ul li{
	display: inline;
	border: none;
}


#beta{
	width: 240px;
	max-width: 100%;
	float: right;
}

#beta h3 a:link {color: #FFFFFF; text-decoration: underline;}
#beta h3 a:visited {color:  #FFFFFF; text-decoration: underline;}
#beta h3 a:active {color: #FFFFFF; text-decoration: underline;}
#beta h3 a:hover {color: #FFFFFF; text-decoration: none;}


#beta h3{
	margin: 20px 0 0 15px;
	padding: 5px;
	font-size: 1.0em;
	background-color: #FF8635;
	border-left: 5px #FFCC33 solid;
	color: #FFFFFF;
}

#beta h3.Info{
	margin: 20px 0 0 15px;
	padding: 5px 5px 8px 25px;
	font-size: 1.0em;
	background: url(../img/point2-Info.gif) left no-repeat;
	border-bottom: 1px #CCCCCC solid;
	border-left: none;
	color: #5E481C;
}

#beta h3.shop{
	margin: 20px 0 0 15px;
	padding: 5px 5px 8px 25px;
	font-size: 1.0em;
	background: url(../img/point2-shop.gif) left no-repeat;
	border-bottom: 1px #CCCCCC solid;
	border-left: none;
	color: #5E481C;
}


#beta ul{
	margin: 7px 0 0 30px;
}

#beta ul li{
	padding: 1px 3px;
}

#beta p{
	padding: 10px 10px 0 20px;
}

@media screen and (max-width: 480px){
	#mainContents-Blog{
		float: none;
	}
	
	#mainContents-BlognameArea{
 	    background-size: cover;
		background-position: center left 25%;
	}
	
	#alpha, #beta{
		width: 100%;
		float: none;
	}
	
	#alpha table{
		width: 100% !important;
	}
	
	#alpha img{
		width: auto !important;
		height: auto !important;
	}

	#alpha iframe{
		width: auto !important;
		height: auto !important;
	}
}


/* --編集ページ------------------------------ */

#mainContents-Blog div.asset-body table.intro{
	border: 1px solid #ece9d8;
}

#mainContents-Blog div.asset-body table.intro th{
	width: 150px;
	background-color: #FBF8F0;
	border: 1px solid #ece9d8;
	padding: 8px;
}

#mainContents-Blog div.asset-body table.intro td{
	border: 1px solid #ece9d8;
	padding: 8px;
}

#mainContents-Blog div.asset-body table.event{
	border: none;
	background-color: #000066;
}

#mainContents-Blog div.asset-body table.event th{
	width: 100px;
	border: none;
	background-color: #ffffff;
}

#mainContents-Blog div.asset-body table.event td{
	border: none;
	font-weight: bold;
	width: 580px;
	background-color: #ffffff;
}

/*search--------------------------------------------------*/

#search-main{
	padding: 0px 30px;
}

#search-main h2{
	font-size: 1.4em;
}

p.searchCount{
	color: #cc3366;
}

.searchnews dt{
	margin-top: 5px;
}

.searchnews dd{
	padding-left: 3em;
	margin-bottom: 15px;
}

#search-main div.pagenate{
	margin: 10px 0;
	text-align: center;
}

#search-main div.pagenate ul{
	list-style-type: none;
	font-size: 1.2em;
	padding: 15px 0px;
}

#search-main div.pagenate ul li{
	display: inline;
	padding: 0px 5px;
}

#s-result {
	padding: 0 70px 30px 70px;
}

@media screen and (max-width: 480px){
	#s-result {
	    padding: 0 5% 30px;
	}
}

/*shop--------------------------------------------------------------*/

#main .asset-header{
	padding-left: 20px;
}

#main .asset-body{
	padding-left: 20px;
}
	
#beta-inner{
	padding: 0 20px 3rem 0;
}	

@media screen and (max-width: 480px){
	#main .asset-header,
	#main .asset-body {
		padding: 0;
	}
}

/*--自治会だより-----------------------------------------------------*/

#Bulletin{
	padding: 0 70px 30px 70px;
}

#Bulletin h3{
	padding: 5px 10px;
	background-color: #F4F4F4;
	color: #793100;
	border-left: 7px #793100 solid;
	border-bottom: 1px #CCCCCC dashed;
	font-size: 95%;
}

#Bulletin ul{
	padding: 10px 0px 0px 20px;
	list-style:none;	
}

#Bulletin li{
	background: url(../img/pdf.gif) no-repeat;
	padding-bottom: 7px;
	padding-left: 20px;
}

@media screen and (max-width: 480px){
	#Bulletin {
	    padding: 0 5% 30px;
	}
}