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

@media screen and (min-width: 900px) { /*ウィンドウ幅が最大900pxまでの場合に適用*/
#menu-btn-check {
    display: none;
}
/* =========================================================
   TOP
========================================================= */

/* common banner
----------------------------------------------- */
#commonBanner h1 {
  float: left;
  width: 29%;
  height: 70px;
}
#commonBanner h1 a {
  display: block;
  width: 100%;
  height: 0px !important;
  height /**/: 70px; /* gokanmode */
  padding-top: 70px;
  overflow: hidden;
  outline: 0;
}

/* mayor-style
----------------------------------------------- */
/* トップページ　左カラムメニュー */
#mayor {
  margin-bottom: 10px;
}
#mayor .pieceHeader {
	height: 26px;
	background: url(../piece/images/title_kinkyu.gif) no-repeat;
	text-indent: -9999px;
}
#mayor .pieceBody li {
	background: url(images/li_red.gif) 0px 0px no-repeat;
}
#mayor .pieceBody ul {
	width: 100%;
	overflow: hidden;
}
#mayor .pieceBody li {
	width: 100%;
	height: 25px;
	padding-top: 2px;
	padding-left: 28px;
}
#mayor ul:after {
	display: block;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	content: ".";
	visibility: hidden;
}

/* about-style
----------------------------------------------- */
#about {
  margin-bottom: 10px;
}
#about .pieceHeader {
	height: 26px;
	background: url(../piece/images/title_welcom.gif) no-repeat;
	text-indent: -9999px;
}
#about .pieceBody li {
	background: url(images/li_purple.gif) 0px 0px no-repeat;
}

#about .pieceBody ul {
	width: 100%;
	overflow: hidden;
}
#about .pieceBody li{
	width: 100%;
	height: 25px;
	padding-top: 2px;
	padding-left: 28px;
}
#about ul:after {
	display: block;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	content: ".";
	visibility: hidden;
}

/* basicInformation-style
----------------------------------------------- */
#basicInformation {
  margin-bottom: 10px;
}
#basicInformation .pieceHeader h2 {
	height: 26px;
	background: url(../piece/images/title_about.gif) no-repeat;
	text-indent: -9999px;
}
#basicInformation .pieceBody li {
	background: url(images/li_purple.gif) 0px 0px no-repeat;
}

#basicInformation .pieceBody ul{
	width: 100%;
	overflow: hidden;
}
#basicInformation .pieceBody li{
	width: 100%;
	height: 25px;
	padding-top: 2px;
	padding-left: 28px;
}
#basicInformation ul:after {
	display: block;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	content: ".";
	visibility: hidden;
}

/* attractInformation-style
----------------------------------------------- */
#attractInformation {
  margin-bottom: 10px;
}
#attractInformation .pieceHeader h2 {
	height: 26px;
	margin-top: 18px;
	background: url(../piece/images/titile_attention.gif) no-repeat;
	text-indent: -9999px;
}
#attractInformation .pieceBody li{
	background: url(images/li_purple.gif) 0px 0px no-repeat;
}

#attractInformation .pieceBody ul {
	width: 100%;
	overflow: hidden;
}
#attractInformation .pieceBody li {
	height: 25px;
	padding-top: 2px;
	padding-left: 28px;
}
#attractInformation ul:after {
	display: block;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	content: ".";
	visibility: hidden;
}

/* categoryList-style
----------------------------------------------- */

#categoryList {
  margin-bottom: 10px;
}
#categoryList .pieceHeader h2 {
	height: 26px;
	background: url(../piece/images/title_bunya.gif) no-repeat;
	text-indent: -9999px;
}
#categoryList .pieceBody li{
	background: url(../top/images/li_purple.gif);
	background-repeat: no-repeat;
}

#categoryList .pieceBody ul {
	width: 100%;
	overflow: hidden;
}
#categoryList .pieceBody li {
	height: 25px;
	padding-top: 2px;
	padding-left: 28px;
	}
#categoryList ul:after {
	display: block;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	content: ".";
	visibility: hidden;
}

/* relationLink-style
----------------------------------------------- */
#relationLink {
  margin-bottom: 10px;
}
#relationLink .pieceBody ul{
	width: 100%;
	overflow: hidden;
}
#relationLink .pieceBody li{
	height: 25px;
	padding-top: 2px;
	padding-left: 28px;
	}
#relationLink .pieceBody li {
	background: url(../top/images/li_purple.gif);
}
#relationLink .pieceHeader h2 {
	width: 100%;
	height: 26px;
	background: url(../piece/images/title_link.gif) no-repeat;
	text-indent: -9999px;
}
#relationLink ul:after {
	display: block;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	content: ".";
	visibility: hidden;
}
#outline .title_about {
	width: 100%;
	height: 26px;
	background: url(../piece/images/title_about.gif) no-repeat;
	text-indent: -9999px;
}
/* 編集ここまで */

/* bnEvent-style
----------------------------------------------- */
/* 田んぼアート　バナー                         */
#bnEvent .pieceBody {
	clear: both;
	width: 100%;
	height: 87px;
	margin-bottom: 10px;
	background: url(../piece/images/bnr_H24tanboart.gif) 0 -87px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}
#bnEvent .pieceBody a {
	display: block;
	width: 100%;
	height: 87px;
	background: url(../piece/images/bnr_H24tanboart.gif) 0 0 no-repeat;
	overflow: hidden;
}
#bnEvent .pieceBody a:hover {
	background: none;
}

/* bnr_livecam-style
----------------------------------------------- */
/* ライブカメラ　バナー                         */
#bnr_livecam .pieceBody {
    clear: both;
	width: 100%;
	height: 39px;
        margin-bottom: 10px;
	background: url(../piece/images/bnr_livecam.gif) 0 -39px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}
#bnr_livecam .pieceBody a {
	display: block;
	width: 100%;
	height: 39px;
	background: url(../piece/images/bnr_livecam.gif) 0 0 no-repeat;
	overflow: hidden;
}
#bnr_livecam .pieceBody a:hover {
	background: none;
}

/* bnr_furusato-style
----------------------------------------------- */
/* ふるさと納税　バナー                         */
#bnr_furusato .pieceBody {
    clear: both;
	width: 100%;
	height: 39px;
        margin-bottom: 5px;
	background: url(../piece/images/bnr_furusato.gif) 0 -39px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}
#bnr_furusato .pieceBody a {
	display: block;
	width: 100%;
	height: 39px;
	background: url(../piece/images/bnr_furusato.gif) 0 0 no-repeat;
	overflow: hidden;
}
#bnr_furusato .pieceBody a:hover {
	background: none;
}

/* bnMailmagazine-style
----------------------------------------------- */
#bnBbs .pieceBody {
	clear: both;
	width: 100%;
	height: 39px;
	margin-bottom: 10px;
	background: url(../piece/images/bnr_gikai.gif) 0 -39px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}
#bnBbs .pieceBody a {
	display: block;
	width: 100%;
	height: 39px;
	background: url(../piece/images/bnr_gikai.gif) 0 0 no-repeat;
	overflow: hidden;
}
#bnBbs .pieceBody a:hover {
	background: none;
}


/* application-style
----------------------------------------------- */
#application .pieceBody {
	clear: both;
	width: 100%;
	height: 39px;
	margin-bottom: 10px;
	background: url(../piece/images/bnr_shinseisho.jpg) 0 -39px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}
#application .pieceBody a {
	display: block;
	width: 100%;
	height: 39px;
	background: url(../piece/images/bnr_shinseisho.jpg) 0 0 no-repeat;
	overflow: hidden;
}
#application .pieceBody a:hover {
	background: none;
}

/* inquiry-style
----------------------------------------------- */
.bnr_contact {
    clear: both;
	width: 100%;
	height: 46px;
	background: url(../piece/images/bnr_contact.gif) 0 -46px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
        margin-bottom: 5px;
}
.bnr_contact a {
	display: block;
	width: 100%;
	height: 46px;
	background: url(../piece/images/bnr_contact.gif) 0 0 no-repeat;
	overflow: hidden;
}
.bnr_question {
    clear: both;
	width: 100%;
	height: 46px;
	background: url(../piece/images/bnr_question.gif) 0 -46px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
        margin-bottom: 5px;
}
.bnr_question a {
	display: block;
	width: 100%;
	height: 46px;
	background: url(../piece/images/bnr_question.gif) 0 0 no-repeat;
	overflow: hidden;
}
.bnr_kouhoukun {
    clear: both;
	width: 100%;
	height: 46px;
	background: url(../piece/images/bnr_kouhoukun.gif) 0 -46px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
        margin-bottom: 5px;
}
.bnr_kouhoukun a {
	display: block;
	width: 100%;
	height: 46px;
	background: url(../piece/images/bnr_kouhoukun.gif) 0 0 no-repeat;
	overflow: hidden;
}

/* --- add --- 2014/10/07 */
.bnr_facebook {
    clear: both;
	width: 100%;
	height: 50px;
	background: url(../piece/images/bnr_facebook.gif) 0 -50px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
        margin-bottom: 5px;
}
.bnr_facebook a {
	display: block;
	width: 100%;
	height: 50px;
	background: url(../piece/images/bnr_facebook.gif) 0 0 no-repeat;
	overflow: hidden;
}
/* --- end --- 2014/10/07 */

.bnr_portal {
    clear: both;
	width: 100%;
	height: 46px;
	background: url(images/bnr_portal.gif) 0 -46px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}
.bnr_portal a {
	display: block;
	width: 100%;
	height: 46px;
	background: url(images/bnr_portal.gif) 0 0 no-repeat;
	overflow: hidden;
}

/* --- add --- 2015/10/20 */
.bnr_tsugaru a {
    display: block;
	width: 100%;
	height: 50px;
	background: url(images/bnr_tsugaru.png) 0 0 no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}

.bnr_hitoaji a {
    display: block;
	width: 100%;
	height: 50px;
	background: url(images/bnr_hitoaji.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}
/* --- end --- 2015/10/20 */

/* --- add --- 2014/10/07 */
.bnr_shokumi {
    clear: both;
	width: 100%;
	height: 50px;
	background: url(images/bnr_shokumi.gif) 0 -50px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}
.bnr_shokumi a {
	display: block;
	width: 100%;
	height: 50px;
	background: url(images/bnr_shokumi.gif) 0 0 no-repeat;
	overflow: hidden;
}
/* --- end --- 2014/10/07 */

.bnr_road {
    clear: both;
	width: 100%;
	height: 46px;
	background: url(images/bnr_road.gif) 0 -46px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}
.bnr_road a {
	display: block;
	width: 100%;
	height: 46px;
	background: url(images/bnr_road.gif) 0 0 no-repeat;
	overflow: hidden;
}
.bnr_credit {
    clear: both;
	width: 100%;
	height: 46px;
	background: url(images/bnr_credit.gif) 0 -46px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}
.bnr_credit a {
	display: block;
	width: 100%;
	height: 46px;
	background: url(images/bnr_credit.gif) 0 0 no-repeat;
	overflow: hidden;
}
.bnr_marugoto {
    clear: both;
	width: 100%;
	height: 46px;
	background: url(images/bnr_marugoto.gif) 0 -46px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}
.bnr_marugoto a {
	display: block;
	width: 100%;
	height: 46px;
	background: url(images/bnr_marugoto.gif) 0 0 no-repeat;
	overflow: hidden;
}
/* --- add --- 2016/01/08 */
.bnr_kaden_recycle a {
    display: block;
	width: 100%;
	height: 53px;
	background: url(images/bnr_kaden_recycle.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}
/* --- end --- 2016/01/08 */
.bnr_niconavi {
    clear: both;
	width: 100%;
	height: 46px;
	background: url(images/bnr_niconavi.gif) 0 -46px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}
.bnr_niconavi a {
	display: block;
	width: 100%;
	height: 46px;
	background: url(images/bnr_niconavi.gif) 0 0 no-repeat;
	overflow: hidden;
}


.bnr_link {
         padding: 0px;
}
.bnr_link a {
         display: block;
         margin-bottom: 5px;
}

/* --- add --- bnr_shokumi 2014/10/07 */
.bnr_contact a:hover,
.bnr_question a:hover,
.bnr_kouhoukun a:hover,
.bnr_portal a:hover,
.bnr_shokumi a:hover,
.bnr_road a:hover,
.bnr_credit a:hover,
.bnr_marugoto a:hover,
.bnr_niconavi a:hover {
	background: none;
}

.koukoku {
	display: block;
	margin: 20px auto 3px auto;
	width: 161px;
	height: 44px;
}
.koukoku a {
	text-decoration: underline;
	color: #002aa2;
}
.koukoku a:visited {
	text-decoration: underline;
	color: #660099;
}
.koukoku a:hover {
	text-decoration: underline;
	color: #c20002;
}
.advertise {
	font-size: 14px;
	color: #363636;
	text-align: center;
	line-height: 22px;
}
.fb-min {
	font-size: 12px;
	text-align: center;
}

/* bnr_kouhou-inakadate
----------------------------------------------- */
#menu #bnr_kouhou-inakadate .pieceHeader {
  padding: 0px;
  background-image: none;
}
#bnr_kouhou-inakadate .pieceBody {
  clear: both;
  width: 100%;
  height: 39px;
  margin-bottom: 10px;
  background: url(../piece/images/bnr_kouhou-inakadate.gif) 0 -39px no-repeat;
  text-indent: -9999px;
  position: relative;
  overflow: hidden;
}
#bnr_kouhou-inakadate .pieceBody a {
  display: block;
  width: 100%;
  height: 39px;
  background: url(../piece/images/bnr_kouhou-inakadate.gif) 0 0 no-repeat;
  overflow: hidden;
}
#bnr_kouhou-inakadate .pieceBody a:hover {
  background: none;
}

/* bnr_inakadate-reikishuu
----------------------------------------------- */
#menu #bnr_inakadate-reikishuu .pieceHeader {
  padding: 0px;
  background-image: none;
}
#bnr_inakadate-reikishuu .pieceBody {
  clear: both;
  width: 100%;
  height: 39px;
  margin-bottom: 10px;
  background: url(../piece/images/bnr_reikishuu.gif) 0 -39px no-repeat;
  text-indent: -9999px;
  position: relative;
  overflow: hidden;
}
#bnr_inakadate-reikishuu .pieceBody a {
  display: block;
  width: 100%;
  height: 39px;
  background: url(../piece/images/bnr_reikishuu.gif) 0 0 no-repeat;
  overflow: hidden;
}
#bnr_inakadate-reikishuu .pieceBody a:hover {
  background: none;
}

/* erea
----------------------------------------------- */
#ereaMap {
  border: 1px solid #006058;
}
#menu #ereaMap .pieceHeader {
  padding: 0px;
  background-image: none;
}
#ereaMap .pieceBody {
  padding: 5px;
  background-color: #fffae8;
}

#ereaMap .pieceBody a {
  padding: 0px 7px 0px 6px;
  background-image: url(./images/ic-chiiki.gif);
  background-position: left center;
  background-repeat: no-repeat;
}

/* docs
----------------------------------------------- */
#recentDocs li {
  padding: 0px 0px 5px 10px;
  background-image: url(./images/ic-list-shinchaku.gif);
  background-repeat: no-repeat;
  background-position: left 5px;
}
#recentDocs .pieceBody {
  padding: 0px 5px 5px 5px;
}

/* recent Docs Title
----------------------------------------------- */
#recentDocsTitle h2 {
  height: 30px;
  background-image: url(./images/tl-shinchaku.gif);
  background-position: left top;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

/* RSS Atom
----------------------------------------------- */
#recentDocs .feed {
  float: right;
  position: relative;
  top: -27px;
  right: 10px;
  height: 13px;
  background-color: transparent;
}
#recentDocs .feed a.feedRss {
  display: inline-block;
  width: 40px;
  height: 13px;
  background-image: url(./images/bt-rss.gif);
  background-repeat: no-repeat;
  text-indent: 50px;
  overflow: hidden;
}
#recentDocs .feed a.feedAtom {
  display: inline-block;
  width: 40px;
  height: 13px;
  background-image: url(./images/bt-atom.gif);
  background-repeat: no-repeat;
  text-indent: 50px;
  overflow: hidden;
}

/* For firefox2 */
#recentDocs .feed a.feedAtom,y:-moz-any-link,
#recentDocs .feed a.feedRss,x:-moz-any-link {
  display: -moz-inline-box;
  padding-top: 13px;
}
#recentDocs .links {
  text-align: right;
}
/* footer-navi
----------------------------------------------- */
#footerNavi {
  width: 100%;
  background-color: #fff;
}
#footerNavi img {
  margin-left: 5px;
  vertical-align: middle;
}
#footerNavi .pieceBody {
	padding: 10px 0;
	color: #333333;
    text-align: center;
}


/* footer-ad
----------------------------------------------- */
#footerAdBanner {
  background-color: #eeeeee;
  text-align: center;
}
#footerAdBanner .pieceBody {
  padding: 10px 0px 5px 0px;
}
#footerAdBanner a {
  margin: auto 10px;
}

/* qr-code
----------------------------------------------- */
#qrCode {
  margin-top: 5px;
}
#qrCode img {
  float: left;
  margin-right: 4px;
}
#qrCode .pieceBody {
	font-size: 12px;
}
	
/* top-photo
----------------------------------------------- */
#topPhoto {
  margin-bottom: 7px;
}
#topPhoto .pieceBody {
  width: 100%;
  overflow: hidden;
}
#wrap {
	margin: 0 auto;
}
.main-image-box {
	width: 818px;
	height: 236px;
	background: #FFF;
	border: 1px solid #dcdcdc;
	margin: 0px auto;
	display: inline;
	float: left;
	overflow: hidden;
	position: relative;
}
.main-image-inbox {
	width: 812px;
	height: 232px;
	margin: 2px auto 0;
}
.out-box {
	width: 156px;
	height: 140px;
	margin-top: 10px;
	margin-right: 10px;
	display: inline;
	float: left;
	overflow: hidden;
	position: relative;
}
	
.image-box {
	width: 154px;
	height: 104px;
	background: #ffffff;
	border: 1px solid #dcdcdc;
	margin-bottom: 3px;
	display: inline;
	float: left;
	overflow: hidden;
	position: relative;
}
.image-box .inbox {
	width: 150px;
	height: 100px;
	margin: 2px auto 0;
}
.out-box p,
#last p {
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
}
.out-box a {
	text-decoration: none;
}

#last {
	margin-right: 0;
}





/* category Ichiran
----------------------------------------------- */
#ArticleCategory {
  clear: both;
}
#ArticleCategory .pieceHeader {
  margin-bottom: 10px;
  background-image: url(images/bg-shinchaku-repeat.gif);
  background-position: left top;
  background-repeat: repeat-x;
}
#ArticleCategory .pieceHeader h2 {
  height: 30px;
  background-image: url(images/tl-bunyabetsu.gif);
  background-position: left top;
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}
.categoryKurashi,
.categoryFukushi,
.categoryKyoikubunka,
.categoryKanko,
.categorySangyoshigoto,
.categoryGyoseimachizukuri,
.categoryBosaigai {
	float: left;
	width: 100%;
	margin-bottom: 5px;
	padding: 10px 0px;
	background-color: #f7f4e4;
  	font-weight: bold;
	line-height: 1.5;
}
.categoryBosaigai {
	background-color: #f0d7d7;
}
.categoryBosaigai a {
	font-weight: bold;
	color: #333234;
}
.categoryBosaigai a:visited {
  color: #660099;
}
.categoryBosaigai a:hover {
  color: #c20002;
}
#ArticleCategory .category h2 {
	float: left;
	padding-left: 60px;
  	font-weight: bold;
	line-height: 50px;
}
#ArticleCategory .categoryKurashi h2 {
  background-image: url(../category/images/ic-kurashi.gif);
  background-position: 10px center;
  background-repeat: no-repeat;
}
#ArticleCategory .categoryKanko h2 {
  background-image: url(../category/images/ic-kanko.gif);
  background-position: 10px center;
  background-repeat: no-repeat;
}
#ArticleCategory .categorySangyoshigoto h2 {
  background-image: url(../category/images/ic-sangyou.gif);
  background-position: 10px center;
  background-repeat: no-repeat;
}
#ArticleCategory .categoryGyoseimachizukuri h2 {
  background-image: url(../category/images/ic-gyosei.gif);
  background-position: 10px center;
  background-repeat: no-repeat;
}
#ArticleCategory .categoryBosaigai h2 {
  background-image: url(../category/images/ic-bosai.gif);
  background-position: 10px center;
  background-repeat: no-repeat;
}
#ArticleCategory .categoryBosaigai h2 a {
	font-weight: bold;
	color: #e5041f;
}
#ArticleCategory .categoryBosaigai h2 a:visited {
  color: #660099;
}
#ArticleCategory .categoryBosaigai h2 a:hover {
  color: #c20002;
}

#ArticleCategory .category .children {
  margin: 0px 10px 0px 180px;
}
#ArticleCategory .category .children div {
  display: inline; 
  padding-right: 10px;
}
#ArticleCategory .categoryFukushi,
#ArticleCategory .categoryKyoikubunka,
#ArticleCategory .categoryKanko,
#ArticleCategory .categorySangyoshigoto,
#ArticleCategory .categoryGyoseimachizukuri,
#ArticleCategory .categoryBosaigai {
  clear: both;
}

/* life event
------------------------------------- */
#lifeEvent {
  clear: both;
}
#lifeEvent .pieceHeader {
  margin-bottom: 10px;
  background-image: url(images/bg-shinchaku-repeat.gif);
  background-position: left top;
  background-repeat: repeat-x;
}
#lifeEvent .pieceHeader h2 {
  overflow: hidden;
  height: 30px;
  background-image: url(images/tl-lifeevent.gif);
  background-position: left top;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
#lifeEvent ul {
  width: 100%;
  clear: both;
}
#lifeEvent li {
  float: left;
  width: 25%;
  text-align: center;
  vertical-align: middle;
}
#lifeEvent li p {
  padding: 8px 0px;
  line-height: 1.5;
}
#lifeEvent li.pregnant p {
  margin: 0px 6px 8px 0px;
  background-color: #f0d7d7;
}
#lifeEvent li.child p {
  margin: 0px 4px 8px 2px;
  background-color: #f2eebc;
}
#lifeEvent li.work p {
  margin: 0px 2px 8px 4px;
  background-color: #c9e0ee;
}
#lifeEvent li.adult p {
  margin: 0px 0px 8px 6px;
  background-color: #c2ddc0;
}
#lifeEvent li.moving {
  clear: both;
}
#lifeEvent li.moving p {
  margin: 0px 6px 8px 0px;
  background-color: #e1e9d0;
}
#lifeEvent li.marriage p {
  margin: 0px 4px 8px 2px;
  background-color: #c9e2e2;
}
#lifeEvent li.welfare p {
  margin: 0px 2px 8px 4px;
  background-color: #f5e3bb;
}
#lifeEvent li.death p {
  margin: 0px 0px 8px 6px;
  background-color: #ddd5e6;
}

/* population
----------------------------------------------- */
#population.piece {
  margin: 0px 0px 15px 0px;
  background-color: #efefef;
}
#menu #population .pieceHeader {
  width: 170px;
  height: 48px;
  background: url(images/title_population.gif) no-repeat;
  color: #4b117e;
  line-height: 1.6;
  padding-top: 4px;
  text-align:center; 
}
#menu #population .pieceHeader h2{
  font-size: 90%;
  font-weight: bold;
}
*html #menu #population .pieceHeader h2{
  font-size: 80%;
}

#population table {
  width: 170px;
}
#population th {
  padding: 5px 7px;
  border-left: #4a107d 1px solid;
  border-right: #c7b4d8 1px solid;
  border-bottom: #c7b4d8 1px solid;
  background-color: #efefef;
  font-weight: normal;
  text-align: left;
}
#population td {
  padding: 5px 7px;
  border-right: #4a107d 1px solid;
  border-bottom: #c7b4d8 1px solid;
}
#population th.noBorder {
  border-left: #4a107d 1px solid;
  border-right: #c7b4d8 1px solid;
  border-bottom: #4a107d 1px solid;
}
#population td.noBorder {
  border-right: #4a107d 1px solid;
  border-bottom: #4a107d 1px solid;
}
/* topic
----------------------------------------------- */
#topic {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
#topic .pieceHeader {
  margin-bottom: 10px;
  background-image: url(images/bg-shinchaku-repeat.gif);
  background-position: left top;
  background-repeat: repeat-x;
}
#topic .pieceHeader h2 {
  height: 30px;
  background-image: url(images/tl-shunnojoruri.gif);
  background-position: left top;
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}
#topic img {
  float: left;
}
#topic h3 {
	margin-bottom: 5px;
	padding-left: 180px;
	color: #b9041a;
	font-weight: bold;
	font-size: 18px;
}
#topic p {
  padding-left: 180px;
}
#topic .next {
  margin-top: 20px;
  text-align: right;
}



/* slideshow                         2016/06/17
----------------------------------------------- */
/* --各画像の「表示位置」と「重なり順」を調整-- */

#slideshow {
   position: relative;
/* width:  812px; */ /* 画像の横幅に合わせて記述 */
   height: 232px; /* 画像の高さに合わせて記述 */
   width:  100%;
   margin-bottom: 10px;
   overflow: hidden;
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}
}
@media screen and (max-width: 900px) { /*ウィンドウ幅が最大900pxまでの場合に適用*/
/* =========================================================
   TOP
========================================================= */

/* common banner
----------------------------------------------- */
#commonBanner h1 {
  float: left;
  width: 29%;
  height: 70px;
}
#commonBanner h1 a {
  display: block;
  width: 100%;
  height: 0px !important;
  height /**/: 70px; /* gokanmode */
  padding-top: 70px;
  overflow: hidden;
  outline: 0;
}

/* mayor-style
----------------------------------------------- */
/* トップページ　左カラムメニュー */
#mayor {
  margin-bottom: 10px;
}
#mayor .pieceHeader {
	height: 26px;
	background: url(../piece/images/title_kinkyu.gif) no-repeat;
	text-indent: -9999px;
}
#mayor .pieceBody li {
	background: url(images/li_red.gif) 0px 0px no-repeat;
}
#mayor .pieceBody ul {
	width: 100%;
	overflow: hidden;
}
#mayor .pieceBody li {
	width: 100%;
	height: 25px;
	padding-top: 2px;
	padding-left: 28px;
}
#mayor ul:after {
	display: block;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	content: ".";
	visibility: hidden;
}

/* about-style
----------------------------------------------- */
#about {
  margin-bottom: 10px;
}
#about .pieceHeader {
	height: 26px;
	background: url(../piece/images/title_welcom.gif) 50% 50%  no-repeat;
	text-indent: -9999px;
}
#about .pieceBody li {
	background: url(images/li_purple.gif) 50% 50%  no-repeat;
}

#about .pieceBody ul {
	width: 100%;
	overflow: hidden;
}
#about .pieceBody li{
	width: 100%;
	height: 25px;
	padding-top: 2px;
	text-align: center;
}
#about .pieceBody a{
	padding-left: 28px;
	font-size: 12px;
}
#about ul:after {
	display: block;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	content: ".";
	visibility: hidden;
}

/* basicInformation-style
----------------------------------------------- */
#basicInformation {
  margin-bottom: 10px;
}
#basicInformation .pieceHeader h2 {
	height: 26px;
	background: url(../piece/images/title_about.gif) no-repeat;
	text-indent: -9999px;
}
#basicInformation .pieceBody li {
	background: url(images/li_purple.gif) 0px 0px no-repeat;
}

#basicInformation .pieceBody ul{
	width: 100%;
	overflow: hidden;
}
#basicInformation .pieceBody li{
	width: 100%;
	height: 25px;
	padding-top: 2px;
	padding-left: 28px;
}
#basicInformation ul:after {
	display: block;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	content: ".";
	visibility: hidden;
}

/* attractInformation-style
----------------------------------------------- */
#attractInformation {
  margin-bottom: 10px;
}
#attractInformation .pieceHeader h2 {
	height: 26px;
	margin-top: 18px;
	background: url(../piece/images/titile_attention.gif) no-repeat;
	text-indent: -9999px;
}
#attractInformation .pieceBody li{
	background: url(images/li_purple.gif) 0px 0px no-repeat;
}

#attractInformation .pieceBody ul {
	width: 100%;
	overflow: hidden;
}
#attractInformation .pieceBody li {
	height: 25px;
	padding-top: 2px;
	padding-left: 28px;
}
#attractInformation ul:after {
	display: block;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	content: ".";
	visibility: hidden;
}

/* categoryList-style
----------------------------------------------- */

#categoryList {
  margin-bottom: 10px;
}
#categoryList .pieceHeader h2 {
	height: 26px;
	background: url(../piece/images/title_bunya.gif) no-repeat;
	text-indent: -9999px;
}
#categoryList .pieceBody li{
	background: url(../top/images/li_purple.gif);
	background-repeat: no-repeat;
}

#categoryList .pieceBody ul {
	width: 100%;
	overflow: hidden;
}
#categoryList .pieceBody li {
	height: 25px;
	padding-top: 2px;
	padding-left: 28px;
	}
#categoryList ul:after {
	display: block;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	content: ".";
	visibility: hidden;
}

/* relationLink-style
----------------------------------------------- */
#relationLink {
  margin-bottom: 10px;
}
#relationLink .pieceBody ul{
	width: 100%;
	overflow: hidden;
}
#relationLink .pieceBody li{
	height: 25px;
	padding-top: 2px;
	padding-left: 28px;
	}
#relationLink .pieceBody li {
	background: url(../top/images/li_purple.gif);
}
#relationLink .pieceHeader h2 {
	width: 100%;
	height: 26px;
	background: url(../piece/images/title_link.gif) no-repeat;
	text-indent: -9999px;
}
#relationLink ul:after {
	display: block;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	content: ".";
	visibility: hidden;
}
#outline .title_about {
	width: 100%;
	height: 26px;
	background: url(../piece/images/title_about.gif) no-repeat;
	text-indent: -9999px;
}
/* 編集ここまで */

/* bnEvent-style
----------------------------------------------- */
/* 田んぼアート　バナー                         */
#bnEvent .pieceBody {
	clear: both;
	width: 100%;
	height: 87px;
	margin-bottom: 10px;
	background: url(../piece/images/bnr_H24tanboart.gif) 0 -87px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}
#bnEvent .pieceBody a {
	display: block;
	width: 100%;
	height: 87px;
	background: url(../piece/images/bnr_H24tanboart.gif) 0 0 no-repeat;
	overflow: hidden;
}
#bnEvent .pieceBody a:hover {
	background: none;
}

/* bnr_livecam-style
----------------------------------------------- */
/* ライブカメラ　バナー                         */
#bnr_livecam .pieceBody {
    clear: both;
	width: 100%;
	height: 39px;
        margin-bottom: 10px;
	background: url(../piece/images/bnr_livecam.gif) 0 -39px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}
#bnr_livecam .pieceBody a {
	display: block;
	width: 100%;
	height: 39px;
	background: url(../piece/images/bnr_livecam.gif) 0 0 no-repeat;
	overflow: hidden;
}
#bnr_livecam .pieceBody a:hover {
	background: none;
}

/* bnr_furusato-style
----------------------------------------------- */
/* ふるさと納税　バナー                         */
#bnr_furusato .pieceBody {
    clear: both;
	width: 100%;
	height: 39px;
        margin-bottom: 5px;
	background: url(../piece/images/bnr_furusato.gif) 0 -39px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}
#bnr_furusato .pieceBody a {
	display: block;
	width: 100%;
	height: 39px;
	background: url(../piece/images/bnr_furusato.gif) 0 0 no-repeat;
	overflow: hidden;
}
#bnr_furusato .pieceBody a:hover {
	background: none;
}

/* bnMailmagazine-style
----------------------------------------------- */
#bnBbs .pieceBody {
	clear: both;
	width: 100%;
	height: 39px;
	margin-bottom: 10px;
	background: url(../piece/images/bnr_gikai.gif) 0 -39px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}
#bnBbs .pieceBody a {
	display: block;
	width: 100%;
	height: 39px;
	background: url(../piece/images/bnr_gikai.gif) 0 0 no-repeat;
	overflow: hidden;
}
#bnBbs .pieceBody a:hover {
	background: none;
}


/* application-style
----------------------------------------------- */
#application .pieceBody {
	clear: both;
	width: 100%;
	height: 39px;
	margin-bottom: 10px;
	background: url(../piece/images/bnr_shinseisho2.jpg) 0 -39px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
	background-position: center;
}
#application .pieceBody a {
	display: block;
	width: 100%;
	height: 39px;
	background: url(../piece/images/bnr_shinseisho2.jpg) 0 0 no-repeat;
	overflow: hidden;
	background-position: center;
}
#application .pieceBody a:hover {
	background: none;
}

/* inquiry-style
----------------------------------------------- */
.bnr_contact {
    clear: both;
	width: 100%;
	height: 46px;
	background: url(../piece/images/bnr_contact.gif) 0 -46px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
        margin-bottom: 5px;
}
.bnr_contact a {
	display: block;
	width: 100%;
	height: 46px;
	background: url(../piece/images/bnr_contact.gif) 0 0 no-repeat;
	overflow: hidden;
}
.bnr_question {
    clear: both;
	width: 100%;
	height: 46px;
	background: url(../piece/images/bnr_question.gif) 0 -46px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
        margin-bottom: 5px;
}
.bnr_question a {
	display: block;
	width: 100%;
	height: 46px;
	background: url(../piece/images/bnr_question.gif) 0 0 no-repeat;
	overflow: hidden;
}
.bnr_kouhoukun {
    clear: both;
	width: 100%;
	height: 46px;
	background: url(../piece/images/bnr_kouhoukun.gif) 0 -46px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
        margin-bottom: 5px;
}
.bnr_kouhoukun a {
	display: block;
	width: 100%;
	height: 46px;
	background: url(../piece/images/bnr_kouhoukun.gif) 0 0 no-repeat;
	overflow: hidden;
}

/* --- add --- 2014/10/07 */
.bnr_facebook {
    clear: both;
	width: 100%;
	height: 50px;
	background: url(../piece/images/bnr_facebook.gif) 0 -50px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
        margin-bottom: 5px;
}
.bnr_facebook a {
	display: block;
	width: 100%;
	height: 50px;
	background: url(../piece/images/bnr_facebook.gif) 0 0 no-repeat;
	overflow: hidden;
}
/* --- end --- 2014/10/07 */

.bnr_portal {
    clear: both;
	width: 100%;
	height: 46px;
	background: url(images/bnr_portal.gif) 0 -46px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}
.bnr_portal a {
	display: block;
	width: 100%;
	height: 46px;
	background: url(images/bnr_portal.gif) 0 0 no-repeat;
	overflow: hidden;
}

/* --- add --- 2015/10/20 */
.bnr_tsugaru a {
    display: block;
	width: 100%;
	height: 50px;
	background: url(images/bnr_tsugaru.png) 0 0 no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}

.bnr_hitoaji a {
    display: block;
	width: 100%;
	height: 50px;
	background: url(images/bnr_hitoaji.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}
/* --- end --- 2015/10/20 */

/* --- add --- 2014/10/07 */
.bnr_shokumi {
    clear: both;
	width: 100%;
	height: 50px;
	background: url(images/bnr_shokumi.gif) 0 -50px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}
.bnr_shokumi a {
	display: block;
	width: 100%;
	height: 50px;
	background: url(images/bnr_shokumi.gif) 0 0 no-repeat;
	overflow: hidden;
}
/* --- end --- 2014/10/07 */

.bnr_road {
    clear: both;
	width: 100%;
	height: 46px;
	background: url(images/bnr_road.gif) 0 -46px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}
.bnr_road a {
	display: block;
	width: 100%;
	height: 46px;
	background: url(images/bnr_road.gif) 0 0 no-repeat;
	overflow: hidden;
}
.bnr_credit {
    clear: both;
	width: 100%;
	height: 46px;
	background: url(images/bnr_credit.gif) 0 -46px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}
.bnr_credit a {
	display: block;
	width: 100%;
	height: 46px;
	background: url(images/bnr_credit.gif) 0 0 no-repeat;
	overflow: hidden;
}
.bnr_marugoto {
    clear: both;
	width: 100%;
	height: 46px;
	background: url(images/bnr_marugoto.gif) 0 -46px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}
.bnr_marugoto a {
	display: block;
	width: 100%;
	height: 46px;
	background: url(images/bnr_marugoto.gif) 0 0 no-repeat;
	overflow: hidden;
}
/* --- add --- 2016/01/08 */
.bnr_kaden_recycle a {
    display: block;
	width: 100%;
	height: 53px;
	background: url(images/bnr_kaden_recycle.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}
/* --- end --- 2016/01/08 */
.bnr_niconavi {
    clear: both;
	width: 100%;
	height: 46px;
	background: url(images/bnr_niconavi.gif) 0 -46px no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}
.bnr_niconavi a {
	display: block;
	width: 100%;
	height: 46px;
	background: url(images/bnr_niconavi.gif) 0 0 no-repeat;
	overflow: hidden;
}


.bnr_link {
         padding: 0px;
}
.bnr_link a {
         display: block;
         margin-bottom: 5px;
}

/* --- add --- bnr_shokumi 2014/10/07 */
.bnr_contact a:hover,
.bnr_question a:hover,
.bnr_kouhoukun a:hover,
.bnr_portal a:hover,
.bnr_shokumi a:hover,
.bnr_road a:hover,
.bnr_credit a:hover,
.bnr_marugoto a:hover,
.bnr_niconavi a:hover {
	background: none;
}

.koukoku {
	display: block;
	margin: 20px auto 3px auto;
	width: 161px;
	height: 44px;
}
.koukoku a {
	text-decoration: underline;
	color: #002aa2;
}
.koukoku a:visited {
	text-decoration: underline;
	color: #660099;
}
.koukoku a:hover {
	text-decoration: underline;
	color: #c20002;
}
.advertise {
	font-size: 14px;
	color: #363636;
	text-align: center;
	line-height: 22px;
}
.fb-min {
	font-size: 12px;
	text-align: center;
}

/* bnr_kouhou-inakadate
----------------------------------------------- */
#menu #bnr_kouhou-inakadate .pieceHeader {
  padding: 0px;
  background-image: none;
}
#bnr_kouhou-inakadate .pieceBody {
  clear: both;
  width: 100%;
  height: 39px;
  margin-bottom: 10px;
  background: url(../piece/images/bnr_kouhou-inakadate.gif) 0 -39px no-repeat;
  text-indent: -9999px;
  position: relative;
  overflow: hidden;
}
#bnr_kouhou-inakadate .pieceBody a {
  display: block;
  width: 100%;
  height: 39px;
  background: url(../piece/images/bnr_kouhou-inakadate.gif) 0 0 no-repeat;
  overflow: hidden;
}
#bnr_kouhou-inakadate .pieceBody a:hover {
  background: none;
}

/* bnr_inakadate-reikishuu
----------------------------------------------- */
#menu #bnr_inakadate-reikishuu .pieceHeader {
  padding: 0px;
  background-image: none;
}
#bnr_inakadate-reikishuu .pieceBody {
  clear: both;
  width: 100%;
  height: 39px;
  margin-bottom: 10px;
  background: url(../piece/images/bnr_reikishuu.gif) 0 -39px no-repeat;
  text-indent: -9999px;
  position: relative;
  overflow: hidden;
}
#bnr_inakadate-reikishuu .pieceBody a {
  display: block;
  width: 100%;
  height: 39px;
  background: url(../piece/images/bnr_reikishuu.gif) 0 0 no-repeat;
  overflow: hidden;
}
#bnr_inakadate-reikishuu .pieceBody a:hover {
  background: none;
}

/* erea
----------------------------------------------- */
#ereaMap {
  border: 1px solid #006058;
}
#menu #ereaMap .pieceHeader {
  padding: 0px;
  background-image: none;
}
#ereaMap .pieceBody {
  padding: 5px;
  background-color: #fffae8;
}

#ereaMap .pieceBody a {
  padding: 0px 7px 0px 6px;
  background-image: url(./images/ic-chiiki.gif);
  background-position: left center;
  background-repeat: no-repeat;
}

/* docs
----------------------------------------------- */
#recentDocs li {
  padding: 0px 0px 5px 10px;
  background-image: url(./images/ic-list-shinchaku.gif);
  background-repeat: no-repeat;
  background-position: left 5px;
}
#recentDocs .pieceBody {
  padding: 0px 5px 5px 5px;
}

/* recent Docs Title
----------------------------------------------- */
#recentDocsTitle h2 {
  height: 30px;
  background-image: url(./images/tl-shinchaku.gif);
  background-position: left top;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

/* RSS Atom
----------------------------------------------- */
#recentDocs .feed {
  float: right;
  position: relative;
  top: -27px;
  right: 10px;
  height: 13px;
  background-color: transparent;
}
#recentDocs .feed a.feedRss {
  display: inline-block;
  width: 40px;
  height: 13px;
  background-image: url(./images/bt-rss.gif);
  background-repeat: no-repeat;
  text-indent: 50px;
  overflow: hidden;
}
#recentDocs .feed a.feedAtom {
  display: inline-block;
  width: 40px;
  height: 13px;
  background-image: url(./images/bt-atom.gif);
  background-repeat: no-repeat;
  text-indent: 50px;
  overflow: hidden;
}

/* For firefox2 */
#recentDocs .feed a.feedAtom,y:-moz-any-link,
#recentDocs .feed a.feedRss,x:-moz-any-link {
  display: -moz-inline-box;
  padding-top: 13px;
}
#recentDocs .links {
  text-align: right;
}
/* footer-navi
----------------------------------------------- */
#footerNavi {
  width: 100%;
  background-color: #fff;
}
#footerNavi img {
  margin-left: 5px;
  vertical-align: middle;
}
#footerNavi .pieceBody {
	padding: 10px 0;
	color: #333333;
    text-align: center;
}


/* footer-ad
----------------------------------------------- */
#footerAdBanner {
  background-color: #eeeeee;
  text-align: center;
}
#footerAdBanner .pieceBody {
  padding: 10px 0px 5px 0px;
}
#footerAdBanner a {
  margin: auto 10px;
}

/* qr-code
----------------------------------------------- */
#qrCode {
  display: none; 
  margin-top: 5px;
}
#qrCode img {
  float: left;
  margin-right: 4px;
}
#qrCode .pieceBody {
	font-size: 12px;
	text-align: center;
}
	
/* top-photo
----------------------------------------------- */
#topPhoto {
  margin-bottom: 7px;
}
#topPhoto .pieceBody {
  width: 100%;
  overflow: hidden;
}
#wrap {
	margin: 0 auto;
}
.main-image-box {
	width: 818px;
	height: 236px;
	background: #FFF;
	border: 1px solid #dcdcdc;
	margin: 0px auto;
	display: inline;
	float: left;
	overflow: hidden;
	position: relative;
}
.main-image-inbox {
	width: 812px;
	height: 232px;
	margin: 2px auto 0;
}
.out-box {
	width: 156px;
	height: 140px;
	margin-top: 10px;
	margin-right: 10px;
	display: inline;
	float: left;
	overflow: hidden;
	position: relative;
}
	
.image-box {
	width: 154px;
	height: 104px;
	background: #ffffff;
	border: 1px solid #dcdcdc;
	margin-bottom: 3px;
	display: inline;
	float: left;
	overflow: hidden;
	position: relative;
}
.image-box .inbox {
	width: 150px;
	height: 100px;
	margin: 2px auto 0;
}
.out-box p,
#last p {
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
}
.out-box a {
	text-decoration: none;
}

#last {
	margin-right: 0;
}





/* category Ichiran
----------------------------------------------- */
#ArticleCategory {
  clear: both;
}
#ArticleCategory .pieceHeader {
  margin-bottom: 10px;
  background-image: url(images/bg-shinchaku-repeat.gif);
  background-position: left top;
  background-repeat: repeat-x;
}
#ArticleCategory .pieceHeader h2 {
  height: 30px;
  background-image: url(images/tl-bunyabetsu.gif);
  background-position: left top;
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}
.categoryKurashi,
.categoryFukushi,
.categoryKyoikubunka,
.categoryKanko,
.categorySangyoshigoto,
.categoryGyoseimachizukuri,
.categoryBosaigai {
	float: left;
	width: 100%;
	margin-bottom: 5px;
	padding: 10px 0px;
	background-color: #f7f4e4;
  	font-weight: bold;
	line-height: 1.5;
}
.categoryBosaigai {
	background-color: #f0d7d7;
}
.categoryBosaigai a {
	font-weight: bold;
	color: #333234;
}
.categoryBosaigai a:visited {
  color: #660099;
}
.categoryBosaigai a:hover {
  color: #c20002;
}
#ArticleCategory .category h2 {
	float: left;
	padding-left: 60px;
  	font-weight: bold;
	line-height: 50px;
}
#ArticleCategory .categoryKurashi h2 {
  background-image: url(../category/images/ic-kurashi.gif);
  background-position: 10px center;
  background-repeat: no-repeat;
}
#ArticleCategory .categoryKanko h2 {
  background-image: url(../category/images/ic-kanko.gif);
  background-position: 10px center;
  background-repeat: no-repeat;
}
#ArticleCategory .categorySangyoshigoto h2 {
  background-image: url(../category/images/ic-sangyou.gif);
  background-position: 10px center;
  background-repeat: no-repeat;
}
#ArticleCategory .categoryGyoseimachizukuri h2 {
  background-image: url(../category/images/ic-gyosei.gif);
  background-position: 10px center;
  background-repeat: no-repeat;
}
#ArticleCategory .categoryBosaigai h2 {
  background-image: url(../category/images/ic-bosai.gif);
  background-position: 10px center;
  background-repeat: no-repeat;
}
#ArticleCategory .categoryBosaigai h2 a {
	font-weight: bold;
	color: #e5041f;
}
#ArticleCategory .categoryBosaigai h2 a:visited {
  color: #660099;
}
#ArticleCategory .categoryBosaigai h2 a:hover {
  color: #c20002;
}

#ArticleCategory .category .children {
  margin: 0px 10px 0px 180px;
}
#ArticleCategory .category .children div {
  display: inline; 
  padding-right: 10px;
}
#ArticleCategory .categoryFukushi,
#ArticleCategory .categoryKyoikubunka,
#ArticleCategory .categoryKanko,
#ArticleCategory .categorySangyoshigoto,
#ArticleCategory .categoryGyoseimachizukuri,
#ArticleCategory .categoryBosaigai {
  clear: both;
}

/* life event
------------------------------------- */
#lifeEvent {
  clear: both;
}
#lifeEvent .pieceHeader {
  margin-bottom: 10px;
  background-image: url(images/bg-shinchaku-repeat.gif);
  background-position: left top;
  background-repeat: repeat-x;
}
#lifeEvent .pieceHeader h2 {
  overflow: hidden;
  height: 30px;
  background-image: url(images/tl-lifeevent.gif);
  background-position: left top;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
/*#lifeEvent ul {
  width: 100%;
  clear: both;
}*/
#lifeEvent li {
  float: left;
  width: 25%;
  text-align: center;
  vertical-align: middle;
}
#lifeEvent li p {
  padding: 8px 0px;
  line-height: 1.5;
}
#lifeEvent li.pregnant p {
  margin: 0px 6px 8px 0px;
  background-color: #f0d7d7;
}
#lifeEvent li.child p {
  margin: 0px 4px 8px 2px;
  background-color: #f2eebc;
}
#lifeEvent li.work p {
  margin: 0px 2px 8px 4px;
  background-color: #c9e0ee;
}
#lifeEvent li.adult p {
  margin: 0px 0px 8px 6px;
  background-color: #c2ddc0;
}
#lifeEvent li.moving {
  clear: both;
}
#lifeEvent li.moving p {
  margin: 0px 6px 8px 0px;
  background-color: #e1e9d0;
}
#lifeEvent li.marriage p {
  margin: 0px 4px 8px 2px;
  background-color: #c9e2e2;
}
#lifeEvent li.welfare p {
  margin: 0px 2px 8px 4px;
  background-color: #f5e3bb;
}
#lifeEvent li.death p {
  margin: 0px 0px 8px 6px;
  background-color: #ddd5e6;
}

/* population
----------------------------------------------- */
#population.piece {
  /*margin: 0px 0px 15px 0px;
  background-color: #efefef;*/
}
#menu #population .pieceHeader {
  width: 170px;
  height: 48px;
  background: url(images/title_population.gif) no-repeat;
  color: #4b117e;
  line-height: 1.6;
  padding-top: 4px;
  text-align:center; 
  margin: 0 auto;
}
#menu #population .pieceHeader h2{
  font-size: 90%;
  font-weight: bold;
}
*html #menu #population .pieceHeader h2{
  font-size: 80%;
}

#population table {
  width: 170px;
  margin: 0 auto;
}
#population th {
  padding: 5px 7px;
  border-left: #4a107d 1px solid;
  border-right: #c7b4d8 1px solid;
  border-bottom: #c7b4d8 1px solid;
  background-color: #efefef;
  font-weight: normal;
  text-align: left;
}
#population td {
  padding: 5px 7px;
  border-right: #4a107d 1px solid;
  border-bottom: #c7b4d8 1px solid;
}
#population th.noBorder {
  border-left: #4a107d 1px solid;
  border-right: #c7b4d8 1px solid;
  border-bottom: #4a107d 1px solid;
}
#population td.noBorder {
  border-right: #4a107d 1px solid;
  border-bottom: #4a107d 1px solid;
}
/* topic
----------------------------------------------- */
#topic {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
#topic .pieceHeader {
  margin-bottom: 10px;
  background-image: url(images/bg-shinchaku-repeat.gif);
  background-position: left top;
  background-repeat: repeat-x;
}
#topic .pieceHeader h2 {
  height: 30px;
  background-image: url(images/tl-shunnojoruri.gif);
  background-position: left top;
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}
#topic img {
  float: left;
}
#topic h3 {
	margin-bottom: 5px;
	padding-left: 180px;
	color: #b9041a;
	font-weight: bold;
	font-size: 18px;
}
#topic p {
  padding-left: 180px;
}
#topic .next {
  margin-top: 20px;
  text-align: right;
}



/* slideshow                         2016/06/17
----------------------------------------------- */
/* --各画像の「表示位置」と「重なり順」を調整-- */

#slideshow {
   position: relative;
/* width:  812px; */ /* 画像の横幅に合わせて記述 */
   height: 232px; /* 画像の高さに合わせて記述 */
   width:  100%;
   margin-bottom: 10px;
   overflow: hidden;
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}


/* ハンバーガーメニュー
----------------------------------------------- */
/*以下メニューボタン*/
.menu-btn {
    position: fixed;
    top: 0px;
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color: #FFFFF0;
    right:0px;
    left:auto;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 30px;
    border-radius: 3px;
    background-color: #000000;
    position: relative;
}
.menu-btn span:before {
    bottom: 10px;
}
.menu-btn span:after {
    top: 6.8px;
}
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0px;
    top: -2px;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: -4.8px;
    transform: rotate(-45deg);
}
#menu-btn-check {
    display: none;
}

/*以下メニュー自体*/
.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    background-color: #3584bb;
}
.menu-content ul {
    padding:90px 10px 0;
}
.menu-content ul li {
    border-bottom: solid 1px #000000;
    list-style: none;
}
.menu-content ul li a {
    /*display: block;*/
    width: 100%;
    box-sizing: border-box;
    font-size: 25px;
    color:#000000;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}
/*.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}*/
.menu-content {
    width: 100%;
    height: 70%;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #FFFFF0;
    transition: all 0.5s;/*アニメーション設定*/
}
#menu-btn-check:checked ~ .menu-content {
    left: 0%;/*メニューを画面内へ*/
}
}

img.active  {
max-width: 100% ;
height: 100%
}
img.active2  {
max-width: 100% ;
height: 100%
}
img.active3  {
max-width: 100% ;
height: 100%
}
img.active4  {
max-width: 100% ;
height: 100%
}
img.active5  {
max-width: 100% ;
height: 100%
}
/* --- end --- 2016/06/17 */