@charset "Shift_JIS";
/*  ------------------------------墨田区トップページ (低いバージョンのブラウザ用)　2009/01/01---------------------------- */

/*  ------------------------------＜＜タグの再定義＞＞---------------------------- */
body {
	color: #333;
	background-color: #FFF;
	text-align: left;
	margin: 0;
	padding: 0;
}

img {
 border: 0px none #fff;
}

p {
	margin: 0;
	padding: 0;
	font-size: 90%;
}

ul {
	margin: 0;
	padding: 5px 7px;
	line-height: 150%;
	color: #333;
}

li {
	font-size: 90%;
}

/*  ------------------------------＜＜共通使用クラス＞＞---------------------------- */

.echooff{
	display:none;
}

.newpara {
	clear : both;
}
.center {
	text-align: center;
}
.align-right {
	text-align: right;
}

.va-center {
	vertical-align: middle;
}

.img-center {
	vertical-align: middle;
}

.a-left {
	text-align: left;
}
.f-left {
	margin: 0px;
	padding: 0px;
	float: left;
}
/*  ------------------------------＜＜ヘッダー＞＞---------------------------- */
div#c0wrap1 {
	white-space: nowrap;
}
div#c0wrap1a {
	white-space: nowrap;
}

h1 {
	margin: 0;
	padding: 0;
}

div#h0right a {
	margin-left: 3px;
}

form {
 clear: both;
 padding: 3px 3px 0 3px;
 margin: 0;
 line-height: 100%;
}

div#c0wrap2 {
	clear : both;
}
div#c0wrap2 div {
	clear : both;
}
address {
	line-height: 100%;
}

/*  ------------------------------＜＜大枠レイアウト＞＞---------------------------- */
#container {
	text-align: left;
	margin-top: 15px;
}

/*  ------------------------------＜＜トピックス部分＞＞---------------------------- */
#topics {
	margin: 0 0 10px 10px;
}
#topics h2 img {
	margin: 2px 0 0 5px;
}
#topics p img {
	margin: 3px 0 0 15px;
}
#topics ul {
	clear: both;
}
#topics li {
	font-size: 90%;
	color: #333;
}

/*  ------------------------------＜＜コンテンツ部分＞＞---------------------------- */
/*  --------------中央----------------- */
/*  -------イベント・講座情報------- */
#event {
	margin-bottom: 10px;
}

#event ul {
	clear: both;
	margin: 0;
	padding: 6px 0 0 0;
}
#event li {
	padding: 2px 3px 2px 20px;
	margin: 0;
	font-size: 90%;
}

/*  -------みんなの気になる！情報------- */
ul#kini-ul {
	margin: 0;
}

/*  -------くらしのガイド------- */
div#kurasi {
	padding: 7px 6px;
}

div#kurasi h3 {
	clear: both;
	margin: 8px 0 10px;
}

/*  -------オンラインサービス------- */
h2#online {
	clear: both;
	margin: 12px 0 4px;
	padding: 0;
}
h2#online img {
	margin-top: 4px;
}

ul#online-ul {
	padding: 0 0 10px;
	margin: 0;
}

/*  --------------左側メニュー----------------- */
/*  -------すみだニュース------- */
div#sumidanews {
	margin: 0 0 10px 10px;
	padding: 4px;
}

/*  -------すみだ区を知る------- */
div#know {
	margin: 0 0 10px 10px;
}
div#know ul.bt01 {
	margin: 0;
	padding: 0 0 6px 0;
}

div#know ul.txt01 {
	margin: 0;
	padding: 2px 4px 2px;
}
div#know ul.txt01 li {
	margin: 0;
	padding: 4px 0 6px 18px;
}

/*  --------------右側メニュー----------------- */
/*  -------写真------- */
div#top-pic {
	margin: 0 0 8px 0;
	padding: 10px 10px 5px;
}
div#top-pic p.pic01 {
	line-height: 150%;
	margin: 1px 0;
}
div#top-pic p.txt01 {
	line-height: 100%;
}

/*  -------ZoomSight------- */
div#zoom {
	margin: 0 0 8px 0;
	line-height: 130%;
}
div#zoom div {
	margin: 0;
	padding: 0;
	font-size: 90%;
}

/*  -------いざというときに------- */
div#iza {
	clear: both;
	margin: 0 0 8px 0;
}
div#iza h2 {
	margin: 0 3px 0 4px;
	padding: 0;
}
div#iza ul {
	padding: 2px 4px 2px;
}

/*  -------よくある質問------- */
/*  -------特別エリア------- */
ul#spe {
	margin: 0 0 8px 0;
	padding: 0 4px 0 3px;
}
ul#spe li {
	margin: 0;
	padding: 4px 0 4px;
}

/*  -------各ポータル------- */
ul#portal {
	margin: 0 0 8px 0;
	padding: 0 4px 0 3px;
}
ul#portal li {
	margin: 0;
	padding: 5px 0 4px;
}

/*  -------その他01------- */
ul#other01 {
	margin: 0 0 8px 0;
	padding: 4px 5px 2px;
}
ul#other01 li {
	margin: 0;
}
/*  -------その他02------- */
ul#other02 {
	margin: 0 0 8px 0;
	padding: 0;
}

/*  ------------------------------＜＜フッター＞＞---------------------------- */
/*  --------フッターのバナー------- */
div#ad-wrap {
	clear: both;
}
div#adtitle-wrap p {
	margin: 0;
	padding: 6px 10px 0 0;
}

#f-banner {
	clear: both;
	margin: 5px 5px 0 3px;
	padding: 0;
}

/* --------------他　チームマイナス6％用等-------------- */
.other03 {
	clear: both;
	margin: 10px 0 0 0;
	padding: 0 8px 0 0;
}
.other03 p {
	margin: 0 0 0 0;
	padding: 0 0 4px 0;
}
.other03 img {
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
}

/*  --------------レイアウト----------------- */
div#f0wrap {
	clear: both;
}
/*  --------------担当----------------- */
div#f0wrap1 {
	clear: both;
}
/*  --------------カウンター----------------- */
p#counter {
	padding: 0;
	margin: 0;
	line-height: 2em;
}
p#counter img {
	margin-bottom: 2px;
}

/*  --------------コピーライト・その他----------------- */
div#f0wrap2 {
	clear: both;
	margin: 1px 0 0;
}
ul#footmenu {
	padding: 0;
	margin: 0;
}
ul#footmenu li {
	padding: 0 4px;
}

/*  ------------------------------＜＜緊急情報＞＞---------------------------- */
div.kinkyu01 {
	margin: 0 0 10px 10px;
	padding: 3px;
}
div.kinkyu01 h2 {
	padding: 5px;
}
div.kinkyu01 p {
	margin: 0;
	padding: 5px;
}

div.kinkyu02 {
	margin: 0 0 10px 0;
	padding: 3px;
}
div.kinkyu02 h2 {
	padding: 5px;
}

/*  ------------------------------＜＜VESTIBULE文字色変更用＞＞---------------------------- */
.navy {
	color: #09359D;
}
.red {
	color: #DD0032;
}
.green {
	color: #008000;
}
.brown {
	color :#825700;
}
.orange {
	color :#FB770B;
}

/* ボックス内floatのclear */
.clearfix:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0;
}
.clearfix {display: inline-block;}
/* Hides from macIE \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from macIE */