@charset "UTF-8";

/* ------------------------------------------------------
 content.css
 （コンテンツ内項目設定用）

　目　次
	1.全体
	2.見出し
	3.段落
	4.リスト
	5.テーブル
	6.横罫線
	7.パンくずリスト
	8.「▲このページの先頭へ」部分 (Back To Top)
	9.トップページ
	10.下層ページ
	11.サイドナビ
------------------------------------------------------ */

/* ------------------------------------------------------
 1.全体
------------------------------------------------------ */
#content {
	line-height: 1.3;
}

/* ------------------------------------------------------
 2.見出し
------------------------------------------------------ */
#content h1 {
	clear: both;
	color: #000;
	font-size: 130%;
	font-weight: bold;
	margin: 0 0 15px;
	padding: 8px 5px 4px 28px;
	background: #E6E6E6 url(../images/base/content_h1_bg.png) no-repeat;
	border-top: 1px solid #CCC;
	border-bottom: 3px solid #B74C4C;
	line-height: 1.1;
}
#content h2 {
	clear: both;
	color: #000;
	font-size: 120%;
	font-weight: bold;
	margin: 15px 5px 10px;
	padding: 3px 5px 2px 18px;
	background: url(../images/base/content_h2_bg.gif) no-repeat 6px 5px;
	border-bottom: 2px solid #CCC;
	line-height: 1.2;
}
#content h3 {
	clear: both;
	color: #000;
	font-weight: bold;
	margin: 15px 8px 10px;
	padding: 3px 5px 3px 18px;
	background: url(../images/base/content_h3_bg.gif) no-repeat 6px 8px;
	border-bottom: 1px solid #BBB;
	line-height: 1.2;
}

/* ------------------------------------------------------
 3.段落
------------------------------------------------------ */
#content p {
	margin: 0 10px 1em;
}

/* -------- 右寄せ -------- */
#content p.alignright {
	text-align: right;
}
/* ------------------------------------------------------
 4.リスト
------------------------------------------------------ */
#content ul {
	margin: 10px 10px 20px 20px;
	list-style: none;
	line-height: 1.3;
}
#content ul li {
	padding: 0 0 10px 15px;
	background: url(../images/base/content_li_bg.png) no-repeat;
}
#content ol {
	margin: 10px 10px 20px 50px;
	line-height: 1.3;
}
#content ol li {
	margin: 0 0 10px;
}

/* ------------------------------------------------------
 5.テーブル
------------------------------------------------------ */
#content table {
	clear: both;
	margin: 0 10px 10px;
	border-collapse: collapse;
	border: 1px solid #AAA;
	border-spacing: 0;
	empty-cells: show;
	line-height: 1.1;
}
#content caption {
	color: #000;
	text-align: center;
	padding: 5px 5px 3px;
	font-weight: bold;
}
#content th {
	color: #000;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 7px;
	background: #F4F4F4;
	border: 1px solid #AAA;
}
#content td {
	text-align: left;
	vertical-align: middle;
	padding: 7px;
	border: 1px solid #AAA;
}
#content table p {
	margin: 0 0 5px;
}
/* -------- イベント情報 -------- */
#content table#event {
	width: 740px;
	margin: 30px auto 10px;
}
#content table#event th {
	width: 30%;
	font-weight: normal;
	background: #FFF;
}
#content table#event th.event-th {
	background: #E5E5E5;
	text-align: left;
}
#content table#event td {
	width: 70%;
}

/* -------- 広報おおた -------- */
#content table#kouhou {
	width: 740px;
	margin: 10px auto 10px;
}
#content table#kouhou .kouhou1 {
	width: 30px;
}
#content table#kouhou .kouhou3 {
	width: 100px;
}
#content table#kouhou .kouhou4 {
	width: 100px;
}

/* ------------------------------------------------------
 6.横罫線
------------------------------------------------------ */
#content hr {
	margin: 15px 5px;
}

/* ------------------------------------------------------
 7.パンくずリスト
------------------------------------------------------ */
#content p.crumbs {
	margin: 0 10px 10px;
	text-align: right;
	line-height: 1.2;
}

/* ------------------------------------------------------
 8.「▲このページの先頭へ」部分 (Back To Top)
------------------------------------------------------ */
#content p.btt {
	clear: both;
	margin: 0;
	padding: 20px 5px 0 0;
	text-align: right;
	line-height: 1.2;
}
/* ------------------------------------------------------
 9.トップページ
------------------------------------------------------ */
/* -------- サイト内検索 -------- */
div#search-box {
    margin: 0 0 1em;
    padding: 10px;
	vertical-align: middle;
	border: 1px solid #CCC;
	background: #FBFAF7;
	overflow: hidden;
	position: relative;
	zoom: 1;	
}
div#search-box #searchform-textarea {
	width: 64%;
	padding: 3px;
	margin: 0!important;
}
div#search-box input {
	vertical-align: middle;
	_float: left;
	*float: left;
}
div#search-box #searchform-btn {
	margin-right: 2px;
	_margin-left: 10px;
	*margin-left: 8px;
}
div#search-box a {
	float: right;
	margin-top: 2px;
	_margin-top: 0px;
	*margin-top: 0px;
	zoom: 1;
}

/* -------- 緊急情報 -------- */
#content p.top-emergency {
	clear: both;
	color: #C00;
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 8px 10px;
	background: #FCF2F2;
	border: 3px solid #C00;
}

/* -------- チャンネルエリア -------- */
#content ul#top-channel {
	width: 500px;
	margin: 0;
	list-style: none;
}
#content ul#top-channel li {
	float: left;
	margin: 0 7px 0 0;
	padding: 0 0 10px;
	background: none
}
#content ul#top-channel li#top-channel-right {
	margin-right: 0;
}
#content ul#top-channel li#event {
	display: none;
}

/* -------- イメージ画像 -------- */
#content p#top-img {
	clear: both;
	margin: 0 0 13px;
}

/* -------- ライフイベント -------- */
#content #top-lifeevent {
	clear: both;
	width: 500px;
	margin: 0 0 37px;
}
#top-content #content #lifeevent-head {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
}
#content #top-lifeevent h2 {
	width: 8em;
	color: #FFF;
	margin: 0;
	padding: 5px 0 3px 10px;
	background: #BB4848 url(../images/base/top_h2_bg.png) repeat-x;
	border-top: 1px solid #902A2A;
	border-right: 1px solid #752222;
	border-bottom: none;
	border-left: 1px solid #902A2A;
	line-height: 1.1;
}
#content #top-lifeevent #lifeevent-head h2 {
	left: 0;
	bottom: 0;
	max-width: 140px;
}
#content #top-lifeevent p#lifeevent-mini {
	margin: 0 0 0 -2px;
	padding: 0 10px 0;
	font-size: 90%;
	width: 330px;
	min-height: 27px;
	height: auto !important;
	height: 28px; /*IE6用の高さ*/
	position: absolute;
	bottom: 0;
	left: 157px;
}
#content #top-lifeevent p#lifeevent-mini img {
/*	margin: 0 15px 0 0;*/
	vertical-align: middle;
}
#content #top-lifeevent ul {
	clear: both;
	width: 500px;
	font-size: 90%;
	margin: 0;
	background: url(../images/base/top-lifeevent_bg.gif) no-repeat left bottom;
	border-top: 3px solid #900;
}
#content #top-lifeevent ul:after {
	/*Newブラウザ フロート対策*/
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#content #top-lifeevent ul li {
	width: 51px;
	float: left;
	margin: 0 4px 0 0;
	padding: 0;
	background: none;
	border-top: 4px solid #FFF;
}
#content #top-lifeevent ul li#top-lifeevent-death {
	width: 60px;
	margin: 0;
}
#content #top-lifeevent ul li a {
	width: 51px;
	display: block;
	padding: 51px 0 13px;
	text-align: center;
	background-repeat: no-repeat;
	line-height: 1.1;
}
#content #top-lifeevent ul li#top-lifeevent-birth a {
	background-image: url(../images/base/top-lifeevent-birth_bg.png);
}
#content #top-lifeevent ul li#top-lifeevent-child a {
	background-image: url(../images/base/top-lifeevent-child_bg.png);
}
#content #top-lifeevent ul li#top-lifeevent-entrance a {
	padding: 43px 0 7px;
	background-image: url(../images/base/top-lifeevent-entrance_bg.png);
}
#content #top-lifeevent ul li#top-lifeevent-adult a {
	padding: 43px 0 7px;
	background-image: url(../images/base/top-lifeevent-adult_bg.png);
}
#content #top-lifeevent ul li#top-lifeevent-marriage a {
	background-image: url(../images/base/top-lifeevent-marriage_bg.png);
}
#content #top-lifeevent ul li#top-lifeevent-move a {
	background-image: url(../images/base/top-lifeevent-move_bg.png);
}
#content #top-lifeevent ul li#top-lifeevent-retire a {
	background-image: url(../images/base/top-lifeevent-retire_bg.png);
}
#content #top-lifeevent ul li#top-lifeevent-care a {
	background-image: url(../images/base/top-lifeevent-care_bg.png);
}
#content #top-lifeevent ul li#top-lifeevent-death a {
	width: 60px;
	background-image: url(../images/base/top-lifeevent-death_bg.png);
}

#content #top-lifeevent p.more {
	display: none;
}

/* -------- 新着情報 -------- */
#content #topic {
	width: 690px;
	margin: 0 5px 13px;
}
#top-content #content #topic {
	width: 500px;
	margin: 0 0 10px;
	position: relative;
}
#top-content #content #topic-head {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
}
#content #topic h2,
#content #category-news h2 {
	width: 8em;
	/*float: left;*/
	color: #FFF;
	margin: 0;
	padding: 5px 0 3px 10px;
	background: #BB4848 url(../images/base/top_h2_bg.png) repeat-x;
	border-top: 1px solid #902A2A;
	border-right: 1px solid #752222;
	border-bottom: none;
	border-left: 1px solid #902A2A;
	line-height: 1.1;
}
#content #topic #topic-head h2 {
	left: 0;
	bottom: 0;
	max-width: 140px;
	position: relative;
}
#content #topic p#topic-mini {
	margin: 0 0 0 -2px;
	padding: 0 10px 0;
	font-size: 90%;
	width: 330px;
	bottom: 0;
	min-height: 28px;
	height: auto !important;
	height: 28px; /*IE6用の高さ*/
	position: absolute;
	left: 157px;
}
#content #topic p#topic-mini img {
/*	margin: 0 15px 0 0;*/
	vertical-align: middle;
}
#content #topic-body {
	clear: both;
	width: 690px;
	border-top: 3px solid #900;
}
#top-content #content #topic-body {
	width: 500px;
}
#content #category-news-body {
	clear: both;
	border-top: 3px solid #900;
}
#content #topic ul,
#content #news ul,
#content #category-news-body ul {
	margin: 0;
	padding: 7px 0 0;
}
#content #topic ul li,
#content #news ul li,
#content #category-news-body ul li {
	margin: 0 5px 0 7px;
	padding: 0 0 5px 13px;
	background: url(../images/base/topic_li_bg.gif) no-repeat 0 5px;
}
#content #topic p#topic-rss {
	margin-bottom: 0;
}
#content #topic p#topic-more {
	text-align: right;
	margin: 5px 3px 0;
	padding: 3px 10px 0;
	border-top: 1px dotted #900;
}

/* -------- 目的から探す -------- */
#content #top-purposesearch {
	width: 500px;
}
#content #top-purposesearch h2 {
	width: 8em;
	float: left;
	color: #FFF;
	margin: 0;
	padding: 5px 0 3px 10px;
	background: #BB4848 url(../images/base/top_h2_bg.png) repeat-x;
	border-top: 1px solid #902A2A;
	border-right: 1px solid #752222;
	border-bottom: none;
	border-left: 1px solid #902A2A;
	line-height: 1.1;
}
#content #top-purposesearch ul {
	clear: both;
	width: 500px;
	margin: 0;
	border-top: 3px solid #900;
}
#content #top-purposesearch ul li {
	float: left;
	margin: 7px 0 0;
	padding: 0 5px;
	background: none;
}

/* ------------------------------------------------------
 10.下層ページ
------------------------------------------------------ */
/* -------- 目的から探す -------- */
#content #other-purposesearch {
	width: 690px;
	margin: 0 5px;
}
#content #other-purposesearch h2 {
	width: 8em;
	float: left;
	color: #FFF;
	margin: 0;
	padding: 5px 0 3px 10px;
	background: #BB4848 url(../images/base/top_h2_bg.png) repeat-x;
	border-top: 1px solid #902A2A;
	border-right: 1px solid #752222;
	border-bottom: none;
	border-left: 1px solid #902A2A;
	line-height: 1.1;
}
#content #other-purposesearch p.other-purposesearch-showall {
	float: right;
	margin: 0;
	padding: 4px 10px 0;
	font-size: 90%;
}
#content #other-purposesearch ul {
	clear: both;
	width: 690px;
	margin: 0 0 15px;
	padding: 3px 0 0;
	line-height: 1.2;
	border-top: 3px solid #900;
}
#content #other-purposesearch ul:after {
	/*Newブラウザ フロート対策*/
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#content #other-purposesearch ul li {
	float: left;
	display: block;
	margin: 3px 0;
	padding: 1px 7px;
	background: none;
	border-right: 1px solid #999;
	word-break: keep-all;
}

/* ------------------------------------------------------
 11.サイドナビ
------------------------------------------------------ */
/* -------- トップページ・チャンネルページ共通 -------- */

/* スクエアエリア */
#navi .navi-squarearea,
#leftnavi .navi-squarearea {
	width: 200px;
	margin: 0 0 10px;
	padding: 0 0 7px;
	background: #FBFAF7 url(../images/base/navi-squarearea_bg.gif) no-repeat left bottom;
}
#navi .navi-squarearea:after,
#leftnavi .navi-squarearea:after {
	/*Newブラウザ フロート対策*/
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#navi .navi-squarearea h2,
#leftnavi .navi-squarearea h2 {
	font-size: 105%;
	font-weight: bold;
	margin: 0 0 7px;
	padding: 5px 2px 2px;
	background: #F0C4C7 url(../images/base/navi-squarearea_h2_bg.gif) no-repeat;
	border-bottom: 1px solid #A72121;
	text-align: center;
}
#navi .navi-squarearea ul li,
#leftnavi .navi-squarearea ul li {
	margin: 0 7px 0 10px;
	padding: 0 0 4px 11px;
	background: url(../images/base/navi-squarearea_li_bg.gif) no-repeat 0 5px;
	list-style: none;
}

/*- オンラインサービス -*/
#leftnavi #navi-squarearea-online p.more {
	display: none;
}

/* リストナビ */
#navi ul#navi-listnavi,
#leftnavi ul#navi-listnavi {
	width: 196px;
	margin: 0 2px 10px;
	list-style: none;
}
#navi ul#navi-listnavi:after,
#leftnavi ul#navi-listnavi:after {
	/*Newブラウザ フロート対策*/
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#navi ul#navi-listnavi li,
#leftnavi ul#navi-listnavi li {
	width: 196px;
	float: left;
	margin: 0 0 3px;
	border-bottom: 1px solid #AAA;
}
#navi ul#navi-listnavi li a,
#leftnavi ul#navi-listnavi li a {
	float: left;
	display: block;
	margin: 0;
	padding: 6px 2px 5px 16px;
	background: #FAF3F0 url(../images/base/navi-listnavi_li_bg.gif) no-repeat;
	width: 196px;/* WinIE5,6用 */
}
html>body #navi ul#navi-listnavi li a,
html>body #leftnavi ul#navi-listnavi li a {
	width: 178px;/* その他ブラウザ用 */
}
#navi ul#navi-listnavi li a:focus,
#navi ul#navi-listnavi li a:hover,
#navi ul#navi-listnavi li a:active,
#leftnavi ul#navi-listnavi li a:focus,
#leftnavi ul#navi-listnavi li a:hover,
#leftnavi ul#navi-listnavi li a:active {
	background: #FFEFE5 url(../images/base/navi-listnavi_li_bg.gif) no-repeat -196px 0;
}

/* -------- トップページ -------- */

/* フォト＆ニュース */
#navi #navi-squarearea-news p {
	margin: 0 9px 2px;
	text-align: center;
}
#navi #navi-squarearea-news p.navi-squarearea-news-img {
	width: 182px;
//	overflow: hidden;
}

#navi #navi-squarearea-news p.navi-squarearea-news-img a {
	display: block;
}
#navi #navi-squarearea-news p.navi-squarearea-news-img a img {
	width: 178px;
	height: auto;
}
#navi #navi-squarearea-news p.navi-squarearea-news-img a:focus {
	border: 2px solid #b8e5ff;
}
/* こちら市長室 */
#navi #navi-squarearea-mayor h2 {
	margin: 0;
}
#navi #navi-squarearea-mayor p, #navi #navi-squarearea-gikai p {
	float: right;
	padding: 8px 8px 3px 6px;
}
#navi #navi-squarearea-mayor ul {
	margin: 8px 0 3px;
}
#navi #navi-squarearea-mayor ul li {
	margin: 0 0 0 8px;
}
/* 大田市議会 */
#navi #navi-squarearea-gikai h2 {
	margin: 0;
}
#navi #navi-squarearea-gikai ul {
	margin: 8px 0 3px;
}
#navi #navi-squarearea-gikai ul li {
	margin: 0 7px 0 8px;
}

/* 広告 */
#navi #navi-advertisearea {
	width: 200px;
	margin: 0 0 15px;
}
#navi #navi-advertisearea p {
	margin: 0 0 7px;
}
#navi #navi-advertisearea p#navi-squarearea-advertise-about {
	margin: -3px 4px 0 0;
	font-size: 90%;
	text-align: right;
}
/* バナー */
#navi p.navi-banner {
	margin: 0 0 6px;
}

/* -------- チャンネルページ -------- */

/* 検索フォーム */
#navi form#searchform {
	width: 190px;
	margin: 0 0 10px 5px;
	text-align: right;
}
#navi form#searchform input#searchform-textarea {
	width: 190px;
	margin: 0 0 3px;
	padding: 0;
	vertical-align: bottom;
	border-top: 1px solid #666;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	border-left: 1px solid #666;
	background: #FFF;
}
#navi form#searchform input#searchform-btn {
	vertical-align: bottom;
	margin: 0 5px 0 0;
}