@charset "Shift_JIS";

#container {
	margin: 0 auto;
	width: 800px;
	position relative;
}

/*ヘッダ*/
#header {
	height: 309px;
	background: url(../images/index/header.gif) 0 0 no-repeat;
	position: relative;
}

#header h1 {
	width: 380px;
	height: 105px;
	background: url(../images/index/logo.gif) 0 0 no-repeat;
	text-indent: -9999px;
}

#menu {
	height: 39px;
	background: url(../images/index/menu_bg.gif) 0 0 no-repeat;
}
#menu li {
	height: 36px;
	float: left;
}
#menu li a {
	width: 100%;
	height: 100%;
	background: 0 0 no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	display: block;
}
#menu li.sena { width: 92px; }
#menu li.about { width: 141px; }
#menu li.event { width: 141px; }
#menu li.vision { width: 228px; }
#menu li.link { width: 96px; }
#menu li.sena a { background-image: url(../images/index/menu01.gif); }
#menu li.about a { background-image: url(../images/index/menu02.gif); }
#menu li.event a { background-image: url(../images/index/menu03.gif); }
#menu li.vision a { background-image: url(../images/index/menu04.gif); }
#menu li.link a { background-image: url(../images/index/menu05.gif); }

#supernote-note-menu01 { left: 0px; }
#supernote-note-menu02 { left: 92px; }
#supernote-note-menu04 { left: 374px; }
#supernote-note-menu05 { left: 602px; }
#supernote-note-menu06 { left: 234px; }
ul.notedefault {
	padding: 5px;
	width: 141px;
	border: 1px solid #c4c4c4;
	background-color: #ffffff;
	position: absolute;
	visibility: hidden;
	top: 35px;
}
ul.notedefault a {
	width: 100%;
	height: 100%;
	display: block;
}

ul.trlink {
	font-size: 90%;
	position: absolute;
	top: 80px;
	right: 99px;
}
ul.trlink li { float: left; }

div.facebooklink {
	position: absolute;
	top: 15px;
	right: 160px;
}

div.fontsize {
	position: absolute;
	top: 20px;
	right: 15px;
}
div.fontsize p {
	padding-right: 7px;
	float: left;
}
div.fontsize a {
	width: 20px;
	height: 20px;
	background: 0 0 no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	display: block;
	float: left;
}
div.fontsize a.s { background-image: url(../images/font_s.gif); }
div.fontsize a.m { background-image: url(../images/font_m.gif); }
div.fontsize a.l { background-image: url(../images/font_l.gif); }

#header div.topimg {
	height: 165px;
	background: url(../images/index/topimg.jpg) 0 0 no-repeat;
}
#header div.topimg p { display: none; }

/*メイン*/
#main {
	padding: 13px 0;
	background: #ffffff url(../images/index/main_bg.gif) 0 0 no-repeat;
}
#main div.left_area {
	padding-left: 17px;
	width: 440px;
	float: left;
}
#main div.right_area {
	padding: 10px 0 0 8px;
	width: 327px;
	float: left;
}
#main div.bottom_area {
	background: #ffffff;
}




/*新着*/
#main .new { padding-bottom: 13px; position: relative; }
#main .new h2 {
	height: 30px;
	background: url(../images/index/new_title.gif) 0 0 no-repeat;
	text-indent: -9999px;
	margin-bottom: 5px;
}
#main .new .inner {
	width: 438px;
	height: 610px;
	overflow: auto;
}
#main .new table { width: 415px;}
#main .new th {
	padding: 8px 0 0 30px;
	background: url(../images/index/new_arrow.gif) 15px 13px no-repeat;
	font-weight: bold;
}
#main .new th span {
	padding-right: 53px;
	display: block;
	float: left;
}
#main .new th.info span { background: url(../images/index/new_info.gif) right 0 no-repeat; }
#main .new th.others span { background: url(../images/index/new_others.gif) right 0 no-repeat; }
#main .new th.events span { background: url(../images/index/new_event.gif) right 0 no-repeat; }
#main .new td {
	padding: 0 0 7px 30px;
	border-bottom: 1px dotted #b3b3b3;
}
#main .new a.list {
	width: 440px;
	height: 30px;
	font-size: 1px;
	text-indent: -9999px;
	position: absolute;
	top: 0px;
	left: 0px;
}

/*イベント情報*/
#main .event { padding-bottom: 13px; position: relative; display: none; }
#main .event h2 {
	height: 30px;
	background: url(../images/index/topics_title.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
#main .event table { margin-left: 10px; width: 428px; }
#main .event th {
	padding: 6px 0 0 27px;
	height: 26px;
	background: url(../images/index/event_arrow.gif) 8px 13px no-repeat;
	font-weight: bold;
}
#main .event td { border-bottom: 1px dotted #b3b3b3; }
#main .event td.text {
	padding-left: 27px;
	height: 26px;
	vertical-align: top;
}
#main .event td.thumb { padding: 7px; width: 28px; display: none; }
#main .event td img { border: 1px solid #b3b3b3; }
#main .event a.list {
	width: 440px;
	height: 30px;
	font-size: 1px;
	text-indent: -9999px;
	position: absolute;
	top: 0px;
	left: 0px;
}

/*取組*/
#main .torikumi { position: relative; }
#main .torikumi h2 {
	height: 66px;
	background: url(../images/index/torikumi_title.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
#main .torikumi a.pdf {
	padding-left: 22px;
	height: 16px;
	background: url(../images/index/torikumi_pdf.gif) 0 0 no-repeat;
	text-decoration: none;
	display: block;
	float: left;
	position: absolute;
	top: 63px;
	left: 69px;
}
#main .torikumi table {
	margin-left: 5px;
	width: 309px;
}
#main .torikumi td {
	padding-left: 25px;
	padding-bottom: 10px;
	background: 0 0 no-repeat;
	vertical-align: top;
}
#main .torikumi td.michi { background-image: url(../images/index/torikumi01.gif); }
#main .torikumi td.waza { background-image: url(../images/index/torikumi02.gif); }
#main .torikumi td.fudo { background-image: url(../images/index/torikumi03.gif); }
#main .torikumi td.yama { background-image: url(../images/index/torikumi04.gif); }
#main .torikumi td.jyu { background-image: url(../images/index/torikumi05.gif); }
#main .torikumi td p {
	padding: 8px 0;
}
#main .torikumi td p a {
	height: 20px;
	font-size: 1px;
	text-indent: -9999px;
	display: block;
}
.jirei {
	font-size: 110%;
	line-height: 150%;
}
#main .torikumi td .jirei a {
	padding-left: 14px;
	background: 0 5px no-repeat;
	display: block;
}
#main .torikumi td.michi .jirei a { background-image: url(../images/index/torikumi01_arrow.gif); }
#main .torikumi td.waza .jirei a { background-image: url(../images/index/torikumi02_arrow.gif); }
#main .torikumi td.fudo .jirei a { background-image: url(../images/index/torikumi03_arrow.gif); }
#main .torikumi td.yama .jirei a { background-image: url(../images/index/torikumi04_arrow.gif); }
#main .torikumi td.jyu .jirei a { background-image: url(../images/index/torikumi05_arrow.gif); }

/*三遠南信大学紹介*/
#main .university a {
	margin: 8px auto;
	width: 308px;
	height: 72px;
	background: url(../images/index/banner/university.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
}

/*三遠南信エリア情報*/
#main .areainfo a {
	margin: 8px auto;
	width: 308px;
	height: 72px;
	background: url(../images/index/banner/areainfo.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
}

/*三遠南信特産品GUIDE*/
#main .sena-tokusanhin a {
	margin: 8px auto;
	width: 308px;
	height: 72px;
	background: url(../images/index/banner/sena-tokusanhin.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
}

/*三遠南信オープンデータ*/
#main .open-data a {
	margin: 8px auto;
	width: 308px;
	height: 72px;
	background: url(../images/index/banner/sena-open-data.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
}


/*今月の三遠南信おすすめ情報*/
#main .recommend a {
	margin: 8px auto;
	width: 308px;
	height: 40px;
	background: url(../images/index/banner/recommend.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
}

/*地域資源データベース*/
#main .chiikishigen {
}
#main .chiikishigen a {
	margin: 8px auto;
	width: 308px;
	height: 40px;
	background: url(../images/index/bana_shigen.gif) 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
}

/*リンク*/
#main .link { padding-bottom: 3px; }
#main .link h2 {
	width: 133px;
	height: 20px;
	background: url(../images/index/link_title.gif) 0 0 no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	float: left;
}
#main .link ul li {
	padding: 0 29px 0 16px;
	background: url(../images/index/link_arrow.gif) 0 4px no-repeat;
	float: left;
}

/*バナー*/
#main .banner { padding-left: 18px; }
#main .banner img { margin: 6px 5px 0 0; }
#main .banner_sp { padding-top: 10px; }

/*フッタ*/
#footer {
	height: 101px;
	background: #DADCC1;
	position: relative;
}

#footer .address {
	font-size: 90%;
	line-height: 180%;
	position: absolute;
	top: 13px;
	left: 18px;
}
#footer .address span { font-size: 120%; }

#footer .copyright {
	font-size: 90%;
	position: absolute;
	top: 13px;
	left: 580px;
}