@charset "Shift_JIS";

/* 大田区トップページ 印刷用スタイル 20061018-1027（topstyle.cssをコピー） */

/* -----＜＜基本スタイル＞＞----- */
/* HTML要素 */
* {
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
}

body,
h1,
h2,
form,
ul,
li,
dl,
dt,
dd,
p {
	margin: 0;
	padding: 0;
}

body {
	font-style: normal;
	font-weight: normal;
}

li {
	list-style: none;
}

input {
	margin: 0;
}

button {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

hr {
	display: none;
}

table {
	border-collapse: collapse;
	font-size: 100%;
}

img {
	border: none;
	vertical-align: bottom;
}


/* 汎用class */
.guidance {
	font-size: 1%;
	line-height: 1%;
	width: 1px;
	height: 1px;
}
.guidance2 {
	font-size: 1%;
	line-height: 1%;
	width: 1px;
	height: 1px;
	float: left;
}

/* 右矢印アイコン（→）付きのテキストリンク */
.linkto {
	text-align: right;
}

	.linkto img {
		margin: 0 2px;
	}

.clear {
	clear: both;
}

/* box内でfloatをclear */
.clearfix:after,
div#oshirase ul li:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0;
}
.clearfix,
div#oshirase ul li {display: inline-block;}
/* Hides from macIE \*/
* html .clearfix,
* html div#oshirase ul li {height: 1%;}
.clearfix,
div#oshirase ul li {display: block;}
/* End hide from macIE */



/* -----＜＜各スタイル＞＞----- */
body {
	background: #fff;
	text-align: center;
	color: #000;
	font-size: 80%;/* <-- 全体の文字サイズ */
}


/* div#wraper: 全体 */
div#wraper {
	width: 720px;
	margin: 0 auto;
	text-align: left;
}

/* 100701追記ここから */
#leftbg {
	background:url(/images/topbg_left.gif) no-repeat;
	background-position: 0px 155px;
	padding:0;
	_height:1%;
	}


/* 地球 */
#rightbg {
	background:url(/images/topbg_right.gif) no-repeat;
	background-position: 100% 340px;
	padding:0;
	_height:1%;
	}

.haneda {
	margin:0 0 5px 0;
	}

/* 100701追記ここまで */

/* div#header: ヘッダー */
div#header {
	padding: 4px 0 2px 0;
	background: #e0f2ff url("/images/cm_bg_header.jpg") left top repeat-x;
	_height:1%;
}

	/* タイトル */
	div#header h1 {
		float: left;
		width: 354px;
		height: 50px;
	}

	/* ヘッダーメニュー、検索 */
	div#header div#hnavi {
		float: right;
		width: 352px;
		text-align: right;
	}

		/* ヘッダーメニュー（English、他） */
		div#header div#hnavi ul {
		}

			div#header div#hnavi ul li {
				float: left;
				line-height: .1;
			}

		/* 検索フォーム */
		div#header div#hnavi div#search {
			margin-top: 7px;
			margin-bottom: 5px;
		}

			div#header div#hnavi div#search form,
			div#header div#hnavi div#search div {
				display: inline;
			}

			div#header div#hnavi div#search input,
			div#header div#hnavi div#search button,
			div#header div#hnavi div#search img {
				vertical-align: middle;
			}

			div#header div#hnavi div#search div.linkto {
				padding-right: 10px;
			}

	/* グローバルナビ */
.gnb-box {
	clear: both;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	width: 720px;
	background-image: url(/images/top_bgr_gnb.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	_height: 1%;
}
.gnb-box div {
	float: left;
	width: 180px;
}
.gnb-box div.li-last {
	width: 180px;
}
.gnb-box h2 {
	width: 180px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.gnb-box p {
	margin: 4px 7px 5px 12px;
	padding: 0;
}
.gnb-box div.li-last p {
	padding-right: 0;
}


/* div#body: 本文（メインとローカルナビのwraper） */
div#body {
	margin: 8px 0 13px 0;
}

	/* div#main: メインコンテンツ */
	div#main {
		float: left;
		width: 535px;
	}

		/* div#emergency: 緊急災害情報 */
		div#emergency {
			margin-top: 7px;
			padding: 5px;
			border: 1px solid #f00;
			border-top-width: 4px;
			font-weight: bold;
		}

			div#emergency p {
				margin: 4px 0 0 3px;
				font-size: 1.2em;
			}

		/* div#oshirase: 大田区からのお知らせ */
		div#oshirase {
			margin: 7px 0 13px 0;
			padding-bottom: 30px;
			border-top: 3px solid #93a6ff;
			border-bottom: 2px solid #93a6ff;
		}

		div.o-box {
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			border-top: 2px solid #FFFFFF;
			border-bottom: 1px solid #FFFFFF;
			background-image: url(/images/top_bg_oshirase.gif);
			background-repeat: repeat-y;
			background-position: 0 0;
			_height: 1%;
			}
		div.o-box h2 {
			float: left;
			margin: 0 0 0 0;
			padding: 1px 0 0 0;
			width: 190px;
			height: 25px;
			line-height: 0;
			font-size: 0;
			}
		div.o-box .linkto {
			float: right;
			margin: 5px 0 0 0;
			padding: 0 0 0 0;
			width: 340px;
			}
			div#oshirase ul {
				width: 535px;
				margin: 0 0 8px 0;
				padding: 2px 0 0 0;
				border-top: 1px solid #93a6ff;
			}

				/* お知らせ一項目（内部floatのclearは、↑.clearfixに併記） */
				div#oshirase ul li {
					position: relative;
					padding: 5px 0;
					border-bottom: 1px dotted #666;
				}

					/* span.date: 日付 */
					div#oshirase ul li .date {
						display: block;
						float: left;
						width: 100px;
						padding: 5px 0;
						font-family: monospace;
					}

					/* img.category: カテゴリ画像 */
					div#oshirase ul li .category {
						float: left;
						margin-right: 7px;
					}

					/* 各見出し */
					div#oshirase ul li a {
						display: block;
						float: left;
						width: 359px;
						padding: 5px 0;
					}

		/* div#seikatujoho: 生活情報 */
		div#seikatujoho {
			margin-top: 0;
			border-left: 7px solid #93a6ff;
		}

			/* div.head: 中見出し＋相談窓口のコンテナ */
			div#seikatujoho div.head {
				background: url("/images/top_h_seikatujoho_bg.gif") left top repeat-x;
			}

				div#seikatujoho div.head h2 {
					float: left;
					width: 103px;
					height: 38px;
					line-height: .1;
				}

				/* 相談窓口一覧 */
				div#seikatujoho div.head div.linkto {
					float: right;
					width: 120px;
					height: 50px;
					line-height: .1;
				}

					div#seikatujoho div.head div.linkto img {
						margin: 22px 3px 0 0;
					}

			div#seikatujoho ul {
			}

			div#seikatujoho ul li {
				float: left;
				width: 105px;
				height: 70px;
				margin-top: 8px;
				text-align: right;
			}

		/* div#kuchoshitu: 区長室 */
		div#kuchoshitu {
			float: left;
		}

		/* div#focus: フォーカス大田区政 */
		div#focus {
			float: right;
		}

		div#kuchoshitu,
		div#focus {
			width: 263px;
			margin: 13px 0;
		}

			div#kuchoshitu h2,
			div#focus h2 {
				width: 263px;
				height: 29px;
				line-height: .1;
			}

			div#kuchoshitu div,
			div#focus div {
				padding: 8px;
				border: 1px solid #ccc;
				border-top: none;
			}

				div#kuchoshitu div img.thumnail,
				div#focus div img.thumnail {
					float: left;
					margin-right: 10px;
				}

				div#kuchoshitu div p,
				div#focus div p {
					margin-bottom: 1em;
					line-height: 1.25;
				}

				/* 区長室へ、フォーカス一覧へ */
				div#kuchoshitu div div.linkto,
				div#focus div div.linkto {
					padding: 0;
					border: none;
				}

		/* 大田区報、他バナーリンク */
.other-bg {
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 1px 0;
	width: 534px;
	background-image: url(/images/top_bgb_other.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
	_height: 1%;
}
.other-box {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 534px;
	background-image: url(/images/top_bgr_other.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	_height: 1%;
}
.other-box div {
	float: left;
	width: 135px;
}
.other-box div.li-last {
	width: 129px;
}
.other-box h2 {
	width: 129px;
	margin: 0 0 0 0;
	padding: 0 0 2px 0;
	background-color: #FFF;
	border-bottom: 1px solid #CCC;
}
.other-box p {
	margin: 0 0 0 0;
	padding: 6px 10px 6px 7px;
}
.other-box div.li-last p {
	padding-right: 4px;
}


	/* div#localnavi: ローカルナビ */
	div#localnavi {
		float: right;
		width: 175px;
		line-height: 1.25;
	}

		/* div#izatoiutokini: いざというときに */
		div#izatoiutokini {
			margin: 0 0 6px 0;
			padding: 0 0 0 0;
		}

			div#izatoiutokini h2 {
				width: 175px;
				height: 20px;
				line-height: .1;
			}

			div#izatoiutokini ul {
				padding: 3px 5px 3px 7px;
				border: 1px solid #c00;
				border-top: none;
			}

				div#izatoiutokini ul li {
					margin: .25em 0;
					padding-left: 18px;
					background: url("/images/cm_arrow_right04.jpg") left center no-repeat;
				}

		/* div#otainfo: 大田区イベント情報、他2件 */
		div#otainfo {
			margin: 0 0 0 0;
			padding: 1px 5px 6px 5px;
			background-color: #e1f3ff;
		}

			div#otainfo li {
				margin: 5px 0 0 0;
				padding: 7px 4px 7px 32px;
				background-color: #FFF;
				border: 1px solid #BCE1FE;

			}
.i-weather {
	background-image: url(/images/top_icon_weather.gif);
	background-repeat: no-repeat;
	background-position: 3px 0.3em;
	_height: 1%;
}
.i-midokoro {
	background-image: url(/images/top_icon_midokoro.gif);
	background-repeat: no-repeat;
	background-position: 3px 0.3em;
	_height: 1%;
}
.i-map {
	background-image: url(/images/top_icon_map.gif);
	background-repeat: no-repeat;
	background-position: 3px 0.3em;
	_height: 1%;
}
div#otainfo li.i-eventcal {
	background-color: #FFFFE2;
	border-top: 1px solid #808080;
	border-right: 2px solid #9BA0A4;
	border-bottom: 2px solid #9BA0A4;
	border-left: 1px solid #808080;
	background-image: url(/images/top_icon_eventcal.gif);
	background-repeat: no-repeat;
	background-position: 3px 0.2em;
	_height: 1%;
}

		/* div#gyoseicenter: 地域行政センター */
		div#gyoseicenter {
			margin: 0 0 0 0;
			padding: 6px 0 0 0;
			background-color: #FFF;
		}

			div#gyoseicenter h2 {
				line-height: 0;
			}

			div#gyoseicenter div {
				padding: 5px 0;
				border: 1px solid #69f;
				border-top: none;
			}

				/* 地図画像 */
				div#gyoseicenter div img {
					margin: 0 0 5px 4px;
				}

				div#gyoseicenter div dl {
					padding: 0 7px 6px 7px;
				}

					div#gyoseicenter div dl dt {
						padding-left: 18px;
						background: url("/images/cm_arrow_right02.gif") left top no-repeat;
					}

					div#gyoseicenter div dl dd {
						margin-bottom: .75em;
						padding-left: 18px;
						color: #666;
						font-size: 85%;
					}

					div#gyoseicenter div dl dd.lastone {
						margin-bottom: 0;
					}

		/* div.otherlink: 地域行政センター以下のwraper */
		div#localnavi div.otherlink {
			background: #f3f3f3;
		}

			div#localnavi div.otherlink ul {
				padding: 5px 0;
				background: url("/images/cm_border_dot_175x1.gif") left bottom no-repeat;
			}

				/* div.otherlink ul.banner: バナー画像でのリンク（うぐいすネット、粗大ごみ） */
				div#localnavi div.otherlink ul.banner li {
					margin-top: 5px;
					text-align: center;
				}

			/* div.otherlink ul.arrow: list-itemが右矢印アイコン（→）のリンク（大田区議会、他） */
			div#localnavi div.otherlink ul.arrow {
				padding: 5px 7px;
			}

				div#localnavi div.otherlink ul.arrow li {
					margin: .25em 0;
					padding-left: 18px;
					background: url("/images/cm_arrow_right05.gif") left top no-repeat;
				}

				/* div.otherlink ul.dot: list-itemがドットアイコン（・）のリンク（事業者の方へ、他） */
			div#localnavi div.otherlink ul.dot {
				padding: 5px 7px;
			}

				div#localnavi div.otherlink ul.dot li {
					margin: .25em 0;
					padding-left: 18px;
					background: url("/images/cm_icon_list03.gif") left center no-repeat;
				}

		/* dl#zoomsight: ズームサイト */
		dl#zoomsight {
			padding: 5px 5px 5px 3px;
		}

			/* zoomsightアイコン */
			dl#zoomsight dt {
				text-align: center;
				margin: 0 2px 2px 0;
			}

			/* zoomsightアイコン */
			dl#zoomsight dd {
				text-align: center;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
			}

			/* 使い方をみる */
			dl#zoomsight dd.linkto {
				clear: both;
				text-align: right;
				margin: 0 2px 2px 0;
				padding: 0px 0px 0px 0px;
			}


/* div#footer: フッター */
div#footer {
	border-top: 1px solid #999;
}

	/* ul#footm: フッタメニュー（このサイトについて、他） */
	#footer ul#footm {
		padding: .5em 2px;
	}

		#footer ul#footm li {
			display: inline;
			padding: 0 1em;;
			border-right: 1px dotted #333;
		}

		#footer ul#footm li.firstone {
			border-left: 1px dotted #333;
		}

	/* dl#address: 住所、他 */
	#footer dl#address {
		padding: .75em 5px;
		border: 1px solid #ccc;
		border-bottom: none;
		line-height: 1.25;
	}

		#footer dl#address dt,
		#footer dl#address dd {
			display: inline;
			padding: 0 .5em;
		}

		#footer dl#address dt {
			font-weight: bold;
		}

	#footer p#copyright {
		padding: 8px 10px 4px 10px;
		background: #a4d1ff;
		line-height: .1;
	}

/*  広告エリア  */
div#ad-title {
	clear: both;
	margin: 10px 0 0 0;
	padding: 0;
	border: 1px solid #ccc;
	border-bottom: none;
	background-image: url(/images/top_bg_banner.gif);
	_height: 1%;
}

div#ad-title h2 {
	float: left;
	margin: 0;
	padding: 4px 0 4px 9px;
	width: 50px;
	line-height: 0;
	font-size: 0;
}

div#ad-title p {
	float: right;
	margin: 0;
	padding: 3px 8px 3px 0;
	width: 200px;
	text-align: right;
}

div#ad-title img.arrow {
	margin: 1px 4px 0 0;
	vertical-align: middle;
}

div#ad {
	margin: 0;
	padding:10px 0 0 0;
	border: 1px solid #ccc;
	border-top: none;
	background-color: #F7F7F7;
}
div#ad ul {
	margin: 0;
	padding: 0 0 0 11px;
	list-style: none;
	list-style-image: none;
}

div#ad li {
	margin: 0;
	padding: 0;
	width: 104px;
	height: 45px;
	float: left;
	list-style: none;
	list-style-image: none;
}

/* 091029追記 */
/* いざというときに（ボタン画像用） */
div#izatoiutokini ul li.iza-img {
	margin: 6px 0 4px 0;
	padding-left: 0;
	background-image: none;
}
/* 携帯サイト */
div#mobile {
	margin: 10px 0 0 0;
	padding: 0;
	text-align: center;
}
div#mobile h2 {
	margin: 0 0 0 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
}
p.m-annai {
	margin: 0 0 0 0;
	padding-left: 18px;
	background: url("/images/cm_arrow_right02.gif") left top no-repeat;
	text-align: left;
}

/* 100325追記 */
/* よくある質問 */
p#faq {
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
}
p#faq img{
	margin: 0 0 7px 8px;
	padding: 0;
}