/**************************************************
* デフォルトスタイル
***************************************************/
html {
	background-color:#E1EDD1;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{
 font-style:normal;
 margin:0;
 padding:0;
 font-size:100%;
}

table {
     border-collapse:collapse;
     border-spacing:0;
}
 
img {
     border:0
}

address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal
}

caption,th {
     text-align:left;
}

h1,h2,h3,h4,h5,h6 {
    font-weight:normal;
}

div.clear{
 clear:both;
}

/**************************************************
* 全体レイアウト
***************************************************/
body{
	background: url(../images/body_bg01-3.gif) top center repeat-y ;
    font-size:90%;
}

div#wrapper{
 width:950px;
 padding-top:10px;
 margin-right:auto;
 margin-left:auto;
}

/**************************************************
* ヘッダー
***************************************************/

div#header
{
 background: url(../images/headerbg01.jpg) top center no-repeat;
 width:948px;
 height:240px;
 position:relative;
}

div#header h1{
 font-weight:bold;
 font-size:180%;
 padding:5px;
}
/**************************************************
* コンテンツ全体
***************************************************/
div#content{
 width:950px;
 margin:2px auto 0px auto;
 padding:0px;
}

div#bgborder{
 background: url(../images/headerbg_b01-3.gif) top center no-repeat;
 width:950px;
 height:6px;
 overflow:hidden;
}	
/**************************************************
* メイン
***************************************************/
div#mainLeft{
 width:640px;
 float:left;
}
div#mainRight{
 width:640px;
 float:right;
}
div#main{
 width:640px;
 float:right;
 padding-top:32px;
}

div#main .cname{
 width:600px;
 height:32px;
 margin:0 auto;
 background: url(../images/main_c01-3.gif) top left no-repeat;
 position:relative;
}

div#main .cname h2{
 font-size:16px;
 font-weight:bold;
 color:#2F4920;
 position:relative;top:7px;left:28px;
}

div#main .cname h2 a{
  color:#2F4920;
  text-decoration:none;
}

div#main .cwaku{
 width:596px;
 margin:0 auto 10px auto;
 /*background: url(../images/main_bg_m01.gif) top left repeat-y;*/
 border-left:solid 2px #C6E5AA;
 border-right:solid 2px #C6E5AA;
 border-bottom:solid 2px #C6E5AA;
}

div#main .cwaku a{
 background: url(../images/liimg04.gif) no-repeat;
 background-position: 0% 40%;
 padding-left:12px;
}

div#main .cwaku ul{
 line-height:150%;
 list-style-type :none;
 margin-left :10px;
 padding-top:5px;
 font-size:90%;
}

div#main .cwakurad1
{
 display:none;
}

div#main .cwakurad2
{
 display:none;	
}

div#main .topFreeArea
{
	width:600px;
	overflow:hidden;
	margin:0 auto 10px auto;
}

/**************************************************
* サイドバー
***************************************************/

div#sidebar{
 width:306px;
 padding-top:30px;
 margin:0px;
 float:left;
 background: url(../images/sub_bg01-3.gif);
}

div#sidebar .cname{
 width:259px;
 height:31px;
 background: url(../images/sub_bg_m01.gif) top left; 
 margin:0 auto;

}

div#sidebar .cname h2
{
 background: url(../images/sub_c01-3.gif) top left no-repeat;
 background-color:#DBEDCA; 
 font-size:16px;
 font-weight:bold; 
 color:#2E3D24;
 padding:7px 0 8px 23px; 
 margin:0 10px;
}

div#sidebar .cname h2 a
{
 color:#2E3D24;
 text-decoration:none;
}

div#sidebar .cname h3
{
 background-color:#F9E9AA;
 font-size:13px;
 font-weight:bold;
 color:#603213;
 padding:4px;
 margin:10px 10px 0 10px;
}

div#sidebar .cwakurad1{
 width:259px;
 height:6px;
 overflow:hidden;
 margin:0 auto;
 background: url(../images/sub_bg_t01.gif) top left no-repeat;
}

div#sidebar .cwaku{
 width:259px;
 margin:0 auto;
 background: url(../images/sub_bg_m01.gif) top left;
}

div#sidebar .cwaku ul{
 line-height:150%;
 list-style-type:none;
 margin-left:15px;
 padding-top:8px;
 font-size:90%;
}

div#sidebar .cwaku a{
 background: url(../images/liimg01.gif) top left no-repeat;
 background-position: 0% 40%;
 padding-left:12px;
}

div#sidebar .cwakurad2{
 width:259px;
 height:5px;
 overflow:hidden;
 margin:0 auto 15px auto;
 background: url(../images/sub_bg_b01.gif) top left;
}

div#sidebar .topFreeArea
{
	width:259px;
	overflow:hidden;
	margin:0 auto 15px auto;
}

/**************************************************
* フッター
***************************************************/

div#footer{
 clear:both;
 width:952px;
 /*height:12px;*/
 background: url(../images/footbg01-3.gif) top left;
 background-repeat:repeat-x;
 text-align:center;
 margin:0 auto;
 padding-top:2px;
}

/**************************************************
* ヘッダー画像差し替え 2026-08-17
***************************************************/
div#header{
	background:url(https://amakusa-web.jp/Sozai/Mg/FileAccess.aspx?aplUseNo=67272&angoFolderKey=8e3utZ%2fNShJcu8USjlDOCQ%3d%3d&angoFileKey=eO3H4YFZgYG3Elwi9JDwZEc%2fDK8h%2bkLCgYIvTnp74bQ%3d) top center no-repeat;
	background-size:948px 240px;
}

div#header h1{
	text-indent:-9999px;
	overflow:hidden;
}

/* ヘッダー上の隙間を除去 */
div#wrapper{
	padding-top:0;
}

/* ヘッダー下の飾り帯(6px)を除去 */
div#bgborder{
	display:none;
}

/* ヘッダーとコンテンツの間の2px隙間を除去 */
div#content{
	margin-top:0;
}

/**************************************************
* デザイン調整（配色・文字組み・枠） 2026-08-17
***************************************************/

/* 基本の文字組み: 少し大きく、行間ゆったり */
body{
	font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic","Meiryo",sans-serif;
	color:#333333;
	background:#f4f6ef;
}

/* パーツ見出し帯: テンプレ画像をやめ、地図ページと同じ深緑の帯に */
div#main .cname{
	width:auto;
	height:auto;
	margin:0 2px;
	background:none;
}
div#main .cname h2{
	position:static;
	top:auto;
	left:auto;
	background:#2e5e3a;
	color:#ffffff;
	font-size:17px;
	font-weight:bold;
	letter-spacing:0.06em;
	padding:10px 16px;
	border-radius:8px 8px 0 0;
}
div#main .cname h2 a{
	color:#ffffff;
}

/* 本文枠: 和紙寄りの生成り背景+細枠、内側に余白 */
div#main .cwaku{
	width:auto;
	margin:0 2px 26px 2px;
	padding:16px 18px;
	border:1px solid #c9d8c0;
	border-top:none;
	border-radius:0 0 8px 8px;
	background:#fdfdf8;
	box-sizing:border-box;
	line-height:1.8;
	font-size:15px;
}
div#main .cwaku ul{
	font-size:100%;
	line-height:1.9;
}

/* リンク: 地図ページの藍色に統一 */
div#main .cwaku a{
	color:#23689b;
}

/* フッター: テンプレ画像帯をやめてすっきり */
div#footer{
	background:none;
	padding:16px 0 20px 0;
}
div#footer a{
	color:#2e5e3a;
}

/**************************************************
* モバイル対応(画面幅960px以下で可変幅に) 2026-08-18
***************************************************/
@media screen and (max-width:960px){
	div#wrapper,
	div#content,
	div#mainLeft,
	div#mainRight,
	div#main,
	div#main .topFreeArea,
	div#footer{
		width:auto;
	}
	div#header{
		width:auto;
		height:auto;
		aspect-ratio:948/240;
		background-size:100% 100%;
	}
	div#main .cwaku img{
		max-width:100%;
		height:auto;
	}
	div#main .cwaku{
		overflow-wrap:break-word;
		padding-left:16px;
		padding-right:16px;
	}
}

/**************************************************
* サイドバーの緑ストライプ背景を除去 2026-08-18
***************************************************/
div#sidebar{
	background:none;
}

/**************************************************
* 1カラム化(サイドバー非表示・本文950px幅)
***************************************************/
div#sidebar{
	display:none;
}

div#mainLeft,
div#mainRight{
	width:950px;
	float:none;
}

div#main{
	width:950px;
	float:none;
}

div#main .topFreeArea{
	width:950px;
}