@charset "UTF-8";

/* -----------------------------
トップページ用css（index.css）
----------------------------- */



/* #MainContents
----------------------------- */
#MainContents { float: left; width: 720px !important; margin: 0 !important; padding: 0 0 0 5px !important;}
#MainContents #IndexImage { margin: 0 0 10px 0; padding: 0;}
#MainContents #IndexContents { float: right; width: 492px;}

/* 新着 */
#IndexContents #NewEntry { width: 486px; margin: 0 2px;}
#IndexContents #NewEntry h2 {
	width: 486px; height: 34px;
	margin-bottom: 8px;
	padding: 0;
	line-height: 1;
	text-indent: -9999px;
	overflow: hidden;
}
#IndexContents #NewEntry h2#bousai { background: url(../../img/h_bousai.gif) no-repeat left top;}
#IndexContents #NewEntry h2#look { margin-top: 30px; background: url(../../img/h_look.gif) no-repeat left top;}
#IndexContents #NewEntry h2#news { margin-top: 30px; background: url(../../img/h_news.gif) no-repeat left top;}
#IndexContents #NewEntry h2#update { margin-top: 30px; background: url(../../img/h_update.gif) no-repeat left top;}
#IndexContents #NewEntry .allEntry { position: relative; margin: 0; padding: 0;}
#IndexContents #NewEntry .allEntry span { position: absolute; top: -35px; right: 15px;}
#IndexContents #NewEntry .allEntry a {
	padding-left: 10px;
	background: url(../img/arrow_black.gif) no-repeat left center;
	font-size: 12px;
	text-decoration: none;
}
#IndexContents #NewEntry .allEntry a.rss { padding-left: 0; background: none;}

#IndexContents #NewEntry dl { margin-left: 10px; margin-right: 10px;}
#IndexContents #NewEntry ul {
	clear: both;
	list-style-type: none;
	margin: 10px 0 0 0; padding: 5px 0 0 0;
	background: url(../img/line_dot.gif) repeat-x left top;
	text-align: right;
}
#IndexContents #NewEntry li { display: inline; padding-right: 1em; padding-left: 0.5em;}
#IndexContents #NewEntry li a { padding-left: 10px; background: url(../img/arrow_black.gif) no-repeat left center;}

/* 更新履歴・アクセスランキング */
#IndexContents #NewEntry ul.link { padding: 8px 0 0 0;}
#IndexContents #NewEntry ul.link li { display: inline; padding-right: 0; padding-left: 8px;}
#IndexContents #NewEntry ul.link li img { vertical-align: top;}
#IndexContents #NewEntry ul.link li a { padding-left: 0; background: none;}

#IndexContents .history { max-height: 9em; overflow: auto; overflow-x: hidden;}
*:first-child+html #IndexContents .history { max-height: 9.4em;}
* html #IndexContents .history {height:9.4em;}

/* 暮らしの情報 */
#IndexContents #kurashi { margin-top: 30px;}
#IndexContents #kurashi h2 {
	width: 492px; height: 32px;
	margin-bottom: 8px;
	padding: 0;
	background: url(../../img/h_kurashi.gif) no-repeat left top;
	line-height: 1;
	text-indent: -9999px;
	overflow: hidden;
}
#IndexContents #kurashi .column { float: left; width: 146px; padding-left: 13px;}
#IndexContents #kurashi h3 { margin: 0; padding: 5px; background: #cce7ff url(../../img/bg_kurashi.gif) repeat-x left bottom; border: none; font-size: 100%; line-height: 1.2;}
#IndexContents #kurashi h3.clr { margin: 0 13px;}
#IndexContents #kurashi h3 a:link { color: #0000ff;}
#IndexContents #kurashi h3 a:visited { color: #800080}
#IndexContents #kurashi h3 a:hover,
#IndexContents #kurashi h3 a:focus { color: #ff007e;}
#IndexContents #kurashi h3 a:active { color: #ff007e;}

#IndexContents #kurashi ul { list-style-type: none; margin-left: 8px; margin-bottom: 10px; padding-left: 0;}
#IndexContents #kurashi ul li { margin-left: 0; padding-left: 10px; background: url(../img/arrow_black.gif) no-repeat left 0.5em;}




/* #SubMenu
----------------------------- */
#SubMenu { width: 220px;}
#SubMenu #SubMenu_intro,
#SubMenu #SubMenu_download {
	margin-bottom: 15px; padding: 8px 5px;
	background: #cce7ff url(../../img/bg_leftmenu.gif) repeat-x left top;
}
#SubMenu #SubMenu_mobile,
#SubMenu #SubMenu_population {
	margin-top: 15px; margin-bottom: 15px; padding: 8px 5px;
	background: #f6f5f2 url(../../img/bg_leftmenu2.gif) repeat-x left top;
	border: 1px solid #dedede;
}
#SubMenu #SubMenu_intro h2,
#SubMenu #SubMenu_download h2,
#SubMenu #SubMenu_mobile h2,
#SubMenu #SubMenu_population h2 { width: 210px; height: 32px; margin: 0 0 8px 0; padding: 0; line-height: 1; text-indent: -9999px; overflow: hidden;}
#SubMenu #SubMenu_intro h2 { background: url(../../img/h_syoukai.gif) no-repeat left top;}
#SubMenu #SubMenu_download h2 { background: url(../../img/h_download.gif) no-repeat left top;}
#SubMenu #SubMenu_mobile h2 { background: url(../../img/h_mobile.gif) no-repeat left top;}
#SubMenu #SubMenu_population h2 { background: url(../../img/h_population.gif) no-repeat left top;}

#SubMenu ul { list-style-type: none; margin-left: 6px; margin-bottom: 10px; padding-left: 0;}
#SubMenu ul li { margin-left: 0; margin-bottom: 3px; padding-left: 10px; background: url(../img/arrow_blue.gif) no-repeat left 0.5em;}
#SubMenu ul li ul { list-style-type: disc; margin-left: 16px; margin-top: 2px; margin-bottom: 6px;}
#SubMenu ul li li { margin-bottom: 2px; padding-left: 0; background: none;}

#SubMenu ul.indexmenu { list-style-type: none; margin-left: 9px; padding-left: 0;}
#SubMenu ul.indexmenu li { margin: 0 0 2px 0; padding: 0; background: url(../../img/bg_leftmenu3.gif) no-repeat left top; border: 1px solid #fff;}
#SubMenu ul.indexmenu li a { display: block; padding: 3px 10px 3px 5px;}

#SubMenu ul.banner { list-style-type: none; margin: 0; padding: 0;}
#SubMenu ul.banner li { list-style-type: none; margin: 0; padding: 0; background: none;}
#SubMenu ul.banner img { vertical-align: top; margin-bottom: 2px;}

#SubMenu_population table { width: 208px;}
#SubMenu_population th,
#SubMenu_population td { font-size: 93%; text-align: center;}




/* #SubContents 
----------------------------- */
#SubContents { float: right; width: 210px; margin: 0; padding: 0 5px 0 0; font-size: 93%;}
#SubContents ul { list-style-type: none; margin: 0; padding: 0;}
#SubContents ul img { vertical-align: top; margin-bottom: 2px;}


/* 行事 */
#SubContents #SubContents_event { margin-bottom: 10px; padding: 4px; background-color: #f6f5f2; border: 1px solid #c8c8c8;}
#SubContents #SubContents_event h2 { display: none; visibility: hidden;}
#SubContents #SubContents_event dl,
#SubContents #SubContents_event dt { margin: 0; padding: 0;}
#SubContents #SubContents_event dd { margin: 10px 0 6px 0; padding: 0 3px;}



/* カレンダー */
#SubContents table {
	width: 210px;
	margin-bottom: 10px;
	border-color: #c8c8c8;
}
#SubContents caption {
	margin: 0; padding: 5px;
	border: 1px solid #c8c8c8;
	border-bottom: none;
	text-align: center;
	font-weight: bold;
	line-height: 1;
}
#SubContents .cal-sun { background-color: #ffe0e6;}
#SubContents .cal-weekday { background-color: #fff;}
#SubContents .cal-sat { background-color: #dcf4ff;}
#SubContents th { width: 14%; background-color: #dedede; border-color: #c8c8c8; font-size: 92%; padding: 2px;}
#SubContents th.cal-sun { width: 15%; background-color: #f8aec6;}
#SubContents th.cal-sat { width: 15%; background-color: #a5e0ff;}
#SubContents td { padding: 2px; border-color: #c8c8c8; font-family: Arial, Helvetica, sans-serif; font-size: 116%; text-align: center; line-height: 1.2;}

#SubContents td.act { background-color: #fffcc5; font-weight: bold; cursor:default;}
#SubContents td.today { background-color: #006bbd; color: #fff;}


/* こんなときは */
#SubContents #SubContents_konna { margin: 10px 0; padding: 2px 4px 8px 4px; background: url(../../img/bg_rightmenu.gif);}
#SubContents #SubContents_konna h2 {
	width: 202px; height: 38px;
	margin-bottom: 8px;
	background: url(../../img/h_konna.gif) no-repeat left top;
	line-height: 1;
	text-indent: -9999px;
	overflow: hidden;
}
#SubContents #SubContents_konna ul { list-style-type: none; margin-left: 6px; padding-left: 0;}
#SubContents #SubContents_konna ul li { margin-left: 0; margin-bottom: 3px; padding-left: 10px; background: url(../img/arrow_red.gif) no-repeat left 0.5em;}




/* #Footer 
----------------------------- */
#Footer { padding-top: 40px!important;}