@charset "utf-8";
/*_________________________________________________

■サイト全体共通　レイアウト基本設定スタイルシート
_________________________________________________*/

/*_________________________________________________

基本タグ（リセット）
_________________________________________________ */

h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd,address {
  font-size: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
}

img {
  border-style: none;
  vertical-align: text-bottom;
  }
	
.clear { clear: both; }

ul { list-style: none; }

a:link { color: #192E76; }
a:visited { color: #601986; }
a:hover { color: #B30000; }

address {
  font-style: normal;
}

/*　TinyMCE      _____________________________________*/
.red { color: #D90000; }
.large { font-size: 120%; }
.txtindent {  margin-left: 2em !important; }
.txtbold { font-weight: bold; }

/*_________________________________________________

　基本レイアウト　構成
_________________________________________________*/
html,body {
  height: 100%;
}

#wrapper {
  height: 100%;
  min-height: 100%;
}

body > #wrapper {
  height: auto;
}

body {
  color: #333;
  background: #fff url(/c_images/header_bg.png) repeat-x 0 10px;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; 
  font-size: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}


/* コンテンツ全体 
_________________________________________________*/
#Container {
  background: #fff;
  clear: both;
  margin: 0 auto;
  padding: 0 30px;
  min-width: 924px;
  max-width: 1620px;
  text-align: left;
}

#ContentsType1 {
  width: 100%;
  clear: both;
}

#ContentsType2 {
  width: 100%;
  float: left;
  margin-right: -212px;
}

#ContentsTypeM { /* メニュー用 */
  width: 78%;
  float: left;
}


/* パンくず 
_________________________________________________*/
.TopicPath {
	clear: both;
	font-size: 80%;
	padding: 1em 0;
}

#FooterNaviArea .TopicPath {
	margin: 0 30px;
}



/*　左カラム　
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
#LeftNavi {
  float: left;
  width: 20%;
  min-width: 210px;
  margin: 0 16px 10px 0;
}

#LeftNaviM {
  width: 22%;
  margin: 0 0 1em 0;
}

#LeftNavi h1, #LeftNaviM h2 { font-size: 120%; }
#LeftNavi h1 a { color: #192E76; }

#LeftNavi li a,
#LeftNaviM li a {
  display: block;
  background: url(/c_images/dot_blue.jpg) no-repeat 4px 16px;
  border-bottom: 1px dashed #ccc;
  line-height: 1.4;
  padding: 10px 0 10px 20px;
}

#LeftNaviM h2 {
  margin-bottom: 1em;
}

#LeftNavi li.select a,
#LeftNaviM li.select a,
#LeftNavi li.selected a,
#LeftNaviM li.selected a  {
  background-color: #e1eef8;
}

#LeftNavi li a:hover,
#LeftNaviM li a:hover {
  background-color: #F1F6FC;
  color: #192E76;
}


/*
メインコンテンツ部分
_________________________________________________*/
#MainType1 {
	position: relative;
	margin: 0;
}

#MainType2 {
	position: relative;
	margin: 0 228px 0 0;
}

#MainType3 {
	float: right;
	width: 76%;
}

#MainType4 { /*SUBTOP用*/
	margin: 0 228px 0 0;
	}
	

/*
h1　大見出し
_________________________________________________*/
#TitleArea {
  border-top: 1px solid #2D6EB2;
  border-bottom: 1px solid #2D6EB2;
  width: 100%;
  margin-bottom: 1em;
}

h1 {
  color: #192E76;
  font-size: 140%;
  float: left;
  min-height: 46px;
  padding: 2px 0 2px 50px;
}

/* くらしのガイド */
h1.Sub01 { background: url(/c_images/h1_01kugyousei.jpg) no-repeat 2px 4px; }
h1.Sub02 { background: url(/c_images/h1_02tetsuzuki.jpg) no-repeat 2px 4px; }
h1.Sub03 { background: url(/c_images/h1_03bohan.jpg) no-repeat 2px 4px; }
h1.Sub04 { background: url(/c_images/h1_04kodomo.jpg) no-repeat 2px 4px; }
h1.Sub05 { background: url(/c_images/h1_05kenko.jpg) no-repeat 2px 4px; }
h1.Sub06 { background: url(/c_images/h1_06kurashi.jpg) no-repeat 2px 4px; }
h1.Sub07 { background: url(/c_images/h1_07shigoto.jpg) no-repeat 2px 4px; }
h1.Sub08 { background: url(/c_images/h1_08kanko.jpg) no-repeat 2px 4px; }
h1.Sub00 { background: url(/c_images/h1_10gikai.jpg) no-repeat 2px 4px; }
h1.Search { background: url(/c_images/h1_search.jpg) no-repeat 2px 4px; }
/* 区長 */
h1.Sub09, h1.Kucho { background: url(/c_images/h1_09kucho.jpg) no-repeat 2px 4px; }
/* 区議会 */
h1.Sub10 { background: url(/c_images/h1_10gikai.jpg) no-repeat 2px 4px; }
/* 新着 */
h1.Shinchaku { background: url(/c_images/h1_shinchaku.jpg) no-repeat 2px 4px; }
/* ニュースリリース */
h1.News { background: url(/c_images/h1_news.jpg) no-repeat 2px 4px; }
/* 部署紹介 */
body.Section h1 { background: url(/c_images/h1_10gikai.jpg) no-repeat 2px 4px; }
/* キーワード */
h1.Keyword { background: url(/c_images/h1_keyword.jpg) no-repeat 2px 4px; }
/* キーワード */
h1.Oshirase { background: url(/c_images/h1_oshirase.jpg) no-repeat 2px 4px; }



h1 a {
  display: block;
  color: #192E76;
  margin: 14px 0 0;
}

h1 a:hover { color: #192E76; }

.Printing {
  background: url(/c_images/ico_print.jpg) no-repeat 0 0;
  font-size: 80%;
  float: right;
  line-height: 1.0;
  min-height: 26px;
  margin: 14px 0 0;
  padding: 4px 4px 0  28px;
}

/*
New!
_________________________________________________*/
.NewItem { 
  color: #F00;
  font-size: 90%;
  font-weight: bold;
  margin-left: .4em; 
   }


/*　右カラム　
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

#SubRight {
  font-size: 94%;
  float: right;
  width: 210px;
}

/* 緊急情報 */
#SubRight #EmergencyArea h2,
 #SubRight .EmergencyArea h2 {
  background: #D80011;
  background-image: none;
  border-style: none;
  color: #fff;
  font-size: 110%;
  margin: 0;
  min-height: 1em;
  padding: 10px 8px;
}

#SubRight #EmergencyArea,
#SubRight .EmergencyArea {
  border: 2px solid #D80011;
  margin-bottom: 10px;
}

#SubRight #EmergencyArea p,
#SubRight .EmergencyArea p {
  line-height: 1.3;
  margin: 0.4em;
}


.EmergencyArea p.ShowList {
  text-align: right;
}

.EmergencyArea p.ShowList a {
  background: url(/c_images/ico_trigray.jpg) no-repeat 0px 3px transparent; 
  padding: 0px 0px 0px 16px;
}

/* カレンダー　*/
#CalenderArea {
  border: 2px solid #E1EEF8;
  font-size: 90%;
  margin-bottom: 10px;
  padding: 2px;
}

#CalenderArea h2 {
  background: #2D6EB2;
  background-image: none;
  border-style: none;
  color: #fff;
  font-size: 110%;
  line-height: 1.0;
  min-height: 1em;
  margin: 0;
  padding: 10px 8px;
  text-align: center;
}

#CalenderArea p {
  font-weight: bold;
  line-height: 1.4;
  text-align: center;	
}

#CalenderArea table {
  border-collapse: separate;
  margin: 10px auto;
  width: 96%;
}

#CalenderArea table th {
  background: none;
  font-weight: normal;
  text-align: center;
}

#CalenderArea table td,
#CalenderArea table th {
  border-style: none;
  padding: 1px;
}

#CalenderArea table td {
  text-align: right;
  background: #E1EEF8;
}

#CalenderArea tr.week td {
  background: #fff;
}

#CalenderArea .today {
  background: #FF6B12;
  color: #fff;
  display: block;
  width: 100%;
}

#CalenderArea caption {
  font-weight: normal;
  text-align: center;
  padding: 0;
}
#CalenderArea caption span {
  border-style: none;
  
}

#CalenderArea td.Today a { color: #fff; }

#CalenderArea .prev { float: left; display: inline; }
#CalenderArea .next { float: right; display: inline; }

/* 防災気象情報・区民の声　*/
#BousaiLink,
#FaqLink,
.FaqLink,
.OtherLink,
.NaviLink {
  border: 1px solid #cccccc;
  font-size: 110%;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 8px;
  padding: 8px 0 8px 40px;
}

/* 教育員会用 FaqLinkに追加する */
.p05 { padding: 1.1em 0 1.1em 40px !important; }

#BousaiLink a,
#FaqLink a,
.FaqLink a,
.OtherLink a,
.NaviLink a {
  color: #333;
  text-decoration: none;
}

/* 防災気象情報　*/
#BousaiLink {
  background: #FFE4D2 url(/c_images/ico_arroworg.jpg) no-repeat 6px center;
}

/* 区民の声　*/
#FaqLink, .NaviLink, .FaqLink {
  background: #E9F2FC url(/c_images/ico_arrowblue.jpg) no-repeat 6px center;
}

/* その他リンク */
.OtherLink {
  background: #FEE9B3 url(/c_images/ico_arrowyw.jpg) no-repeat 6px center;
}

.NaviLink {
  margin-top: 10px;
}

/* 関連リンク */
.KanrenLink {
  border: 1px solid #2D6EB2;
  margin-bottom: 10px;
}
.KanrenLink h2 {
  background: #2D6EB2;
  background-image: none;
  border-style: none;
  color: #fff;
  font-size: 110%;
  line-height: 1.0;
  min-height: 1em;
  margin: 0;
  padding: 10px 8px;
}
.KanrenLink ul, .KanrenLink p, .EmergencyArea ul, #EmergencyArea ul { margin: 10px; }
.KanrenLink li, .EmergencyArea li, #EmergencyArea ul { background: url(/c_images/ico_trigray.jpg) no-repeat 0 2px; padding-left: 20px; margin-bottom: 0.4em; line-height: 1.2; }

/*
広告バナー
_____________________________*/
#PRArea {
  border: 4px solid #ccc;
  clear: both;
  margin: 20px 0;
  padding: 4px 4px 4px 8px;
}

#PRArea p { line-height: 1.4; }
#PRArea p a {
  background: url(/c_images/ico_triblue2.jpg) no-repeat scroll 0px center transparent;
  display: inline;
  padding: 0px 0px 0px 16px;
}

#PRArea li {
  border: 1px solid #ccc;
  float: left;
  margin: 2px 2px 2px 0;
}

#PRArea li img { border-style: none;}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■リンク■
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#mainarea a {
	color: #2D4C9C;
	background-color: inherit;
}
#mainarea a:visited {
	color: #909;
	background-color: inherit;
}
#mainarea a:hover {
	color: #C00;
	background-color: #FFC;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■404ページ■
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#notfound {
	border: #CCC solid 1px;
	background: #F6F6F6 url(../c_images/bg_error.jpg) no-repeat left bottom;
	margin: 40px 30px 30px 30px;
	padding: 30px 15px 30px 160px;
}
#notfound p {
	margin: 20px 0 0 0;
	line-height: 1.5;
}

.h2big {
	color: #4D4D4D;
	font-size: 180%;
	margin: 0;
	padding: 0;
}
.top {
	font-size: 110%;
	background: url(../c_images/mk_link_d.gif) no-repeat left;
	margin: 20px 0 0 0;
	padding: 0 0 0 20px;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■その他（ブラウザ対策等）■
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.wrap {
	/*\*/ /*/
	display: inline-table;
	/**/
}
.wrap:after {
	content: ".";
	width: 0;
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;	
	margin: 0;
	padding: 0;
}
.skipnavi {
	text-indent: -999em;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	/*\*/
	position: absolute;
	top: -999px;
	/**/
	/*\*/ /*/
	display: block;
	/**/
}
.noborder {
	border: none;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
	background: none;
	margin: 0;
	padding: 0;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■画面色■（全ページ共通）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.nonebg, .nonebg #header, .nonebg #header2, 
.nonebg #globalnavi ul, 
.nonebg #leftarea .btnnavi li a, 
.black #leftarea .btnnavi li a:hover, 
.nonebg #rightarea .btnnavi li, 
.nonebg #foreign, .nonebg #footer .navi ul{
	background-image: none;
}

/* 画面色　黒 */
.black *,
.black #TitleArea,
.black .EmergencyArea {
  color: #FFF !important;
  background-color: #000 !important;
  border-color: #fff !important;
}

.black #GlobalNaviArea {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

body.black {
  background-image: none;
  background-color: #000;
}

.black h2,
.black h2 span,
.black h2 a {
  background-color: #FFF !important;
  color: #000 !important;
}

.black li#tab1, .black li#tab2 {
  border: 1px solid #FFF !important;
  width: 258px;
}

.black .Emergency1 h2 {
  padding: 0.5em !important;
}

/* 画面色　青 */

.blue *,
.blue #TitleArea,
.blue .EmergencyArea {
  color: #FF0 !important;
  background-color: #00F !important;
  border-color: #FF0 !important;
}

body.blue {
  background-image: none;
  background-color: #00F;
}

.blue #GlobalNaviArea {
  border-top: 1px solid #FF0;
  border-bottom: 1px solid #FF0;
}

.blue h2,
.blue h2 span,
.blue h2 a {
  background-color: #FF0 !important;
  color: #00F !important;
}

.blue li#tab1, .blue li#tab2 {
  border: 1px solid #FF0 !important;
  width: 258px;
}

.blue .Emergency1 h2 {
  padding: 0.5em !important;
}

/*_________________________________________________

共通パーツ ※ あとで分離する
_____________________________________________ */

p.PageUp {
	clear: both;
	text-align: right;
	margin: 2em 0;
	}
p.PageUp a {
	background: url(/c_images/ico_triup.jpg) no-repeat 0 center;
	padding-left: 20px;
}

.clearfix:after {
	content: ".";	/* 新しい要素を作る */
	display: block;	/* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}