@charset "UTF-8";

/* 左ペイン
----------------------------------------------- */
div.top_left {
	width:580px;
	padding-left:30px;
	float:left;
}

/* 見出し */
div.top_left h2 {
	margin:3px 0px;
}

/* お知らせ */
div.top_left div.top_info {
	width:580px;
	background:url(../images/top_info_bg_body.gif) repeat-y top left;
}
div.top_left div.top_info h3 {
	width:560px;
	margin:0px;
	padding:10px 10px 0px 10px;
	background:url(../images/top_info_bg_head.gif) no-repeat top left;
}
div.top_left div.top_info div {
	width:560px;
	padding:5px 10px 15px 10px;
	background:url(../images/top_info_bg_foot.gif) no-repeat bottom left;
}
div.top_left div.top_info div p.button {
	width:550px;
	text-align:center;
	margin:0px 5px;
	padding-top:5px;
	border-top:1px dotted #ccc;
}
div.top_left div.top_info div dl {
	clear:both;
	width:550px;
	margin:0px 5px;
	padding:5px 0px;
	/*border-top:1px dotted #ccc;*/
}
div.top_left div.top_info div dl dt {
	width:150px;
	float:left;
	color:#555;
}
div.top_left div.top_info div dl dd {
	width:400px;
	float:left;
	font-size:115%;/* フォントサイズ */
}
	dl.first {
		border-top:1px dotted #ccc;
	}
	a.pdf_dd {
		margin:0px;
		padding:0px 0px 10px 25px;
		background:url(../images/pdf_li.gif) no-repeat 2px 2px;
	}

/* Adobe Reader Download */
div.top_left div.notice {
	margin:20px 10px 0px 40px;
	clear:both;
}
div.top_left div.notice p {
	color:#666;
	font-size:84%;/* フォントサイズ */
}
.bnr {
 float:left;
 margin:0px 5px 25px 0px;
}

/* 画面下広告バナー */
div.top_left div.ad_left {
	padding-left:30px;
	margin:20px 5px 5px 5px;
	background:url(../images/banner_bg.gif) no-repeat left top;
}
div.top_left div.ad_left p a {
	margin-right:10px;
}

/* 右ペイン
----------------------------------------------- */
div.top_right {
	width:210px;
	margin-left:10px;
	float:left;
}

/* 画面右広告バナー */
div.top_right div.ad_right {
	width:210px;
	padding-top:10px;
	margin:5px 5px 10px 5px;
	/*background:url(../images/banner_bg.gif) no-repeat left top;*/
}

/* 囲み */
div.top_right div.side_box {
	width:210px;
	margin-bottom:5px;
	background:url(../images/top_side_bg_body.gif) repeat-y top;
}

div.top_right div.side_box div.box {
	width:210px;
}
	.box_end {
		background:url(../images/top_side_bg_foot.gif) no-repeat bottom;
		padding-bottom:15px;
	}

	/* ん */
	div.top_right div.side_box div.box div.box_parts1 {
		background:url(../images/top_side_bg_head.gif) no-repeat top;
		padding:15px 0px 3px 0px;
	}
	/* 長寿十訓 */
	div.top_right div.side_box div.box div.box_parts2 {
		padding:0px 0px 3px 0px;
	}
	/* くゎーどぅ宝 */
	div.top_right div.side_box div.box div.box_parts3 {
		background:url(../images/top_side_bg_foot.gif) no-repeat bottom;
		padding:0px 0px 13px 0px;
	}
		div.box_parts1 p, div.box_parts2 p, div.box_parts3 p {
			margin-bottom:3px;
			font-size:84%;/* フォントサイズ */
			line-height:120%;
			color:#555;
		}

/* 関連ホームページ紹介 */
div.top_right div.side_box h3 {
	width:195px;
	padding:15px 0px 0px 15px;
	background:url(../images/top_side_bg_head.gif) no-repeat top;
}
div.top_right div.side_box div.banner {
	width:210px;
	margin:8px 0px 4px;
}
div.top_right div.side_box div.banner p {
	text-align:center;
}
div.top_right div.side_box div.box {
	width:210px;
}
	div.top_right div.side_box div.box p {
		width:180px;
		padding:0px 15px;
		font-size:84%;/* フォントサイズ */
		line-height:120%;
	}
	.box_end {
		background:url(../images/top_side_bg_foot.gif) no-repeat bottom;
		padding-bottom:15px;
	}
div.top_right div.side_box div.box h4, div.top_right div.side_box div.box dl {
	width:180px;
	padding:0px 15px;
	margin-bottom:3px;
	font-size:84%;/* フォントサイズ */
	line-height:120%;
	color:#555;
}
div.top_right div.side_box div.box dl dt {
	width:70px;
	float:left;
}
div.top_right div.side_box div.box dl dd {
	width:110px;
	float:left;
}

/* QRコード */
div.top_right div.other_box {
	margin-top:10px;
	width:210px;
}
div.top_right div.other_box p {
	text-align:center;
	margin-bottom:10px;
}

/* ●百菜
----------------------------------------------- */
/* お知らせ画像 */
div.top_left div.top_info div p.info_img {
	width:560px;
	text-align:center;
	margin:5px 0px 8px 0px;
}

/* クイックメニュー（徳之島の人々） */
div.top_left div.top_quick {
	width:580px;
	background:url(../images/top_quick_bg_body.gif) repeat-y top;
	margin-top:5px;
}
div.top_left div.top_quick h3 {
	width:560px;
	margin:0px;
	padding:12px 10px 0px 10px;
	background:url(../images/top_quick_bg_head.gif) no-repeat top;
}
div.top_left div.top_quick div {
	width:560px;
	padding:5px 10px 15px 10px;
	background:url(../images/top_quick_bg_foot.gif) no-repeat bottom;
}
	div.top_left div.top_quick div div.box_3 {
		width:535px;
		background:url(../images/top_quick_img.jpg) no-repeat right;
	}
	div.top_left div.top_quick div div.box_3 ul {
		width:340px;
		padding:0px;
		/*clear:both;*/
	}
	div.top_left div.top_quick div div.box_3 ul li {
		width:160px;
		height:30px;
		display:block;
		text-align:center;
		padding-top:8px;
		margin:0px 3px 3px 0px;
		background:url(../images/top_quick_btn.gif) no-repeat top left;
		float:left;
		font-size:1.2em;
	}

/* クイックメニュー（百菜とは） */
	div.top_left div.top_quick div div.box_4 {
		width:390px;
		margin:0px;
		padding:0px 5px 5px 10px;
		background:none;
		font-size:90%;/* フォントサイズ */
		float:left;
	}
	div.top_left div.top_quick div div.box_4 span {
		color:#c60;
	}
	div.top_left div.top_quick div div.box_5 {
		width:130px;
		margin-top:5px;
		padding:0px 10px 5px 0px;
		background:none;
		font-size:84%;/* フォントサイズ */
		float:left;
		border-top:1px solid #999;
	}
		div.top_left div.top_quick div div.box_5 div.gl01 {
			background:none;
			width:130px;
			padding:5px;
			border-bottom:1px solid #999;
			color:#666;
		}
			span.item {
				color:#990;
			}
	table.gl02 {
		font-family:"ＭＳ Ｐゴシック", "MS PGothic";
		clear:both;
		width:550px;
		margin:5px;
		padding:0px;
	}
		table.gl02 tr td {
			font-size:84%;/* フォントサイズ */
			line-height:130%;
			border:1px solid #990;
			padding:3px;
		}
		table.gl02 tr td dl {
			clear:both;
		}
		table.gl02 tr td dl dt {
			/*float:left;
			width:65px;*/
			color:#990;
			font-size:10pt;/* フォントサイズ */
			margin:5px 0;
			text-align:center;
		}
			table.gl02 tr td dl dt img {
				margin-bottom:3px;
			}
		table.gl02 tr td dl dd.gl02col1 {
			/*float:left;
			width:194px;*/
			color:#666;
			margin-left:60px;
		}
		table.gl02 tr td dl dd.gl02col2 {
			/*float:left;
			width:458px;*/
			color:#666;
			text-align:center;
		}