/*=======================================================================*/
/* ヘッダー ※第2階層以降 */
/*=======================================================================*/

header#sub-head {
	width: 100%;
	min-height: 150px;
	background: #FFF url(../../img/citizen/gnavisub/back_header_sub.jpg) center 0 no-repeat !important;
	margin: 0;
	padding: 0;
}

#head {
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0;
}

#head:before, #head:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}

#head:after {
	clear: both; 
}

#headTitle {
	float: left;
	width: 600px;
	margin: 0 10px 0 0;
}

#headMenu {
	float: right;
	width: 390px;
	margin: 0;
}

.subWrap {
	width: 100%;
	margin: 0 0 20px 0;
}

.subWrap a {
  text-decoration: none !important;
}

.sitelogo {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 200px;
	height: 60px;
	text-indent: -9800px;
	background: url(../../img/citizen/gnavisub/logo_city_sub.png) 0 0 no-repeat;
	margin: 0;
}

.sitecopy {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 220px;
	height: 60px;
	text-indent: -9800px;
	background: url(../../img/citizen/gnavisub/cap_city_sub.png) 0 0 no-repeat;
	margin: 0;
}

.subSearch {
    float: left;
    margin-right: 15px;
}

#Sform {
	margin: 0 0 0 20px;
}

#Sform form input[type="text"] {
	width: 200px;
	padding: 7px;
	border: 1px solid #017957;
	margin: 0;
}

#Sform form input:focus[type="text"] {
	background: #e6f3e3;
}

#Sform form #search-button-pc,
#Sform form #search-button-mob {
	margin: 0 0 0 -5px;
	padding: 6px 10px;
	background: #017957;
	color: #FFF;
	text-align: center;
	border: none;
	cursor: pointer;
}

#Sform form #search-button-pc:hover,
#Sform form #search-button-mov:active {
	background: #e6f3e3;
	color: #017957;
}

#google_translate_element {
    float: left;
}

#spnav #tool #useNav02 {
	display: none; 
}

#headMenu ul {
	width: 100%;
	padding: 10px 0;
}

#headMenu ul:before, #headMenu ul:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}

#headMenu ul:after {
	clear: both; 
}

#headMenu ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 10px 0 0;
}

#headMenu ul li a {
	width: 113px;
	height: 86px;
	display: block;
	text-indent: -9800px;
}

#headMenu ul li a.hBtnShimin { background: url(../../img/citizen/gnavisub/btn_header_shimin_off.png) 0 0 no-repeat; }
#headMenu ul li a.hBtnKankou { background: url(../../img/citizen/gnavisub/btn_header_kankou_off.png) 0 0 no-repeat; }
#headMenu ul li a.hBtnIjyu { background: url(../../img/citizen/gnavisub/btn_header_ijyu_off.png) 0 0 no-repeat; }

#headMenu ul li a.hBtnShimin:hover { background: url(../../img/citizen/gnavisub/btn_header_shimin_on.png) 0 0 no-repeat; }
#headMenu ul li a.hBtnKankou:hover { background: url(../../img/citizen/gnavisub/btn_header_kankou_on.png) 0 0 no-repeat; }
#headMenu ul li a.hBtnIjyu:hover { background: url(../../img/citizen/gnavisub/btn_header_ijyu_on.png) 0 0 no-repeat; }

#sub #gNavi {
	width: 100%;
	height: 74px;
	margin: 0;
	padding: 10px 0;
	background: url(../../img/citizen/gnavisub/back_gnavi_main.png) 0 0;
}

#sub #gNaviArea {
	width: 1000px;
	margin: 0 auto;
}

#sub #gNaviArea ul {
	margin: 0;
	padding: 0;
	width: 1000px;
}

#sub #gNaviArea ul:after {
    clear: both;
    display: table;
    content: "";
}

#sub #gNaviArea ul li {
	float: left;
	margin: 0;
	padding: 0;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

#sub #gNaviArea ul li#kurashi { border-left: 1px solid #dddddd;}

#sub #gNaviArea ul li a {
	display: block;
	text-indent: -9800px;
	height: 74px;
	margin: 0;
	padding: 0;
}

#sub #gNaviArea ul li a.kurashi { width: 123px; background: url(../../img/citizen/gnavisub/btn_gnavi_kurashi_off.png) 0 0 no-repeat; }
#sub #gNaviArea ul li a.kosodate { width: 124px; background: url(../../img/citizen/gnavisub/btn_gnavi_kosodate_off.png) 0 0 no-repeat; }
#sub #gNaviArea ul li a.kenkou { width: 124px; background: url(../../img/citizen/gnavisub/btn_gnavi_kenkou_off.png) 0 0 no-repeat; }
#sub #gNaviArea ul li a.shisei { width: 125px; background: url(../../img/citizen/gnavisub/btn_gnavi_shisei_off.png) 0 0 no-repeat; }
#sub #gNaviArea ul li a.machi { width: 125px; background: url(../../img/citizen/gnavisub/btn_gnavi_machi_off.png) 0 0 no-repeat; }
#sub #gNaviArea ul li a.sangyou { width: 125px; background: url(../../img/citizen/gnavisub/btn_gnavi_sangyou_off.png) 0 0 no-repeat; }
#sub #gNaviArea ul li a.kankou { width: 122px; background: url(../../img/citizen/gnavisub/btn_gnavi_kankou_off.png) 0 0 no-repeat; }
#sub #gNaviArea ul li a.life { width: 123px; background: url(../../img/citizen/gnavisub/btn_gnavi_lifescene_off.png) 0 0 no-repeat; }

#sub #gNaviArea ul li a.kurashi:hover { background: url(../../img/citizen/gnavisub/btn_gnavi_kurashi_on.png) 0 0 no-repeat; }
#sub #gNaviArea ul li a.kosodate:hover { background: url(../../img/citizen/gnavisub/btn_gnavi_kosodate_on.png) 0 0 no-repeat; }
#sub #gNaviArea ul li a.kenkou:hover { background: url(../../img/citizen/gnavisub/btn_gnavi_kenkou_on.png) 0 0 no-repeat; }
#sub #gNaviArea ul li a.shisei:hover { background: url(../../img/citizen/gnavisub/btn_gnavi_shisei_on.png) 0 0 no-repeat; }
#sub #gNaviArea ul li a.machi:hover { background: url(../../img/citizen/gnavisub/btn_gnavi_machi_on.png) 0 0 no-repeat; }
#sub #gNaviArea ul li a.sangyou:hover { background: url(../../img/citizen/gnavisub/btn_gnavi_sangyou_on.png) 0 0 no-repeat; }
#sub #gNaviArea ul li a.kankou:hover { background: url(../../img/citizen/gnavisub/btn_gnavi_kankou_on.png) 0 0 no-repeat; }
#sub #gNaviArea ul li a.life:hover,
#sub #gNaviArea ul li#life.active a.life { background: url(../../img/citizen/gnavisub/btn_gnavi_lifescene_on.png) 0 0 no-repeat; }


/* サブメニュー-ライフシーン */

#sub #gNaviLife {
	width: 100%;
	height: 41px;
	margin: 0 0 20px 0;
	padding: 10px 0;
	background: url(../../img/citizen/back_gnavi_life.png) 0 0;
}

#sub #gNaviLife {
	display: none;
}

#sub #gNaviLifeArea {
	width: 1000px;
	margin: 0 auto;
}

#sub #gNaviLifeArea ul {
	margin: 0;
	padding: 0;
	width: 1000px;
}

#gNaviLifeArea ul:before, #gNaviLifeArea ul:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}

#gNaviLifeArea ul:after {
	clear: both; 
}

#gNaviLifeArea ul li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
}

#gNaviLifeArea ul li a {
	display: block;
	text-indent: -9800px;
	width: 99px;
	height: 41px;
	margin: 0;
	padding: 0;
}


#sub #gNaviLifeArea ul li a.ninshin { background: url(../../img/citizen/gnavisub/btn_gNavSub_ninshin_off.png) 0 0 no-repeat; }
#sub #gNaviLifeArea ul li a.l_kosodate { background: url(../../img/citizen/gnavisub/btn_gNavSub_kosodate_off.png) 0 0 no-repeat; }
#sub #gNaviLifeArea ul li a.nyuen { background: url(../../img/citizen/gnavisub/btn_gNavSub_nyuen_off.png) 0 0 no-repeat; }
#sub #gNaviLifeArea ul li a.syusyoku { background: url(../../img/citizen/gnavisub/btn_gNavSub_syusyoku_off.png) 0 0 no-repeat; }
#sub #gNaviLifeArea ul li a.kekkon { background: url(../../img/citizen/gnavisub/btn_gNavSub_kekkon_off.png) 0 0 no-repeat; }
#sub #gNaviLifeArea ul li a.hikkoshi { background: url(../../img/citizen/gnavisub/btn_gNavSub_hikkoshi_off.png) 0 0 no-repeat; }
#sub #gNaviLifeArea ul li a.gomi { background: url(../../img/citizen/gnavisub/btn_gNavSub_gomi_off.png) 0 0 no-repeat; }
#sub #gNaviLifeArea ul li a.byoki { background: url(../../img/citizen/gnavisub/btn_gNavSub_byoki_off.png) 0 0 no-repeat; }
#sub #gNaviLifeArea ul li a.kourei { background: url(../../img/citizen/gnavisub/btn_gNavSub_kourei_off.png) 0 0 no-repeat; }
#sub #gNaviLifeArea ul li a.okuyami { background: url(../../img/citizen/gnavisub/btn_gNavSub_okuyami_off.png) 0 0 no-repeat; }

#sub #gNaviLifeArea ul li a.ninshin:hover { background: url(../../img/citizen/gnavisub/btn_gNavSub_ninshin_on.png) 0 0 no-repeat; }
#sub #gNaviLifeArea ul li a.l_kosodate:hover { background: url(../../img/citizen/gnavisub/btn_gNavSub_kosodate_on.png) 0 0 no-repeat; }
#sub #gNaviLifeArea ul li a.nyuen:hover { background: url(../../img/citizen/gnavisub/btn_gNavSub_nyuen_on.png) 0 0 no-repeat; }
#sub #gNaviLifeArea ul li a.syusyoku:hover { background: url(../../img/citizen/gnavisub/btn_gNavSub_syusyoku_on.png) 0 0 no-repeat; }
#sub #gNaviLifeArea ul li a.kekkon:hover { background: url(../../img/citizen/gnavisub/btn_gNavSub_kekkon_on.png) 0 0 no-repeat; }
#sub #gNaviLifeArea ul li a.hikkoshi:hover { background: url(../../img/citizen/gnavisub/btn_gNavSub_hikkoshi_on.png) 0 0 no-repeat; }
#sub #gNaviLifeArea ul li a.gomi:hover { background: url(../../img/citizen/gnavisub/btn_gNavSub_gomi_on.png) 0 0 no-repeat; }
#sub #gNaviLifeArea ul li a.byoki:hover { background: url(../../img/citizen/gnavisub/btn_gNavSub_byoki_on.png) 0 0 no-repeat; }
#sub #gNaviLifeArea ul li a.kourei:hover { background: url(../../img/citizen/gnavisub/btn_gNavSub_kourei_on.png) 0 0 no-repeat; }
#sub #gNaviLifeArea ul li a.okuyami:hover { background: url(../../img/citizen/gnavisub/btn_gNavSub_okuyami_on.png) 0 0 no-repeat; }



/*=======================================================================*/
/* 共通レイアウト */
/*=======================================================================*/

#wrap {
	zoom: 1;
	width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}

/*=======================================================================*/
/* トップページ-メインレイアウト */
/*=======================================================================*/

#lifeinfoArea {
	float: left;
	width: 490px;
	margin: 0 5px;
}

#promoinfoArea {
	float: left;
	width: 490px;
	margin: 0 5px;
}

/*=======================================================================*/
/* 第2階層／詳細記事ページ-メインレイアウト */
/*=======================================================================*/

/* パンくずリスト */

.crumbs {
	font-size: 1em;
	box-sizing: border-box;
	width: 1000px;
	padding: 10px;
	margin: 20px auto;
}


/* レイアウト */

#main {
	float: left;
	width: 730px;
	margin: 0 40px 0 0;
  	font-size: 100%;
}

#side {
	float: left;
	width: 230px;
	margin: 0;
}

/* -----------------------------------------------------------------------------
広告バナーエリア
----------------------------------------------------------------------------- */

#ADBArea {
  width: 1000px;
  box-sizing: border-box;
  padding: 10px;
  margin: 40px auto 30px auto;
  background: #f0ebe1;
  position: relative;
}

#ADBArea:before, #ADBArea:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}

#ADBArea:after {
	clear: both; 
}

#ADBArea h3 {
  	/*
  	font-weight: bold;
    display: inline-block;
	*display: inline
    *zoom: 1
    width: 150px;
  	*/
    font-weight: bold;
    display: block;
    width: 100%;
}

#ADBArea .ADBdesc {
  	/*
	display: inline-block;
	*display: inline
    *zoom: 1
    width: 200px;
  	margin: 0 20px;
  	*/
  	display: inline-block;
    margin: 0;
    position: absolute;
    top: 10px;
    left: 50px;
}

.ADBdesc a {
  color: #2660a1 !important;
}

#ADBArea .banners a {
 	text-decoration: none; 
}

#ADBArea .banners span img {
	margin: 5px 0 10px 5px;
}

#ADBtoggle {
    position: absolute;
    top: 8px;
    right: 15px;
}

/*=======================================================================*/
/* フッター */
/*=======================================================================*/

footer {
	width: 100%;
	margin: 20px 0 0 0;
	padding: 0;
	position: relative;
	z-index: 1;
}

.footerLine {
	width: 100%;
	margin: 0 0 0 20px 0;
	border-bottom: 3px solid #208dc3;
	z-index: 100;
	position: absolute;
	top: 100px;
}

#footerMenuArea {
	width: 1000px;
	min-height: 400px;
	margin: 20px auto;
	background: url(../../img/citizen/backFooterMap.png) right 0 no-repeat;
}

#FMenuConts {
	width: 800px;
	padding: 140px 0 30px 0;
}

#FMenuConts ul {
	width: 750px;
	list-style: none;
}

#FMenuConts ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 20px 5px 0;
	line-height: 1.8em;
}

#FMenuConts ul li a {	color: #292929;	}
#FMenuConts ul li a:hover {	color: #208dc3;	}

#LogoAddArea {
	width: 780px;
	margin: 0;
}

#LogoAddArea .FLogo a {
	display: block;
	width: 170px;
	height: 58px;
	text-indent: -9800px;
	background: url(../../img/citizen/logoFooter.png) 0 0 no-repeat;
	margin: 0 0 20px 0;
}

#LogoAddArea .FAdd {

}

#LogoAddArea .FAdd p {

}

#LogoAddArea .FAdd p.small {
	font-size: 1em;
}

#footerCreditArea {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 5px;
	background: #107db3;
	text-align: center;
}

#footerCreditArea .credit{
	color: #FFF;
}