@charset "utf-8";

body {
	margin: 0px;
	padding: 0px;
	border: 0; /* 旧IE対応 */
	text-align: center;
	min-width: 960px; /* 可変ブラウザの最小 */
	background: #FFFFFF;
}

#container {
	width: 100%;
	height: auto;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	float: left;
}

h2 {
	margin: 0px;
	padding: 0px;
}

/* リンク色を隠す */
.img_b {
	vertical-align: top;
	border: none;
}

/* 隠す */
.hide {
	position: absolute;
	left: -100em;
	top: -100em;
}
.hide2 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

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


/* ヘッダーここから */
#header {
	float: left;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
	text-align: center;
	position: absolute;
	z-index: 1;
}
#header2 {
	width: 960px;
	clear: left;
	padding: 0px;
	height: 320px;
	margin: auto;
	text-align: left;
	line-height: 1.0;
}
#he_left {
	float: left;
	margin: 0px -210px 0px 0px;
	padding: 0px;
	width: 210px;
	height: 101px;
	z-index: 4;
	position: relative;
}
#he_left h1 {
	margin: 4px 0px 0px 5px;
	padding: 0px;
}
.header_nav {
	clear: both;
/*	float: right;*/
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.header_nav ul {
	margin: 0px;
	padding: 0px;
}
.header_nav2 ul {
	margin: 0px;
	padding: 6px 0px 0px;
	float: right;
}
li.gyou2 {
	display: inline;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	list-style-type: none;
}
li.gyou3 {
	display: inline;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	letter-spacing: -3px;
}
li.gyou3_2 {
	display: inline;
	margin: 0px;
	padding: 0px 0px 0px 8px;
	list-style-type: none;
}
#he_right {
	margin: 0px -210px 0px 0px;
	padding: 0px;
	float: left;
	text-align: right;
	height: auto;
	width: 100%;
}
#he_right_a {
	margin: 0px 0px 0px 210px;
	padding: 0px;
	overflow: hidden;
}
/* ヘッダーここまで */


/* Flashここから */
#flash {
	background: url("/img/flash.jpg") no-repeat center top; /* ※一時的に背景を設定 */
	clear: left;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 395px;
	position: absolute;
	z-index: 0;
}
#flashswf {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 395px;
}
/* Flashここまで */


/* 3カラム */
#mymainbackWrap {
	clear: both;
	margin-top: 400px;
	background: url("/img/top_back1.gif");
	width: 100%;
	text-align: center;
/*	overflow: hidden;*/
}
#mymainback {
	line-height: 1.4;
	width: 960px;
	clear: left;
	padding: 0px;
	height: auto;
	margin: 0 auto;
	text-align: left;
}


/* 両サイドのカラム */
#sidebar1 {
	float: left;
	width: 200px;
	margin: 20px -200px 20px 0;
	position: relative;
	z-index: 3;
}
#sidebar2 {
	float: left;
	width: 200px;
	margin: 20px -200px 20px 0;
	position: relative;
	z-index: 3;
}


/* 両サイドの画像用 */
.menu_list_e2 {
	width: 200px;
	margin: 0px;
	padding: 0px;
}
.menu_list_e2 ul {
	margin: 0px;
	padding: 0px;
}
.menu_list_e2 li {
	width: 200px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	list-style-type: none;
}


/* 左メニュー */
.sidebar1_box1 {
	width: 200px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 90%;
}
.sidebar1_box2 {
	width: 200px;
	margin: 0px;
	padding: 0px;
}
.sidebar1_box2 h2 {
	width: 100%;
	height: 33px;
	margin: 0px;
	padding: 0px;
}
h2.tit_cityoffice {
	background: url("/img/tit_cityoffice.gif") no-repeat;
}
h2.tit_intro {
	background: url("/img/tit_intro.gif") no-repeat;
}
h2.tit_population {
	background: url("/img/tit_population.gif") no-repeat;
}
.sidebar1_box3 {
	width: 200px;
	margin: 0px;
	padding: 0px 0px 12px;
	background: url("/img/sidebar1_box3_back.gif") no-repeat center bottom;
}
.sidebar1_box3 ul {
	margin: 0px 10px 0px 14px;
	padding: 8px 0px 0px;
}
.sidebar1_box3 li {
	list-style-type: none;
	list-style-position: outside;
	margin: 0.2em 0 0.2em 0;
	padding: 0px;
}
.sidebar1_box3 li strong {
	font-size: 130%;
	padding-left: 14px;
	background: url("/img/icon_migi2.gif") no-repeat 0 0.3em;
}
.sidebar1_box3 h3 {
	width: 170px;
	height: 24px;
	margin: 0px 0px 10px;
	padding: 0px;
}
h3.tit_cityoffice1 {
	background: url("/img/tit_cityoffice1.gif") no-repeat;
}
h3.tit_cityoffice2 {
	background: url("/img/tit_cityoffice2.gif") no-repeat;
}
h3.tit_cityoffice3 {
	background: url("/img/tit_cityoffice3.gif") no-repeat;
}


/* 飯田市の人口 */
.population {
	padding: 10px 0px 12px;
}
.population table {
	width: 90%;
	_width: 100%;
	margin: 0 5%;
	_margin: 0;
}
.population table th {
	padding: 0.2em 0.1em;
	font-weight: normal;
	text-align: right;
	word-wrap: break-word;
	font-size: 90%;
}
.population table td {
	padding: 0.2em 0.1em;
	word-wrap: break-word;
	font-size: 90%;
}
.population table td.cal_date {
	color: #666666;
	font-style: italic;
	text-align: right;
}


/* アイコン付きリンク */
a.ico {
	background: url("/img/icon_migi1.gif") no-repeat 0 0.3em;
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 0px 12px;
}


/* キャラクター背景 */
.chara_poo {}
.chara_toyama {}
.chara_yui {}

/* 本文関連 */
#main {
	width: 100%;
	float: left;
	text-align: left;
	margin-top: 20px;
	margin-right: -200px;
	padding: 0px;
	position: relative;
	z-index: 1;
}
#main_a {
	margin-right: 200px;
	margin-left: 200px;
	padding: 0px 20px 20px 20px;
}


/* 本文の各ブロック */
.main_box {
	width: 100%;
	clear: both;
	padding: 0px;
	margin: 0px 0px 6px;
	overflow: hidden;
}
.main_box_important {
	width: 100%;
	clear: both;
	padding: 0px;
	margin: 0px 0px 6px;
	overflow: hidden;
}


/* 一覧を見るのアイコン */
.tit_list {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: right;
	clear: both;
}
.tit_list a {
	background: url("/img/icon_migi1.gif") no-repeat left center;
	margin: 0px;
	padding: 0px 4px 0px 14px;
}


/* RSSのアイコン */
#main .text_g4 {
	float: right;
	display: block;
	text-align: right;
	margin: 0px 0px 0px;
	padding: 13px 14px 0px 0px;
}


/* 重要なお知らせ */
#main .h2_a {
	background: url("/img/h2_a_back.gif") no-repeat right top;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
#tit_important {
	float: left;
	width: 260px;
	height: 43px;
	margin: 0px;
	padding: 0px;
}
#tit_important h2 {
	background: url("/img/tit_important.gif") no-repeat;
	margin: 0px;
	padding: 0px;
	width: 260px;
	height: 43px;
}
.list_top_impo {
	clear: both;
	margin: 0;
	padding: 0 0 16px;
	background: url("/img/list_top_impo.gif") no-repeat center bottom;
}
.list_top_impo ul {
	margin: 0;
	padding: 12px 16px 0 40px;
	list-style-position: outside;
}
.list_top_impo ul li {
	clear: both;
	list-style: none outside url("/img/icon_impo.gif");
	margin: 0.4em 0;
	padding: 0;
}
.list_top_impo .tit_list a {
	margin: 0px 16px 0px 0px;
}


/* 早引きメニュー */
#kurashi {
	width: 100%;
	margin: 0 0 6px;
	background: url("/img/kurashi_h2_back.gif") no-repeat right top;
	overflow: hidden;
}
#kurashi h2 {
	float: left;
	background: url("/img/tit_kurashi.gif") no-repeat;
	margin: 0px;
	padding: 0px;
	width: 260px;
	height: 43px;
}
#kurashi ul {
	clear: both;
	float: left;
	padding: 10px 0px 20px 22px;
	margin: 0px;
	list-style-type: none;
	background: url("/img/list_top.gif") no-repeat center bottom;
	width: auto;
	*width: 498px;
	_width: 100%;
}
#kurashi li {
	float: left;
	width: 115px;
	height: 55px;
	margin: 0px 6px 6px 0px;
	padding: 0;
}


/* トピックス */
#main .h2_b {
	background: url("/img/h2_b_back.gif") no-repeat right top;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
#tit_topics {
	float: left;
	width: 260px;
	height: 43px;
	margin: 0px;
	padding: 0px;
}
#tit_topics h2 {
	background: url("/img/tit_topics.gif") no-repeat;
	margin: 0px;
	padding: 0px;
	width: 260px;
	height: 43px;
}
#lettering {
	float: left;
	height: auto;
	margin: 0 3% 0 4%;
	_margin: 0;
	padding: 0 0 16px;
	_padding: 0 3% 16px 4%;
/*	width: 93%;*/
	overflow: hidden;
	display: block;
}
#lettering2 {
	float: left;
	margin-right: -148px;
	margin-top: 12px;
	padding: 0;
	position: relative;
	width: 148px;
	z-index: 3;
}
.captionbox {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	float: left;
	padding: 3px;
}
#lettering3 {
	float: left;
	margin-right: -148px;
	margin-top: 12px;
	padding: 0;
	position: relative;
	text-align: left;
	width: 100%;
	z-index: 1;
}
#lettering_a {
	margin-left: 160px;
}
#lettering_a h3 {
	margin: 0;
	padding: 0 0 0.5em 0;
}


/* キーワード */
#main .h2_c {
	background: url("/img/h2_c_back.gif") no-repeat right top;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
#tit_keyword {
	float: left;
	width: 260px;
	height: 43px;
	margin: 0px;
	padding: 0px;
}
#tit_keyword h2 {
	background: url("/img/tit_keyword.gif") no-repeat;
	margin: 0px;
	padding: 0px;
	width: 260px;
	height: 43px;
}
.list_top_keyword {
	clear: both;
	margin: 0;
	padding: 0;
	_padding: 0 0 20px;
	background: url("/img/list_top.gif") no-repeat center bottom;
	width: 100%;
	overflow: hidden;
}
.list_top_keyword ul {
	margin: 12px 10px 18px 16px;
	padding: 0px;
	overflow: hidden;
}
.list_top_keyword li {
	float: left;
	margin: 0px 8px 0px -1px;
	padding: 0px 0px 0px 8px;
	list-style-type: none;
	background: url("/img/navi_line.gif") no-repeat left center;
	white-space: nowrap;
}


/* 新着更新情報 */
#main .h2_d {
	background: url("/img/h2_d_back.gif") no-repeat right top;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
#tit_news {
	float: left;
	width: 448px;
	height: 43px;
	margin: 0px;
	padding: 0px;
}
#tit_news h2 {
	background: url("/img/tit_news.gif") no-repeat;
	margin: 0px;
	padding: 0px;
	width: 448px;
	height: 43px;
}
#tit_news h2 a {
	display: block;
	width: 448px;
	height: 43px;
}


/* よくある質問・アクセスランキング */
ul.tabNavi {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: 43px;
}
ul.tabNavi li {
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
}
ul.tabNavi .list_faq {
	position: absolute;
	z-index: 10;
	left: 202px;
	top: 14px;
}
ul.tabNavi .list_rank {
	position: absolute;
	z-index: 10;
	left: 196px;
	top: 14px;
}


/* 年月日付リスト */
.list_top,
.list_top_topics {
	clear: both;
	margin: 0;
	padding: 0;
	background: url("/img/list_top.gif") no-repeat center bottom;
	width: 100%;
	overflow: hidden;
}
.list_top ul,
.list_top_topics ul {
	margin: 0;
	padding: 12px 16px 22px 40px;
}
.list_top ul li,
.list_top_topics ul li {
	clear: both;
	list-style: none outside url("/img/icon_migi1.gif");
	margin: 0.3em 0;
	padding: 0;
}

.list_top p.no_data,
.list_top_topics p.no_data {
	margin: 0;
	padding: 12px 16px 18px 20px;
}


/* 右メニュー */
.sidebar2_box1 {
	width: 200px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 90%;
}
.sidebar2_box2 {
	width: 200px;
	margin: 0px;
	padding: 0px;
}
.sidebar2_box2 h2 {
	width: 100%;
	height: 33px;
	margin: 0px;
	padding: 0px;
}
h2.tit_special {
	background: url("/img/tit_special.gif") no-repeat;
	position: relative;
}
h2.tit_special a {
	display: block;
	position: absolute;
	right: 9px;
	top: 7px;
}
h2.tit_koho {
	background: url("/img/tit_koho.gif") no-repeat;
}
h2.tit_pressrelease {
	background: url("/img/tit_pressrelease.gif") no-repeat;
}
h2.tit_pressrelease a{
	display: block;
	height: 33px;
}
h2.tit_feedback {
	background: url("/img/tit_feedback.gif") no-repeat;
}
h2.tit_service {
	background: url("/img/tit_service.gif") no-repeat;
}
.sidebar2_box3 {
	width: 200px;
	margin: 0px;
	padding: 0px 0px 12px;
	background: url("/img/sidebar1_box3_back.gif") no-repeat center bottom;
}
.sidebar2_box3 ul {
	margin: 0px 10px 0px 14px;
	padding: 8px 0px 0px;
}
.sidebar2_box3 li {
	list-style-type: none;
	list-style-position: outside;
	margin: 0.2em 0 0.2em 0;
	padding: 0px;
}


/* スペシャルサイト */
.special_puppet a {
	display: block;
	padding: 12px 10px 0 95px;
	background: url("/img/special_puppet.gif") no-repeat 15px 12px;
	min-height: 68px;
	height: auto !important;
	_height: 80px;
}
.special_working a {
	display: block;
	padding: 12px 10px 0 95px;
	background: url("/img/special_working.gif") no-repeat 15px 12px;
	min-height: 68px;
	height: auto !important;
	_height: 80px;
}
.special_linear a {
	display: block;
	padding: 12px 10px 0 95px;
	background: url("/img/special_linear.gif") no-repeat 15px 12px;
	min-height: 68px;
	height: auto !important;
	_height: 80px;
}
.special_sports a {
	display: block;
	padding: 12px 10px 0 95px;
	background: url("/img/special_sports.gif") no-repeat 15px 12px;
	min-height: 68px;
	height: auto !important;
	_height: 80px;
}


/* 広報いいだ */
.koho {
	padding: 12px 12px 0px;
}
.koho .koho_img {
	float: left;
	border: 1px #CCCCCC solid;
	padding: 3px;
	margin: 0 8px 8px 0;
}
.koho .text_d {
	clear: both;
	background: url("/img/icon_list.gif") no-repeat left center;
	margin: 0px;
	padding: 0px 0px 0px 18px;
}


/* フッターここから */
#footer {
	clear: both;
	float: left;
	width: 100%;
	min-width:960px;
	width: expression(document.body.clientWidth < 962? "960px" : "auto");
	margin: 0;
	padding: 0;
	height: auto;
	text-align: center;
}
*html #footer {
	width: 100% !important;
}

#author_info {
	clear: both;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
}

.footer_navi {
	margin: 0px;
	padding: 10px 0px;
	background: #000000;
}
.footer_navi ul {
	width: 960px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}
.footer_navi li {
	display: inline;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 0px 16px;
	list-style-type: none;
	background: url("/img/icon_migi3.gif") no-repeat left center;
}
.footer_navi a:link {
	text-decoration: underline;
	color: #FFFFFF;
}
.footer_navi a:visited {
	text-decoration: underline;
	color: #FFFFFF;
}
.footer_navi a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
.footer_navi a:active {
	text-decoration: underline;
	color: #FFFFFF;
}

#author_box {
	width: 960px;
	margin: 1px auto 0px;
	padding: 25px 0px 15px;
	text-align: left;
	line-height: 1.5;
	background: url("/img/author_box.gif") no-repeat right 10px;
	color: #555555;
	position: relative;
}
#author_box a:link {
	text-decoration: underline;
	color: #555555;
}
#author_box a:visited {
	text-decoration: underline;
	color: #555555;
}
#author_box a:hover {
	text-decoration: underline;
	color: #FF4500;
}
#author_box a:active {
	text-decoration: underline;
	color: #555555;
}
#author_box p {
	margin: 0px 500px 0px 0px;
	padding: 0px 0px 0px 140px;
	background: url("/img/logo_author.gif") no-repeat;
	min-height: 75px;
	height: auto !important;
	_height: 75px;
}
#author_box a.ico2 {
	margin: 0px 1em 0px 0px;
	padding: 0px 0px 0px 16px;
	background: url("/img/icon_migi2.gif") no-repeat left center;
}

.characters {
	position: absolute;
	right: 1px;
	top: 10px;
	z-index: 10;
}
.characters a {
	display: block;
	float: left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.characters a.yurukyara01, .characters a.yurukyara02, .characters a.yurukyara03, .characters a.yurukyara04 {
	width: 127px;
	height: 142px;
}

#copyright {
	font-size: 90%;
	margin: 0px 500px 0px 16px;
	padding: 30px 0px 0px;
	color: #666666;
}
/* フッターここまで */

#container{
	position:absolute;
	top:0;
	left:0;
}

#header, #header2{
	height:100px;
}

#top_search{
	top:220px;
}