@charset "UTF-8";
@import "../emergency/style.css";
@import "../base/init.css";
@import "../base/style.css";
@import "../piece/style.css";

/* =========================================================
   TOP
========================================================= */
/* ====================== MC */
/* INDEX.SougouTop
----------------------------------------------- */
.mc-top-all {
	width: 1200px;
	margin: 0;
	padding: 0;
}
.mc-top-all h1 {
	width: 290px;
	height: 80px;
	margin: 20px auto 30px;
	background: url(images/logo_sougoutop.png) no-repeat 0 0;
	text-indent: -9999em;
	overflow: hidden;
	z-index: 100;
}
.mc-top-all ul {
	margin: 0;
	padding: 0;
}
.mc-top-all ul li {
	position: relative;
	width: 580px;
	height: 580px;
}
.mc-top-all ul li a {
	text-indent: -9999em;
	overflow: hidden;
}
/* ---------- LEFT */
.mc-top-all ul li.mc-top-left {
	float: left;
	background: url(images/sg_gyosei_bg.jpg) no-repeat right top;
}
.mc-top-all ul li.mc-top-left a {
	display: block;
	width: 200px;
	height: 200px;
	margin: 110px auto;
	background: url(images/sg_btn01.png) no-repeat 0 0;
}
.mc-top-all ul li.mc-top-left a:hover {
	background: url(images/sg_btn01b.png) no-repeat 0 0;
}
/* ---------- RIGHT */
.mc-top-all ul li.mc-top-right {
	position: relative;
	float: right;
	background: url(images/sg_kanko_bg.jpg) no-repeat left top;
}
.mc-top-all ul li.mc-top-right a {
	display: block;
	width: 200px;
	height: 200px;
	margin: 110px auto;
	background: url(images/sg_btn02.png) no-repeat 0 0;
}
.mc-top-all ul li.mc-top-right a:hover {
	background: url(images/sg_btn02b.png) no-repeat 0 0;
}
.mc-top-all ul li.mc-top-right a.aonokuni,
.mc-top-all ul li.mc-top-right a:hover.aonokuni {
	display: block;
	position: absolute;
	left: 230px;
	bottom: 40px;
	width: 120px;
	height: 122px;
	margin: 0;
	background: url(images/sg_aonokuni.png) no-repeat 0 0;
}

.mc-top-all .d-left {
	float: left;
	margin: 40px 0 0;
	width: 580px;
	text-align: center;
}
.mc-top-all .d-right {
	float: right;
	margin: 40px 0 0;
	width: 580px;
}
.mc-top-all .d-right img {
	margin: 0 0 20px;
}

.mc-top-bnn a {
	margin: 0 0 2px;
	padding: 0;
}
.mc-top-rside{
  margin: 0;
}
@media only screen and (max-width: 640px) {
	.mc-top-rside img {
		width: 100%;
	}
}

/* ====================== END_MC */


/* mayor
----------------------------------------------- */
#mayor {
  margin-bottom: 5px;
}
#mayor .pieceHeader {
  color: #ffffff;
  font-weight: bold;
  font-size: 120%;
}
#mayor .pieceBody {
  padding: 5px;
  border: 1px solid #001c66;
}
#mayor .pieceBody img {
  float: right;
  margin: 0 5px;
}
#mayor ul {
  padding: 0;
  background-color: transparent;
}
#mayor ul:after {
  display: block;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  content: ".";
  visibility: hidden;
}

/* erea
----------------------------------------------- */
#ereaMap {
  border: 1px solid #006058;
}
#menu #ereaMap .pieceHeader {
  padding: 0;
  background-image: none;
}
#ereaMap .pieceBody {
  padding: 5px;
  background-color: #fffae8;
}
#ereaMap .pieceBody a {
  padding: 0 7px 0 6px;
  background-image: url(./images/ic-chiiki.gif);
  background-repeat: no-repeat;
  background-position: left center;
}


/* qr-code
----------------------------------------------- */
#qrCode {
  margin-top: 5px;
}
#qrCode img {
  float: left;
  margin-right: 4px;
}

/* top-photo
----------------------------------------------- */
#topPhoto {
  margin-bottom: 7px;
}

#topPhoto .pieceBody {
  width: 100%;
  overflow: hidden;
}

/* category Ichiran
----------------------------------------------- */
#ArticleCategory {
  clear: both;
}
/*
#ArticleCategory .pieceHeader {
  margin-bottom: 10px;
  background-image: url(./images/bg-shinchaku-repeat.gif);
  background-repeat: repeat-x;
  background-position: left top;
}
*/
#ArticleCategory .pieceHeader h2 {
  margin-bottom: 10px;
  padding: 3px 10px;
  background: #129EDF url(images/fd_mds_tr.png) no-repeat left center;
  color: #ffffff;
  font-weight: bold;
  font-size: 120%;
}
.categorySeikatsu,
.categoryFukushi,
.categoryKyoikubunka,
.categoryKanko,
.categorySangyoshigoto,
.categoryGyousei,
.categoryBousai {
  float: left;
  width: 100%;
  line-height: 1.5;
  margin-bottom: 5px;
  padding: 10px 0;
  background-color: #e3f5ff;
}
.categorySeikatsu {
  background-color: #FFEDCF;
}
.categoryGyousei {
  background-color: #D4EFD5;
}
.categoryBousai {
  background-color: #fbe7eb;
}
#ArticleCategory .category h2 {
  float: left;
  line-height: 50px;
  padding: 0 20px 0 20px;
}
/*
#ArticleCategory .categorySeikatsu h2 {
  background-image: url(./images/ic-kurashi.gif);
  background-repeat: no-repeat;
  background-position: 10px center;
}
#ArticleCategory .categoryFukushi h2 {
  background-image: url(./images/ic-fukushi.gif);
  background-repeat: no-repeat;
  background-position: 10px center;
}
#ArticleCategory .categoryKyoikubunka h2 {
  background-image: url(./images/ic-kyoiku.gif);
  background-repeat: no-repeat;
  background-position: 10px center;
}
#ArticleCategory .categoryKanko h2 {
  background-image: url(./images/ic-kanko.gif);
  background-repeat: no-repeat;
  background-position: 10px center;
}
#ArticleCategory .categorySangyoshigoto h2 {
  background-image: url(./images/ic-sangyou.gif);
  background-repeat: no-repeat;
  background-position: 10px center;
}
#ArticleCategory .categoryGyousei h2 {
  background-image: url(./images/ic-gyosei.gif);
  background-repeat: no-repeat;
  background-position: 10px center;
}
#ArticleCategory .categoryBousai h2 {
  background-image: url(./images/ic-bosai.gif);
  background-repeat: no-repeat;
  background-position: 10px center;
}
*/
#ArticleCategory .category .children {
  margin: 0 10px 0 130px;
  font-size: 110%;
  line-height: 1.8;
}
#ArticleCategory .category .children div {
  display: inline; 
  padding-right: 10px;
}

#ArticleCategory .categoryFukushi,
#ArticleCategory .categoryKyoikubunka,
#ArticleCategory .categoryKanko,
#ArticleCategory .categorySangyoshigoto,
#ArticleCategory .categoryGyousei,
#ArticleCategory .categoryBousai {
  clear: both;
}
@media only screen and (max-width: 600px) {
	.categorySeikatsu,
	.categoryFukushi,
	.categoryKyoikubunka,
	.categoryKanko,
	.categorySangyoshigoto,
	.categoryGyousei,
	.categoryBousai {
	  float: none;
	  padding: 10px;
	}
	#ArticleCategory .category h2 {
	  float: none;
	  line-height: 1.5;
	  padding: 0 0 10px;
	}
	#ArticleCategory .category .children {
	  margin: 0;
	  font-size: 100%;
	}
}

/* life event
------------------------------------- */
#lifeEvent {
  clear: both;
}
#lifeEvent .pieceHeader h2 {
  padding: 3px 10px;
background: #129EDF url(images/fd_mds_tr.png) no-repeat left center;
  color: #ffffff;
  font-weight: bold;
  font-size: 120%;
}
#lifeEvent .pieceBody {
	margin-bottom: 20px;
	padding: 0;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
#lifeEvent ul {
  width: 100%;
  clear: both;
}
#lifeEvent li {
	float: left;
	width: 20%;
	padding: 0 0 10px;
	vertical-align: middle;
	text-align: center;
}
#lifeEvent li a {
  line-height: 1.5;
  padding: 90px 0 0;
}
#lifeEvent li.teijyu a {
  display: block;
  background-image: url(./images/top_ic_teijyu.png);
  background-repeat: no-repeat;
  background-position: center 10px;
}
#lifeEvent li.kekkon a {
  display: block;
  background-image: url(./images/top_ic_kekkon.png);
  background-repeat: no-repeat;
  background-position: center 10px;
}
#lifeEvent li.ninshin a {
  display: block;
  background-image: url(./images/top_ic_ninshin.png);
  background-repeat: no-repeat;
  background-position: center 10px;
}
#lifeEvent li.kosodate a {
  display: block;
  background-image: url(./images/top_ic_kosodate.png);
  background-repeat: no-repeat;
  background-position: center 10px;
}
#lifeEvent li.sumai a {
  display: block;
  background-image: url(./images/top_ic_sumai.png);
  background-repeat: no-repeat;
  background-position: center 10px;
}
#lifeEvent li.gomi {
  clear: both;
}
#lifeEvent li.gomi a {
  display: block;
  background-image: url(./images/top_ic_gomi.png);
  background-repeat: no-repeat;
  background-position: center 10px;
}
#lifeEvent li.koutsu a {
  display: block;
  background-image: url(./images/top_ic_koutsu.png);
  background-repeat: no-repeat;
  background-position: center 10px;
}
#lifeEvent li.iryou a {
  display: block;
  background-image: url(./images/top_ic_iryou.png);
  background-repeat: no-repeat;
  background-position: center 10px;
}
#lifeEvent li.kaigo a {
  display: block;
  background-image: url(./images/top_ic_kaigo.png);
  background-repeat: no-repeat;
  background-position: center 10px;
}
#lifeEvent li.okuyami a {
  display: block;
  background-image: url(./images/top_ic_okuyami.png);
  background-repeat: no-repeat;
  background-position: center 10px;
}
@media only screen and (max-width: 600px) {
  #lifeEvent li {
	width: 33.3%;
  }
  #lifeEvent li.gomi {
    clear: none;
  }
}

/* population
----------------------------------------------- */
#population.piece {
  margin: 0 0 10px;
}
#menu #population caption {
	font-size: 93%;
	line-height: 1.4;
	padding: 2px 7px;
	border: 1px solid #0088C4;
	background-color: #eee;
	color: #333;
}
#menu #population .pieceHeader h2{
	font-size: 100%;
	font-weight: bold;
	text-align: center;
}
html #menu #population .pieceHeader h2{
	font-size: 90%;
}
#population dl {
	width: 100%;
	font-size: 93%;
	color: #333;
}
#population dt {
	padding: 5px 7px;
	border-left: #0088C4 1px solid;
	border-right: #0088C4 1px solid;
	border-bottom: #0088C4 1px solid;
	background-color: #f5f5f5;
	font-weight: normal;
	text-align: left;
}
#population dd {
	padding: 5px 7px;
	border-right: #0088C4 1px solid;
	border-bottom: #0088C4 1px solid;
}
#population dt.noBorder {
	border-right: #0088C4 1px solid;
	border-bottom: #0088C4 1px solid;
	border-left: #0088C4 1px solid;
}
#population dd.noBorder {
	border-right: #0088C4 1px solid;
	border-bottom: #0088C4 1px solid;
}
#population p{
	font-size: 93%;
	color: #333;
}

/* topic
----------------------------------------------- */
#topic {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
#topic .pieceHeader h2 {
  margin-bottom: 10px;
  padding: 3px 10px;
  background:#0952EB;
  background: -moz-linear-gradient(top, #0952EB, #001C66);
  background: -webkit-gradient(linear, center top, center bottom, from(#0952EB), to(#001C66));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0952EB', endColorstr='#001C69');
  color: #ffffff;
  font-weight: bold;
  font-size: 120%;
}
#topic img {
  float: left;
}
#topic h3 {
  margin-bottom: 5px;
  padding-left: 180px;
  color: #f00000;
  font-weight: bold;
}
#topic p {
  padding-left: 180px;
}
#topic .next {
  margin-top: 20px;
  text-align: right;
}

/* recent-docs
------------------------------------- */
#recentDocs {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}
#recentDocs .pieceBody {
  padding: 5px 15px 0 15px;
}
#recentDocs .pieceHeader {
  margin-bottom: 10px;
  padding: 3px 10px;
  background:#0952EB;
  background: -moz-linear-gradient(top, #0952EB, #001C66);
  background: -webkit-gradient(linear, center top, center bottom, from(#0952EB), to(#001C66));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0952EB', endColorstr='#001C69');
  color: #ffffff;
  font-weight: bold;
}
#recentDocs li:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
* html #recentDocs li {
  height: 1%;
}
#recentDocs li {
  display: block;
  clear: both;
  min-height: 90px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc;
}
#recentDocs li .title {
  margin-bottom: 5px;
  padding-left: 10px;
  background-image: url("../piece/images/ic-list-shinchaku.gif");
  background-repeat: no-repeat;
  background-position: left 7px;
}
#recentDocs li img {
  display: inline-block;
  float: left;
  margin-right: 5px;
}
#recentDocs .feed {
  position: absolute;
  float: left;
  top: 3px;
}
#recentDocs .links {
  text-align: right;
}
#recentDocs .links .more {
  padding: 0;
}