@charset "utf-8";

body {
	background-color: #D7F394;
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; 
	line-height: 110%;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration:underline;
}

p {
	margin: 0 0 3px 0;
	padding: 0;
}

.clear {
	clear: both;
	float: none;
}

.fontred {
	color: #CC0000;
}

.fontblue {
	color: #0033CC;
}

.green {
	color: #006600;
}
div#mbox {
	width: 810px;
	background-image:url(../images/top-images/mboxbk.jpg);
	background-repeat:repeat-y;
	margin:0 auto 0 auto;
	padding: 3px;
}

div#cbox {
	width: 800px;
	margin: 0 auto 0 auto;
}

div#mcbox {
	width: 788px;
	margin: 0 auto 0 auto;
	margin-top: 10px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #82D400;
	border-right-color: #82D400;
	border-bottom-color: #82D400;
	border-left-color: #82D400;
	border-top-width: 4px;
}

h1 {
	margin: 0;
	padding: 0;
}

h1 a {
	margin: 0;
	padding: 0;
	background-image:url(../images/top-images/h1-title_en.jpg);
	background-repeat:no-repeat;
	width: 271px;
	height: 58px;
	text-decoration: none;
	display: block;
}

h1 a span {
	position: absolute;
	left: -9999px;
}

h2 {
	margin: 0;
	padding: 0;
}

div.header {
	width: 788px;
	margin-bottom:13px;
	margin-top: 3px;
	padding: 0;
}

div.h-rightbox {
	float:right;
	text-align: right;
	font-size: 90%;
}

div.h-leftbox {
	float:left;
}

div.header form {
	margin-top: 10px;
}

div.topimg {
	width: 788px;
	margin: 0 auto 0 auto;
}

div.topimg ul {
	margin:0;
	padding:0;
	list-style-type: none;
	height:29px;
	width:788px;
}

div.topimg ul li {
	float:left;
}

div.topimg ul li.list1 a {
	height:29px;
	width: 112px;
	background-image: url(../images/top-images/b1.jpg);
	background-repeat:no-repeat;
	text-decoration: none;
	display:block;
}

div.topimg ul li.list2 a {
	height:29px;
	width: 112px;
	background-image: url(../images/top-images/b2.jpg);
	background-repeat:no-repeat;
	text-decoration: none;
	display:block;
}

div.topimg ul li.list3 a {
	height:29px;
	width: 112px;
	background-image: url(../images/top-images/b3.jpg);
	background-repeat:no-repeat;
	text-decoration: none;
	display:block;
}

div.topimg ul li.list4 a {
	height:29px;
	width: 112px;
	background-image: url(../images/top-images/b4.jpg);
	background-repeat:no-repeat;
	text-decoration: none;
	display:block;
}

div.topimg ul li.list5 a {
	height:29px;
	width: 112px;
	background-image: url(../images/top-images/b5.jpg);
	background-repeat:no-repeat;
	text-decoration: none;
	display:block;
}

div.topimg ul li.list6 a {
	height:29px;
	width: 112px;
	background-image: url(../images/top-images/b6.jpg);
	background-repeat:no-repeat;
	text-decoration: none;
	display:block;
}

div.topimg ul li.list7 a {
	height:29px;
	width: 116px;
	background-image: url(../images/top-images/b7.jpg);
	background-repeat:no-repeat;
	text-decoration: none;
	display:block;
}

div.topimg ul li a span {
	position: absolute;
	left: -9999px;
}

div.leftbox {
	width: 182px;
	background-color: #E3F2D0;
	margin-right: 7px;
	float:left;
	padding: 4px;
}

div.leftbox ul {
	margin: 5px 0 0 0;
	padding: 0;
	list-style-image: url(../images/top-images/orenge-point.gif);
	list-style-type: none;	
}

div.leftbox ul li {
	margin: 0 0 0 25px;
	padding: 0;
	line-height: 130%;
}

div.banner {
	margin: 2px 0 2px 0;
	padding: 0;
}

div.bksrc-g {
	background-color: #BED8BE;
	width: 165px;
	margin-bottom: 5px;
	padding-bottom: 2px;
	text-align:center;
}

div.bksrc-g2 {
	background-color:#DEE9DF;
	width: 165px;
	margin-bottom: 5px;
	padding-bottom: 2px;
}

div.banner-form {
	margin: 5px 0 5px 0;
	padding: 3px;
	font-size: 80%;
}

div.banner-form ul {
	margin: 0 0 0 25px;
	list-style:url(../images/top-images/orenge-point.gif) none;
	padding:0;
}

div.banner-koe ul {
	margin: 0;
	padding: 0;
	font-size: 100%;
	color:#996600;
	line-height: 120%;
	padding-top: 22px;
	padding-left: 30px;
}

div.leftbox div.info {
	width: 180px;
	background-color:#F8FFF8;
	margin: 10px auto 5px auto;
	padding-bottom: 10px;
	background-image: url(../images/top-images/info-h2bk.jpg);
	background-repeat:no-repeat;
}

div.leftbox div.info h2 {
	width: 142px;
	height: 20px;
	padding: 7px 0 0 38px;
	font-size: 100%;
	display: block;
	color: #ffffff;
}

div.population {
	width: 180px;
	background-color:#F8FFF8;
	margin: 10px auto 5px auto;
	padding-bottom: 10px;
	background-image: url(../images/top-images/info-h2bk.jpg);
	background-repeat:no-repeat;
}

div.leftbox div.population h2 {
	width: 142px;
	height: 20px;
	padding: 7px 0 0 38px;
	font-size: 100%;
	display: block;
	color: #ffffff;
}

div.leftbox div.population table {
	font-size: 85%;
	margin: 5px auto 0 auto;
}


div.centerbox {
	width: 420px;
	margin-right: 6px;
	float:left;
}

div.t-kinkyu {
	width: 420px;
	height: 24px;
	background-image:url(../images/top-images/t_kinkyu.jpg) ;
	background-repeat:no-repeat;
}

div.t-kinkyu h2 {
	font-size:120%;
	color: #ffffff;
	padding-left: 10px;
	padding-top: 4px;
}

div.t-attention {
	width: 420px;
	height: 29px;
	background-image:url(../images/top-images/t_attention.jpg);
	background-repeat:no-repeat;
}

div.t-attention h2 {
	font-size:120%;
	color: #666666;
	padding-left: 30px;
	padding-top: 4px;
}


div.t-news {
	width: 420px;
	height: 24px;
	background-image:url(../images/top-images/t_news.jpg);
	background-repeat:no-repeat;
}

div.t-news h2 {
	font-size:120%;
	color: #666666;
	padding-left: 30px;
	padding-top: 4px;
}

div.t-event {
	width: 420px;
	height: 24px;
	background-image:url(../images/top-images/t_event.jpg);
	background-repeat:no-repeat;
}

div.t-event h2 {
	font-size:120%;
	color: #666666;
	padding-left: 30px;
	padding-top: 4px;
}

div.t-end {
	width: 420px;
	height: 29px;
	background-image:url(../images/top-images/t_end.jpg);
	background-repeat:no-repeat;
}

div.t-end h2 {
	font-size:120%;
	color: #666666;
	padding-left: 30px;
	padding-top: 8px;
}

div.rss {
	margin: 2px 0 2px 0;
	width: 100%;
	text-align: right;
}

div.listbox {
	border: 1px dotted #CCCCCC;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}



div.listboxgreen {
	border: 1px dotted #66CC00;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	background-color:#CCFFCC;
}

div.listboxgreen ul.orenge {
	margin: 0 0 0 20px;
	padding: 0;
	list-style-image: url(../images/top-images/orenge-point.gif);
	list-style-type: none;
	line-height: 130%;
}



div.listbox99 {
	border: 1px dotted #FF0000;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 5px;
	background-color:#FFF1EC;
}

div.listbox ul.orenge {
	margin: 0 0 0 20px;
	padding: 0;
	list-style-image: url(../images/top-images/orenge-point.gif);
	list-style-type: none;
	line-height: 130%;
}

div.listbox99 ul.orenge {
	margin: 0 0 0 20px;
	padding: 0;
	list-style-image: url(../images/top-images/orenge-point.gif);
	list-style-type: none;
	line-height: 130%;
}

div.listbox99 ul.red {
	margin: 0 0 0 20px;
	padding: 0;
	list-style-image: url(../images/top-images/red-point.gif);
	list-style-type: none;
	line-height: 130%;
}

div.backnamber {
	padding: 3px;
	margin-bottom: 10px;
	text-align: right;
	background-color: #EEEEEE;
	font-size: 90%;
}

div.rightbox {
	width: 165px;
	float:left;
}

div.rightbox .title {
}

div.guide {
	width: 788px;
	margin-top:10px;
	padding-top: 10px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #82D400;
	border-right-color: #82D400;
	border-bottom-color: #82D400;
	border-left-color: #82D400;
	border-top-width: 4px;
}

div.guide h3 {
	margin: 0 0 3px 0;
	padding: 0;
	font-size:100%;
}

div.guide ul li {
	margin-bottom: 5px;
}

div.tguide {
	width:788px;
	height:33px;
	background-image:url(../images/top-images/t_guide.jpg);
	background-repeat:no-repeat;
}

div.tguide h2 {
	color:#ffffff;
	font-size:100%;
	padding-top: 9px;
	padding-left: 42px;
}

div.guidebox1 {
	width: 776px;
	padding: 5px;
	margin-top: 2px;
	background-color:#F0F4F1;
	border: 1px solid #CCCCCC;
}

div.guidebox1 ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}

div.guidebox1 ul li {
	float: left;
	margin-right: 20px;
	padding-left: 15px;
	background-image:url(../images/top-images/orenge-point2.gif);
	background-repeat:no-repeat;
	padding-top:2px;
}

div.guideboxleft {
	width:393px;
	float: left;
}

div.guidebox2 {
	width: 321px;
	padding: 10px;
	padding-left: 60px;
	background-color:#F7E6F0;
	margin-top: 2px;
	border: 1px dotted #CCCCCC;
	background-image:url(../images/top-images/guide2bk.jpg);
	background-repeat:no-repeat;
}

div.guidebox3 {
	width: 321px;
	padding: 10px;
	padding-left: 60px;
	background-color:#E9FBDB;
	margin-top: 2px;
	border: 1px dotted #CCCCCC;
	background-image:url(../images/top-images/guide3bk.jpg);
	background-repeat:no-repeat;
}

div.guidebox4 {
	width: 321px;
	padding: 10px;
	padding-left: 60px;
	background-color:#FBF8CE;
	margin-top: 2px;
	border: 1px dotted #CCCCCC;
	background-image:url(../images/top-images/guide4bk.jpg);
	background-repeat:no-repeat;
}

div.guideboxright {
	width: 393px;
	float:right;
}

div.guidebox5 {
	width: 321px;
	padding: 10px;
	padding-left: 60px;
	background-color:#F5EBE0;
	margin-top: 2px;
	border: 1px dotted #CCCCCC;
	background-image:url(../images/top-images/guide5bk.jpg);
	background-repeat:no-repeat;
}

div.guidebox6 {
	width: 321px;
	padding: 10px;
	padding-left: 60px;
	background-color:#EDE2ED;
	margin-top: 2px;
	border: 1px dotted #CCCCCC;
	background-image:url(../images/top-images/guide6bk.jpg);
	background-repeat:no-repeat;
}

div.guidebox7 {
	width: 321px;
	padding: 10px;
	padding-left: 60px;
	background-color:#E4F0F8;
	margin-top: 2px;
	border: 1px dotted #CCCCCC;
	background-image:url(../images/top-images/guide7bk.jpg);
	background-repeat:no-repeat;
}

table.advertisement {
	margin-top:10px;
	padding-top:10px;
}

div#footer {
	width: 778px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #82D400;
	background-color: #F1F8E7;
	padding: 5px;
	margin-top: 10px;
}

div.f-left {
	float:left;
	font-size:90%;
}

div.f-right {
	float:right;
	padding-top:3px;
	font-size:90%;
}

div.copyright {
	width: 782px;
	padding: 3px;
	text-align: center;
	font-size: 90%;
	background-color: #D7EABB;
	color: #6B755D;
}

div.life {
	width: 711px;
	padding: 10px;
	padding-left: 65px;
	margin: 2px 0 0px 0;
	border: 1px solid #CCCCCC;
	background-color:#FFE8D9;
	font-size: 100%;
	background-image:url(../images/top-images/lifebk.jpg);
	background-repeat:no-repeat;
}

div.life h3 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size:100%;
	color: #FF6600;
}