@charset "Shift_JIS";

/*===========================================================
ふるさとぐんま（公開ページ　基本部分のCSS）

目次

1.基本設定
2.文字
3.メインコンテンツ(トップページのみの設定)
4.サイドメニュー
5.文字サイズ変更
6.フッター
=============================================================*/




/*===========================================================
1.基本設定
=============================================================*/
body {
	font-size: 1em;
	margin: 0px;
	padding: 0px;
}

/*画面中央配置*/
.base {
	width: 860px;
	background: url(../images/base_img/side.gif) repeat-y;
	margin: 0px auto;
	padding: 0px;
}

/*メインコンテンツ、サイドメニューをグループ化*/
.unit {
	width: 830px;
	float: left;
}

/*フロート解除*/
.clear {
	clear: both;
}


/*===========================================================
2.文字
=============================================================*/

h1 {
	width: 780px;
	padding: 5px 10px;
	margin: 0px 30px;
	font-size: 0.7em;
	font-weight: normal;
	color: #FFFFFF;
	text-align: right;
	background: #004400;
}

h2 , h3 , h4 {
	display: none;
	vertical-align: text-bottom;
}

p {
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
	line-height: 1.7em;
	color: #444444;
}


p a {
	color: #003399;
	text-decoration: none;
}

p a:hover {
	color: #FFCC00;
}

/*文字カラー*/

.fc01 {
	color: #FFFFFF;
}
.fc02 {
	color: #333333;
}
.fc03 {
	color: #444444;
}
.fc04 {
	color: #CC0000;
}
.fc05 {
	color: #336633;
}

/*文字サイズ*/

.fs07 {
	font-size: 0.7em;
}
.fs09 {
	font-size: 0.8em;
}
.fs10 {
	font-size: 1.0em;
}
.fs12 {
	font-size: 1.2em;
}



/*===========================================================
3.メインコンテンツ(トップページのみの設定)
=============================================================*/

/*印刷用にwidthを600 + 1px大きく広げ下のボックスが落ちないようにしてます*/
.topmain {
	width: 601px;
	padding: 0px 0px 20px 30px;
	float: left;
}

/*ページ上部のイメージイラスト*/
.topimg img {
	vertical-align: text-bottom
}
.topimg2 img {
	vertical-align: text-bottom;
	position: absolute;
}

/*ページ上部のイメージイラスト下のメニュー*/
.catemenu {
	width: 485px;
	height: 25px;
	padding: 5px 0px 0px 115px;
	background: url(../images/top_img/topimg03.gif) no-repeat;
}

.catemenu ul, .catemenu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.catemenu li {
	float: left;
}

.life a {
	width: 70px;
	height: 25px;
	background: url(../images/base_img/menu_01.gif) no-repeat;
	display: block;
	text-indent: -9999px;
}

.work a {
	width: 70px;
	height: 25px;
	background: url(../images/base_img/menu_02.gif) no-repeat;
	display: block;
	text-indent: -9999px;
}

.live a {
	width: 70px;
	height: 25px;
	background: url(../images/base_img/menu_03.gif) no-repeat;
	display: block;
	text-indent: -9999px;
}

.study a {
	width: 70px;
	height: 25px;
	background: url(../images/base_img/menu_04.gif) no-repeat;
	display: block;
	text-indent: -9999px;
}


.life a:hover {
	background: url(../images/base_img/menu_01_o.gif) no-repeat;
}

.work a:hover {
	background: url(../images/base_img/menu_02_o.gif) no-repeat;
}

.live a:hover {
	background: url(../images/base_img/menu_03_o.gif) no-repeat;
}

.study a:hover {
	background: url(../images/base_img/menu_04_o.gif) no-repeat;
}


/*GISA(3次元地理情報システム)*/
.gis {
	width: 200px;
	background: url(../images/top_img/cate_side02.gif) repeat-y;
}

.gis1 a {
	width: 200px;
	height: 65px;
	background: url(../images/top_img/cate_gis.gif) no-repeat top;
	display: block;
	text-indent: -9999px;
}

.gis1 a:hover {
	background: url(../images/top_img/cate_gis_o.gif);
}

.gis2 a {
	width: 190px;
	height: 20px;
	text-align: right;
	padding: 0px 10px 0px 0px;
	display: block;
	font-size: 0.8em;
	color: #003399;
	text-decoration: none;
}

.gis2 a:hover {
	color: #FFCC00;
}

.gis3 {
	width: 155px;
	margin: 0px 10px 0px 15px;
	padding: 3px 0px 3px 20px;
	border-top: 1px dotted #999999;
	display: block;
	font-size: 0.8em;
	color: #444444;
}

.gis3 a {
	width: 155px;
	margin: 0px 10px 0px 15px;
	padding: 3px 0px 3px 20px;
	background: url(../images/base_img/a.gif) no-repeat left center;
	border-top: 1px dotted #999999;
	display: block;
	font-size: 0.8em;
	color: #003399;
	text-decoration: none;
}

.gis3 a:hover {
	color: #FFCC00;
}

.gis4 {
	width: 200px;
	height: 25px;
	background: url(../images/top_img/cate_under02.gif) no-repeat bottom;
}

/*体験コース募集*/
.shizen {
	width: 200px;
	background: url(../images/top_img/cate_side02.gif) repeat-y;
}

.shizen1 a {
	width: 190px;
	height: 20px;
	text-align: right;
	padding: 65px 10px 0px 0px;
	background: url(../images/top_img/cate_shizen.gif) no-repeat top;
	display: block;
	font-size: 0.8em;
	color: #003399;
	text-decoration: none;
}

.shizen1 a:hover {
	color: #FFCC00;
}

.shizen2 a {
	width: 155px;
	margin: 0px 10px 0px 15px;
	padding: 3px 0px 3px 20px;
	background: url(../images/base_img/a.gif) no-repeat left center;
	border-top: 1px dotted #999999;
	display: block;
	font-size: 0.8em;
	color: #003399;
	text-decoration: none;
}

.shizen2 a:hover {
	color: #FFCC00;
}

.shizen3 {
	width: 200px;
	height: 25px;
	background: url(../images/top_img/cate_under02.gif) no-repeat bottom;
}


/*ふるさとリポート*/
.report {
	width: 200px;
	background: url(../images/top_img/cate_side02.gif) repeat-y;
}

.report1 a {
	width: 190px;
	height: 20px;
	text-align: right;
	padding: 65px 10px 0px 0px;
	background: url(../images/top_img/cate_report.gif) no-repeat top;
	display: block;
	font-size: 0.8em;
	color: #003399;
	text-decoration: none;
}

.report1 a:hover {
	color: #FFCC00;
}

.report2 a {
	width: 155px;
	margin: 0px 10px 0px 15px;
	padding: 3px 0px 3px 20px;
	border-top: 1px dotted #999999;
	background: url(../images/base_img/a.gif) no-repeat left center;
	display: block;
	font-size: 0.8em;
	color: #003399;
	text-decoration: none;
}

.report2 a:hover {
	color: #FFCC00;
}

.report3 {
	width: 200px;
	height: 25px;
	background: url(../images/top_img/cate_under02.gif) no-repeat bottom;
}


/*トピックス*/
.topics a {
	width: 580px;
	height: 25px;
	padding: 10px 20px 0px 0px;
	background: url(../images/top_img/topics.gif) no-repeat;
	text-align: right;
	display: block;
	font-size: 0.8em;
	color: #003399;
	text-decoration: none;
}

.topics a:hover {
	color: #FFCC00;
}

.topics1 {
	width: 285px;
/*	float:left;*/
	padding: 8px 5px 8px 10px;
}

.topics1 .photo {
	float:left;
	font-size: 0.7em;
	color: #444444;
}

.topics1 img {
	width: 98px;
	border: 1px solid #666666;
}

.topics1 span {
	background: url(../images/base_img/a.gif) no-repeat 105px 2px;
	display: block;
	padding: 0px 0px 2px 125px;
	font-size: 0.8em;
	color: #444444;
}

.topics1 a {
	color: #003399;
}

.topics1 a:hover {
	color: #FFCC00;
}


/*生活情報*/
.lifetopics {
	width: 300px;
	background: url(../images/top_img/cate_side.gif) repeat-y;
}

.lifetopics1 a {
	width: 290px;
	height: 20px;
	background: url(../images/top_img/cate_life.gif) no-repeat top;
	text-align: right;
	padding: 40px 10px 0px 0px;
	display: block;
	font-size: 0.8em;
	color: #003399;
	text-decoration: none;
}

.lifetopics1 a:hover {
	color: #FFCC00;
}

.lifetopics2 a {
	width: 255px;
	margin: 0px 10px 0px 15px;
	padding: 3px 0px 3px 20px;
	background: url(../images/base_img/a.gif) no-repeat left center;
	border-top: 1px dotted #999999;
	display: block;
	font-size: 0.8em;
	color: #003399;
	text-decoration: none;
}

.lifetopics2 a:hover {
	color: #FFCC00;
}

.lifetopics3 {
	width: 300px;
	height: 24px;
	background: url(../images/top_img/cate_under.gif) no-repeat bottom;
}

/*働く情報*/
.worktopics {
	width: 300px;
	background: url(../images/top_img/cate_side.gif) repeat-y;
}

.worktopics1 a {
	width: 290px;
	height: 20px;
	background: url(../images/top_img/cate_work.gif) no-repeat top;
	text-align: right;
	padding: 40px 10px 0px 0px;
	display: block;
	font-size: 0.8em;
	color: #003399;
	text-decoration: none;
}

.worktopics1 a:hover {
	color: #FFCC00;
}

.worktopics2 a {
	width: 255px;
	margin: 0px 10px 0px 15px;
	padding: 3px 0px 3px 20px;
	background: url(../images/base_img/a.gif) no-repeat left center;
	border-top: 1px dotted #999999;
	display: block;
	font-size: 0.8em;
	color: #003399;
	text-decoration: none;
}

.worktopics2 a:hover {
	color: #FFCC00;
}

.worktopics3 {
	width: 300px;
	height: 24px;
	background: url(../images/top_img/cate_under.gif) no-repeat bottom;
}

/*学ぶ情報*/
.studytopics {
	width: 300px;
	background: url(../images/top_img/cate_side.gif) repeat-y;
}

.studytopics1 a {
	width: 290px;
	height: 20px;
	background: url(../images/top_img/cate_study.gif) no-repeat top;
	text-align: right;
	padding: 40px 10px 0px 0px;
	display: block;
	font-size: 0.8em;
	color: #003399;
	text-decoration: none;
}

.studytopics1 a:hover {
	color: #FFCC00;
}

.studytopics2 a {
	width: 255px;
	margin: 0px 10px 0px 15px;
	padding: 3px 0px 3px 20px;
	background: url(../images/base_img/a.gif) no-repeat left center;
	border-top: 1px dotted #999999;
	display: block;
	font-size: 0.8em;
	color: #003399;
	text-decoration: none;
}

.studytopics2 a:hover {
	color: #FFCC00;
}

.studytopics3 {
	width: 300px;
	height: 24px;
	background: url(../images/top_img/cate_under.gif) no-repeat bottom;
}

/*住む情報*/
.livetopics {
	width: 300px;
	background: url(../images/top_img/cate_side.gif) repeat-y;
}

.livetopics1 a {
	width: 290px;
	height: 20px;
	background: url(../images/top_img/cate_live.gif) no-repeat top;
	text-align: right;
	padding: 40px 10px 0px 0px;
	display: block;
	font-size: 0.8em;
	color: #003399;
	text-decoration: none;
}

.livetopics1 a:hover {
	color: #FFCC00;
}

.livetopics2 a {
	width: 255px;
	margin: 0px 10px 0px 15px;
	padding: 3px 0px 3px 20px;
	background: url(../images/base_img/a.gif) no-repeat left center;
	border-top: 1px dotted #999999;
	display: block;
	font-size: 0.8em;
	color: #003399;
	text-decoration: none;
}

.livetopics2 a:hover {
	color: #FFCC00;
}

.livetopics3 {
	width: 300px;
	height: 24px;
	background: url(../images/top_img/cate_under.gif) no-repeat bottom;
}

/*生活、働く、学ぶ、住む情報の共通*/
.nodata{
	width: 255px;
	margin: 0px 10px 0px 15px;
	padding: 3px 0px;
	border-top: 1px dotted #999999;
	font-size: 0.8em;
	color: #444444;
}



/*===========================================================
4.サイドメニュー
=============================================================*/

.topside {
	width: 180px;
	padding: 10px 10px 20px 0px;
	margin: 0px;
	float: right;
}

/*ふるさとぐんまとは*/
.furusatomenu {
	width: 180px;
	background: url(../images/base_img/side02.gif) repeat-y;
}

.furusatomenu02 {
	width: 180px;
	background: url(../images/base_img/side03.gif) repeat-y;
}


.furusatomenu ul, .furusatomenu li , .furusatomenu02 ul, .furusatomenu02 li{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.furusatomenu li a , .furusatomenu02 li a {
	width: 150px;
	padding: 8px 0px 8px 30px;
	border-bottom: 1px solid #CCCCCC;
	background: url(../images/base_img/a.gif) no-repeat 10px center;
	display: block;
	font-size: 0.8em;
	color: #003399;
	text-decoration: none;
	vertical-align: text-bottom;
}

.furusatomenu li a:hover , .furusatomenu02 li a:hover{
	color: #FFCC00;
}

.furusatomenu img {
	vertical-align: text-bottom;
}

.about {
	width: 180px;
	height: 45px;
	background: url(../images/base_img/about.gif) no-repeat top;
}

.jyoho {
	width: 180px;
	height: 65px;
	background: url(../images/base_img/jyoho.gif) no-repeat top;
}

.kukuri {
	width: 180px;
	background: url(../images/base_img/kukuri.gif) no-repeat top;
	height: 10px;
}



/*バナー広告*/
.banner {
	width: 180px;
}

.banner ul, .banner li {
	margin: 8px 0px 0px;
	padding: 0px;
	list-style: none;
}



/*===========================================================
5.文字サイズ変更
=============================================================*/

.fontsize {
	width: 30px;
	float: right;
	margin: 0px;
	padding: 0px;
}

.fontsize ul , .fontsize li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	
.large a {
	width: 30px;
	height: 95px;
	background: url(../images/base_img/fontsize01.gif) no-repeat;
	display: block;
	text-indent: -9999px;
}

.middle a {
	width: 30px;
	height: 95px;
	background: url(../images/base_img/fontsize02.gif) no-repeat;
	display: block;
	text-indent: -9999px;
}

.small a {
	width: 30px;
	height: 95px;
	background: url(../images/base_img/fontsize03.gif) no-repeat;
	display: block;
	text-indent: -9999px;
}

.large a:hover {
	background: url(../images/base_img/fontsize01_o.gif) no-repeat;
}

.middle a:hover {
	background: url(../images/base_img/fontsize02_o.gif) no-repeat;
}

.small a:hover {
	background: url(../images/base_img/fontsize03_o.gif) no-repeat;
}


/*===========================================================
6.フッター
=============================================================*/

.footer {
	width: 800px;
	height: 40px;
	margin: 0px 30px;
	background: url(../images/base_img/mail02.gif) repeat-x;
}


/*お問い合わせ*/
.mail {
	width: 115px;
	height: 40px;
	background: url(../images/base_img/mail01.gif) no-repeat;
	float: left;
	margin: 0px 0px 0px 10px;
}

.mail a {
	width: 115px;
	height: 40px;
	text-indent: -9999px;
	display: block;
}
.mail a:hover {
	background: url(../images/base_img/mail01_o.gif) no-repeat;
}

.mail p {
	display: none;
}


/*プライバシーポリシー、サイトマップ、リンク集*/
.footermenu {
	width: 660px;
	height: 30px;
	float: right;
	padding: 10px 0px 0px;
}


.footermenu ul, .footermenu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.footermenu li {
	float: right;
}

.footermenu li a {
	font-size: 0.8em;
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 10px;
}

.footermenu li a:hover {
	color: #FFCC00;
}


/*著作権*/
.copyright {
	width: 790px;
	height: 60px;
	padding: 0px 40px 0px 30px;
	background: url(../images/base_img/under.gif) no-repeat center top;
	text-align: right;
}

/* JavaScript無効時の文字 */
.noscript {
	width: 860px;
	text-align: center;
	margin: 0px auto;
}