/* -----------------------------------------------------------------------------
緊急情報エリア
----------------------------------------------------------------------------- */
#EmergencyArea{
  	display: none;
  	width: 100%;
	background: #f3f8e0;
    padding: 30px 0 0 0;
}

#EmergencyBox {
    width: 1000px;
    border: 3px solid #D04354;
    background: #ffffff;
	margin: 0 auto;
}

#EmergencyBox .cms-pages {
 	margin: 0;
    padding: 5px;
}

#EmergencyBox .cms-pages article {
    padding: 5px 10px;
}

#EmergencyBox .cms-pages article:after{
	content: "";
  	display: table;
  	clear: both;
}

#EmergencyBox .title {
    font-size: 1.1em;
    font-weight: bold;
    background: #D04354;
    color: #ffffff;
    padding: 2px 5px;
}

#EmergencyBox .cms-pages article time {
    float: left;
    display: block;
    vertical-align: middle;
    width: 130px;
}

#EmergencyBox .cms-pages h2 {
    display: block;
    float: left;
    margin: 0 0 0 10px;
    padding: 0;
    border: none;
    background: none;
    font-size: 100%;
    font-weight: normal;
    width: 830px;
}

#EmergencyBox .cms-pages h2:after {
    content: initial;
}

#EmergencyBox .cms-pages a {
    background: none;
    padding: 0;
}

/* -----------------------------------------------------------------------------
重要情報エリア
----------------------------------------------------------------------------- */
#GreatinfoArea {
  	display: none;
  	width: 100%;
	background: #f3f8e0;
    padding: 30px 0 0 0;
}

#GreatinfoBox {
    width: 1000px;
    border: 3px solid #FF3D00;
    background: #ffffff;
	margin: 0 auto;
}

#GreatinfoBox .cms-pages {
 	margin: 0;
    padding: 5px;
}

#GreatinfoBox .cms-pages article {
    padding: 5px 10px;
}

#GreatinfoBox .cms-pages article:after{
	content: "";
  	display: table;
  	clear: both;
}

#GreatinfoBox .title {
    font-size: 1.1em;
    font-weight: bold;
    background: #FF3D00;
    color: #ffffff;
    padding: 2px 5px;
}

#GreatinfoBox .cms-pages article time {
    float: left;
    display: block;
    vertical-align: middle;
    width: 130px;
}

#GreatinfoBox .cms-pages h2 {
    display: block;
    float: left;
    margin: 0 0 0 10px;
    padding: 0;
    border: none;
    background: none;
    font-size: 100%;
    font-weight: normal;
    width: 830px;
}

#GreatinfoBox .cms-pages h2:after {
    content: initial;
}

#GreatinfoBox .cms-pages a {
    background: none;
    padding: 0;
}

/* -----------------------------------------------------------------------------
ビルボードエリア
----------------------------------------------------------------------------- */

#billboardarea {
	width: 100%;
	padding: 20px 0 40px 0;
	background: #f3f8e0 url(../../img/citizen/back_topslide.gif) repeat-x 0 bottom;
}

#billboard {
	width: 1000px;
	margin: 20px auto;
  	background: url(../../img/citizen/index/loadingLogo.jpg) 0 0 no-repeat;
}

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

#billboard:after {
	clear: both; 
}

#slidearea {
  	display: block;
	float: left;
	width: 400px;
  	height: 600px;
	margin: 0;
	padding: 0;
}

#slidearea .ads-banners {
	display: none;
}

/* キービジュアル スライドショー bx-slider */

#slidearea .key_visual-slide, #slidearea .member-photo-slide {
    margin: 0 !important;
    padding: 0 !important;
    background: #333;
}

#slidearea .banners a {
    display: block;
    padding-left: 0;
    background: none !important;
}

#slidearea .bx-thumbs {
 display: none; 
}

#slidearea .bx-caption {
	position: absolute;
	z-index: 100;
	bottom: 0;
	padding: 5px 0 0 0;
  	margin: 0;
	width: 400px;
	min-height: 100px;
	background: url(../../img/citizen/back_slideshowmenu.png);

}

#slidearea .bx-caption span {
	margin: 10px;
    color: #000;
    font-size: 1.2em;
    line-height: 1.4em;
    display: block;
    width: 250px;
}

#slidearea .bx-controls {
	position: relative;
	z-index: 100;
	left: 280px;
    bottom: 70px;
}

#slidearea .bx-controls .bx-prev,
#slidearea .bx-controls .bx-next {
	display: inline-block;
	*display: inline;
    *zoom: 1;
  	width: 40px;
  	height: 40px;
  	text-indent: -9800px;
  	margin: 0 5px;
}

#slidearea .bx-controls .bx-prev {	background: url(../../img/citizen/btn_ss_prev.png) 0 0 no-repeat; }
#slidearea .bx-controls .bx-next {	background: url(../../img/citizen/btn_ss_next.png) 0 0 no-repeat; }

/* ボタンエリア */

#btnarea {
	float: left;
	width: 600px;
	margin: 0;
	padding: 0;
}

#btnarea ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#btnarea ul li {
	float: left;
	width: 200px;
	height: 200px;
	overflow: hidden;
	position: relative;
}

#btnarea ul li:hover {
	opacity: .6; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=60); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .6; /* Safari 1.x */
	-moz-opacity: .6; /* FF lt 1.5, Netscape */
}

#btnarea ul li#logo {
	background: url(../../img/citizen/btn_billboard_logo.png) 0 0 no-repeat;
}

#btnarea ul li#logo h1 {
	text-indent: -9800px;
}

#btnarea ul li#copy {
	text-indent: -9800px;
	background: url(../../img/citizen/btn_billboard_copy.png) 0 0 no-repeat;
}

#btnarea ul li .bill_menutxt {
	position: absolute;
	z-index: 100;
	bottom: 0;
	padding: 5px 0 0 0;
	width: 200px;
	min-height: 35px;
	background: url(../../img/citizen/back_billboardmenu.png);
	color: #FFF;
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
}

#useNav01 {  
  padding: 0 0 5px 0;  
}

/* -----------------------------------------------------------------------------
グローバルナビ（ライフシーン）
 ----------------------------------------------------------------------------- */

#lifegnavi {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	background: url(../../img/citizen/back_gnavi_life.png) 0 0;
}

#lifegnavi #area {
	width: 1000px;
	margin: 0 auto;
	padding: 10px 0;
}

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

#lifegnavi #area:after {
	clear: both; 
}

#lifegnavi #area ul {
	list-style: none;
}

#lifegnavi #area ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#lifegnavi #area ul li a {
	display: block;
	width: 100px;
	height: 101px;
	text-indent: -9800px;
}

#lifegnavi #area ul li.ninsin,
#lifegnavi #area ul li.ninsin a { 
  background: url(../../img/citizen/gnavilife/gNav_ninsin_off.png) 0 0 no-repeat;
}

#lifegnavi #area ul li.kosodate,
#lifegnavi #area ul li.kosodate a { 
  background: url(../../img/citizen/gnavilife/gNav_kosodate_off.png) 0 0 no-repeat;
}

#lifegnavi #area ul li.nyuen,
#lifegnavi #area ul li.nyuen a { 
  background: url(../../img/citizen/gnavilife/gNav_nyuen_off.png) 0 0 no-repeat;
}

#lifegnavi #area ul li.syusyoku,
#lifegnavi #area ul li.syusyoku a { 
  background: url(../../img/citizen/gnavilife/gNav_syusyoku_off.png) 0 0 no-repeat;
}

#lifegnavi #area ul li.kekkon,
#lifegnavi #area ul li.kekkon a { 
  background: url(../../img/citizen/gnavilife/gNav_kekkon_off.png) 0 0 no-repeat;
}

#lifegnavi #area ul li.hikkoshi,
#lifegnavi #area ul li.hikkoshi a {
  background: url(../../img/citizen/gnavilife/gNav_hikkosi_off.png) 0 0 no-repeat;
}

#lifegnavi #area ul li.gomi,
#lifegnavi #area ul li.gomi a {
  background: url(../../img/citizen/gnavilife/gNav_gomi_off.png) 0 0 no-repeat;
}

#lifegnavi #area ul li.byouki,
#lifegnavi #area ul li.byouki a {
  background: url(../../img/citizen/gnavilife/gNav_byoki_off.png) 0 0 no-repeat;
}

#lifegnavi #area ul li.kourei,
#lifegnavi #area ul li.kourei a {
  background: url(../../img/citizen/gnavilife/gNav_kourei_off.png) 0 0 no-repeat;
}

#lifegnavi #area ul li.okuyami,
#lifegnavi #area ul li.okuyami a {
  background: url(../../img/citizen/gnavilife/gNav_okuyami_off.png) 0 0 no-repeat;
}

#lifegnavi #area ul li.ninsin a:hover { background: url(../../img/citizen/gnavilife/gNav_ninsin_on.png) 0 0 no-repeat; }
#lifegnavi #area ul li.kosodate a:hover { background: url(../../img/citizen/gnavilife/gNav_kosodate_on.png) 0 0 no-repeat; }
#lifegnavi #area ul li.nyuen a:hover { background: url(../../img/citizen/gnavilife/gNav_nyuen_on.png) 0 0 no-repeat; }
#lifegnavi #area ul li.syusyoku a:hover { background: url(../../img/citizen/gnavilife/gNav_syusyoku_on.png) 0 0 no-repeat; }
#lifegnavi #area ul li.kekkon a:hover { background: url(../../img/citizen/gnavilife/gNav_kekkon_on.png) 0 0 no-repeat; }
#lifegnavi #area ul li.hikkoshi a:hover { background: url(../../img/citizen/gnavilife/gNav_hikkosi_on.png) 0 0 no-repeat; }
#lifegnavi #area ul li.gomi a:hover { background: url(../../img/citizen/gnavilife/gNav_gomi_on.png) 0 0 no-repeat; }
#lifegnavi #area ul li.byouki a:hover { background: url(../../img/citizen/gnavilife/gNav_byoki_on.png) 0 0 no-repeat; }
#lifegnavi #area ul li.kourei a:hover { background: url(../../img/citizen/gnavilife/gNav_kourei_on.png) 0 0 no-repeat; }
#lifegnavi #area ul li.okuyami a:hover { background: url(../../img/citizen/gnavilife/gNav_okuyami_on.png) 0 0 no-repeat; }

/* -----------------------------------------------------------------------------
メインレイアウト
----------------------------------------------------------------------------- */

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

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

/* -----------------------------------------------------------------------------
lifeinfoArea-市民向けエリアパーツ
 -----------------------------------------------------------------------------*/

ul#emrArea {
	width: 100%;
	margin: 0 0 20px 10px;
	list-style: none;
}

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

ul#emrArea:after {
	clear: both; 
}

ul#emrArea li {
	float: left;
}

ul#emrArea li a {
  display: block;
  text-indent: -9800px;
  width: 226px;
  height: 90px;
}

ul#emrArea li.yakan a { margin: 0 20px 10px 0; background: url(../../img/citizen/index/btn_top_emr_02_01_off.png) 0 0 no-repeat; }
ul#emrArea li.saigai a { margin: 0 0 10px 0; background: url(../../img/citizen/index/btn_top_emr_02_02_off.png) 0 0 no-repeat; }
ul#emrArea li.kisyou a {  margin: 0 20px 0 0; background: url(../../img/citizen/index/btn_top_emr_02_03_off.png) 0 0 no-repeat; }
ul#emrArea li.musen a { margin: 0; background: url(../../img/citizen/index/btn_top_emr_02_04_off.png) 0 0 no-repeat; }

ul#emrArea li.yakan a:hover { background: url(../../img/citizen/index/btn_top_emr_02_01_on.png) 0 0 no-repeat; }
ul#emrArea li.saigai a:hover { background: url(../../img/citizen/index/btn_top_emr_02_02_on.png) 0 0 no-repeat; }
ul#emrArea li.kisyou a:hover { background: url(../../img/citizen/index/btn_top_emr_02_03_on.png) 0 0 no-repeat; }
ul#emrArea li.musen a:hover { margin: 0; background: url(../../img/citizen/index/btn_top_emr_02_04_on.png) 0 0 no-repeat; }


/* -----------------------------------------------------------------------------
lifeinfoArea-お知らせリストパーツ cms-tabs
 ----------------------------------------------------------------------------- */

#newsTabs {
 width: 470px;
 margin: 10px auto;
}

#newsTabs article {
	font-size: 1em;
    line-height: 1.6em;
    margin: 5px 0;
}

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

#newsTabs article:after {
	clear: both; 
}

#newsTabs article header {
  border: none !important;
}

.cms-tabs .names .name {
  width: auto !important;
  padding: 4px 12px 1px 12px !important;
  background: #fbfbf3;
}

#newsTabs article time {
  display: block;
  width: 120px;
  float: left;
  font-size: 0.9em;
  margin: 0 10px 0 0;
  padding: 0 0 0 16px;
  background: url(../../img/citizen/mark_top_nlist.png) no-repeat 0 center;
}

#newsTabs article h3 {
  display: block;
  float: left;
  width: 315px;
  margin: 0;
  font-size: 0.9em;
  font-weight: bold;
}


/* -----------------------------------------------------------------------------
お役立ち情報／ランキング情報
----------------------------------------------------------------------------- */

#useinfoArea {
	width: 480px;
	margin: 10px;
}

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

#useinfoArea:after {
	clear: both; 
}

#useful {
	float: left;
	width: 206px !important;
	border: 5px solid #f0ebe1;
	padding: 5px;
	margin: 0 20px 0 0;
  min-height: 170px;
}

#ranking {
	float: left;
	width: 206px !important;
	border: 5px solid #f0ebe1;
	padding: 5px;
	margin: 0;
  min-height: 170px;
}

#useful h2,
#ranking h2{
	padding-left: 5px;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#useful li,
#ranking li {
	margin: 0 0 5px 0;
}

/* -----------------------------------------------------------------------------
コンテンツボタンエリア
----------------------------------------------------------------------------- */

#SinfoArea {
	width: 480px;
	margin: 10px;
}

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

#SinfoArea:after {
	clear: both; 
}

.btnArea {
	margin: 0 0 20px 0;
}

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

.btnArea:after {
	clear: both; 
}

.btnArea ul li {
	float: left;
	
}

a.soudan {
	display: block;
	width: 226px;
	height: 120px;
	margin: 0 20px 0 0;
	text-indent: -9999px;
	background: url(../../img/citizen/index/btn_top_soudan_off.png) 0 0 no-repeat;
}

a.soudan:hover {
	background: url(../../img/citizen/index/btn_top_soudan_on.png) 0 0 no-repeat;
}

a.map {
	display: block;
	width: 226px;
	height: 120px;
	margin: 0;
	text-indent: -9999px;
	background: url(../../img/citizen/index/btn_top_map_off.png) 0 0 no-repeat;
}

a.map:hover {
	background: url(../../img/citizen/index/btn_top_map_on.png) 0 0 no-repeat;
}

a.kouhou {
	display: block;
	width: 226px;
	height: 120px;
	margin: 0 20px 0 0;
	text-indent: -9999px;
	background: url(../../img/citizen/index/btn_top_kouhou_off.png) 0 0 no-repeat;
}

a.kouhou:hover {
	background: url(../../img/citizen/index/btn_top_kouhou_on.png) 0 0 no-repeat;
}

a.pubcom {
	display: block;
	width: 226px;
	height: 120px;
	margin: 0;
	text-indent: -9999px;
	background: url(../../img/citizen/index/btn_top_publiccom_off.png) 0 0 no-repeat;
}

a.pubcom:hover {
	background: url(../../img/citizen/index/btn_top_publiccom_on.png) 0 0 no-repeat;
}

a.akiya {
	display: block;
	width: 226px;
	height: 120px;
	margin: 0 20px 0 0;
	text-indent: -9999px;
	background: url(../../img/citizen/index/btn_top_akiya_off.png) 0 0 no-repeat;
}

a.akiya:hover {
	background: url(../../img/citizen/index/btn_top_akiya_on.png) 0 0 no-repeat;
}

a.fnouzei {
	display: block;
	width: 226px;
	height: 120px;
	margin: 0;
	text-indent: -9999px;

}

a.fnouzei.kyohou {
  	background: url(../../img/citizen/index/btn_top_fnouzei_kyohou_off.png) 0 0 no-repeat;
}

a.fnouzei.kyohou:hover {
  	background: url(../../img/citizen/index/btn_top_fnouzei_kyohou_on.png) 0 0 no-repeat;
}

a.fnouzei.shinemas {
  	background: url(../../img/citizen/index/btn_top_fnouzei_shine_off.png) 0 0 no-repeat;
}

a.fnouzei.shinemas:hover {
  	background: url(../../img/citizen/index/btn_top_fnouzei_shine_on.png) 0 0 no-repeat;
}

a.fnouzei.momo {
  	background: url(../../img/citizen/index/btn_top_fnouzei_momo_off.png) 0 0 no-repeat;
}

a.fnouzei.momo:hover {
  	background: url(../../img/citizen/index/btn_top_fnouzei_momo_on.png) 0 0 no-repeat;
}

a.fnouzei.cherry {
  	background: url(../../img/citizen/index/btn_top_fnouzei_cherry_off.png) 0 0 no-repeat;
}

a.fnouzei.cherry:hover {
  	background: url(../../img/citizen/index/btn_top_fnouzei_cherry_on.png) 0 0 no-repeat;
}

a.shichou {
	display: block;
	width: 226px;
	height: 102px;
	margin: 0 20px 0 0;
	text-indent: -9999px;
	background: url(../../img/citizen/index/btn_top_shichou_off.png) 0 0 no-repeat;
}

a.shichou:hover {
	background: url(../../img/citizen/index/btn_top_shichou_on.png) 0 0 no-repeat;
}

a.gikai {
	display: block;
	width: 226px;
	height: 102px;
	margin: 0;
	text-indent: -9999px;
	background: url(../../img/citizen/index/btn_top_gikai_off.png) 0 0 no-repeat;
}

a.gikai:hover {
	background: url(../../img/citizen/index/btn_top_gikai_on.png) 0 0 no-repeat;
}


/* -----------------------------------------------------------------------------
現在の人口エリア
----------------------------------------------------------------------------- */

#CCArea {
	width: 450px;
	margin: 10px;
	padding: 5px;
	border: 5px solid #dddddd;
}

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

#CCArea:after {
	clear: both; 
}

#CCArea h2 {
	font-size: 1em;
	font-weight: bold;
	padding: 0 0 10px 0;
}

#CCArea table {
	width: 450px;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

#CCArea table th,
#CCArea table td {
	border: 1px solid #999999;
	padding: 5px;
}

#CCArea table th {
	text-align: left;
	background: #dddddd;
}

#CCArea .cms-pages {
 margin-bottom: 10px !important; 
}

/* -----------------------------------------------------------------------------
promoinfoArea-観光・イベント系エリアパーツ
 -----------------------------------------------------------------------------*/

/* 移住定住ボタン */

#bnrInfoArea {
	width: 490px;
	margin: 0 0 20px 0;
}

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

#bnrInfoArea:after {
	clear: both; 
}

#bnrInfoArea ul {

}

#bnrInfoArea ul li {
	float: left;
}

#bnrInfoArea ul li a {
	display: block;
	text-indent: -9800px;
	width: 220px;
	height: 200px;
	margin: 0 10px;
}

#bnrInfoArea ul li a.TopIjyu {
	background: url(../../img/citizen/index/btnTopMain_Ijyu.jpg) 0 0 no-repeat;
}

#bnrInfoArea ul li a.TopKankou {
	background: url(../../img/citizen/index/btnTopMain_Kankou.jpg) 0 0 no-repeat;
}

#bnrInfoArea ul li a:hover {
	opacity: 0.6;
}

/* イベント情報・カレンダー */

#TopEventArea {
	width: 470px;
	padding: 10px;
	margin: 0 0 20px 0;
	background: #ffea2a;
}

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

#TopEventArea:after {
	clear: both; 
}

.TopEventBox {
	width: 100%;
	box-sizing: border-box;
	background: #FFF;
	border-left: 3px solid #1f8cc3;
	border-right: 3px solid #1f8cc3;
	border-bottom: 3px solid #1f8cc3;
	padding: 0;
	margin: 0 0 20px 0;
}

.TopEventBox h2 {
	width: 100%;
	min-height: 22px;
	text-indent: -9800px;
	display: block;
	padding: 3px;
	margin: 0 0 10px 0;
	box-sizing: border-box;
}

.TopEventBox h2.EveTopics {
	background: #1f8cc3 url(../../img/citizen/index/ttl_h2_TopEventNews.png) 5px center no-repeat;
}

.TopEventBox h2.EveCal {
	background: #1f8cc3 url(../../img/citizen/index/ttl_h2_TopEventCal.png) 5px center no-repeat;
}

/* イベント情報一覧 */

.TopEventList {
	width: 100%;
	box-sizing: border-box;
	background: #FFF;
	padding: 10px;

}

#TopEventArea .cms-pages {
  background: #FFF;
  overflow-y: auto;
  height: 300px;
}

.EContsBox {
    width: 96%;
    box-sizing: border-box;
    margin: 0 auto 10px auto;
}

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

.EContsBox:after {
	clear: both; 
}

.EContsBox h3 {
	width: 100%;
	box-sizing: border-box;
	border-bottom: 3px dashed #bbdced;
	padding: 0 0 5px 0;
	font-weight: bold;
}

.EContsBox .pic {
	float: left;
	width: 125px;
	margin: 10px 10px 0 0;
}

.EContsBox .pic a {
    display: inline-block;
    padding-left: 0 !important;
    background: none !important;
}

.EContsBox .pic img {
	max-width: 125px;
  	height: auto;
}

.EContsBox .text {
	float: left;
	width: 280px;
	margin: 10px 0 0 0;
  	font-size: 0.9em;
  	line-height: 1.6em;
}

.eventDate {
	word-wrap: break-word;
	font-size: 1em;
	font-weight: bold;
	padding: 0 0 10px 0;
	font-weight: bold;
}

.eventTitle {
	font-size: 1em;
	font-weight: bold;
}

.event-dates {
width: 47%;
margin: 0 5px 0 0;
display: inline-block;
}

.range {
 width: 98% !important;
 display: inline-block;
}

/* SNS */

#TopSNSArea {
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 20px 0;
}

#TopSNSTab {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

ul#tab {
	zoom: 1;
	background: #FFF;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

ul#tab:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
ul#tab li {
	float: left;
	text-align: center;
}

ul#tab li:last-child {
	background: none;
}

ul#tab li a {
	display: block;
	width: 245px;
	padding: 5px 0;
	text-indent: -9800px;
}

ul#tab li a.facebook {
	background: #c2d1f2 url(../../img/citizen/index/btn_TopTabFB.png) center center no-repeat;
}

ul#tab li a.twitter {
	background: #ceeffc url(../../img/citizen/index/btn_TopTabTw.png) center center no-repeat;
}

ul#tab li a.facebook:hover,
ul#tab li.active a.facebook {
	background: #305097 url(../../img/citizen/index/btn_TopTabFB.png) center center no-repeat;
	color: #fff;
}

ul#tab li a.twitter:hover,
ul#tab li.active a.twitter {
	background: #00aced url(../../img/citizen/index/btn_TopTabTw.png) center center no-repeat;
	color: #fff;
}
/*
ul#tab li.active,
ul#tab li.active a,
ul#tab li.active a:hover {
	background: #c81528;
	color: #fff;
}
*/
#detail {
	clear: both;
	overflow-y: auto;
	box-sizing: border-box;
	background: #f7f7f7;
	width: 100%;
	height: 400px;
	padding: 10px;
}

.tabbox {
	display: none;
}

/* -----------------------------------------------------------------------------
関連コンテンツスライドバナーエリア
----------------------------------------------------------------------------- */

#RelContsArea {
  width: 980px;
  box-sizing: border-box;
  padding: 10px;
  border: 5px solid #f0ebe1;
  margin: 20px auto;
}

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

#RelContsArea:after {
	clear: both; 
}

#RelContsArea h3 {
  font-weight: bold;
}

#RelContsArea .ads-banners {
	width: 940px;
 	margin: 10px 0 10px 23px;
    height: 70px;
    overflow: hidden;
}

#RelContsArea .bx-viewport {
 margin: 0 auto; 
}

#RelContsArea .bx-viewport img {
  border: 1px solid #979797;
}

#RelContsArea .bx-controls {
	position: absolute;
	z-index: 100;
    margin: 0;
}

#RelContsArea .bx-controls .bx-prev,
#RelContsArea .bx-controls .bx-next {
	display: inline-block;
	*display: inline;
    *zoom: 1;
  	width: 16px;
  	height: 66px;
  	text-indent: -9800px;
  	margin: 0;
}

#RelContsArea .bx-controls .bx-prev {
    position: absolute;
	left: -25px;
  	top: -68px;
    background: url(../../img/citizen/index/btn_RelConts_Slider_Prev.png) 0 0 no-repeat; 
}

#RelContsArea .bx-controls .bx-next {	
	position: absolute;
    left: 915px;
    top: -68px;
	background: url(../../img/citizen/index/btn_RelConts_Slider_Next.png) 0 0 no-repeat;
}

/* スマホ用ヘッダーエリア */
#sphead {
    display: none;
}