@charset "utf-8";
/* ===========================================================
	CSS Information
		Author:      小林市役所
		Filename:    modify.css
		Style-info:  各コンテンツ他
=========================================================== */


/*------------------------------------------------------
	汎用
------------------------------------------------------ */

.txt-right { text-align:right;}
.txt-center { text-align:center;}

.fleft { float:left;}
.fright { float:right;}

.margin-right-10 { margin-right:10px;}
.margin-right-20 { margin-right:20px;}
.margin-right-30 { margin-right:30px;}

.margin-left-10 { margin-left:10px;}
.margin-left-20 { margin-left:20px;}
.margin-leftt-30 { margin-left:30px;}

#page-section p { margin-bottom:10px;}
#page-section ol { margin-left:30px;}
#page-section ol li { margin-bottom:5px;}
#page-section ul { margin-left:20px;}
#page-section ul li { list-style-type:disc;}


/*----- リンクアイコン -----*/
/*---comment out
a[href $='.pdf'] { 
    padding: 0px 20px 0px 0px;
    background: transparent url(../images/ico_pdf_s.gif) no-repeat center right;
}

a[href $='.doc'] { 
    padding: 0px 20px 0px 0px;
    background: transparent url(../images/ico_word_s.gif) no-repeat center right;
}

a[href $='.docx'] { 
    padding: 0px 20px 0px 0px;
    background: transparent url(../images/ico_word_s.gif) no-repeat center right;
}

a[href $='.xls'] { 
    padding: 0px 20px 0px 0px;
    background: transparent url(../images/ico_excel_s.gif) no-repeat center right;
}

a[href $='.xlsx'] { 
    padding: 0px 20px 0px 0px;
    background: transparent url(../images/ico_excel_s.gif) no-repeat center right;
}
---*/

/*----- ご意見フォーム -----*/


/*----- お問い合わせボックス -----*/


/*------------------------------------------------------
	くらし・市政情報（トップページ）
------------------------------------------------------ */

/*----- トップページサイドメニュー -----*/

#topSide {
	width: 210px;
	float: left;
}

#sideSafety {
	width: 204px;
	margin-bottom: 30px;
	background: #FFFDF4;
	border: #CC0000 solid 3px;
	border-radius: 10px;
}

#sideSafety h2 {
	width: 204px;
	height: 37px;
	background: url(../images/ttl-sideSafety.png) 0 0 no-repeat;
	text-indent: -9998px;
}

#sideSafety ul {
	width: 100%;
	padding: 15px;
	font-size: 110%;
}

#sideSafety li a {
	padding-left: 20px;
	background: url(../images/point-safety.png) 0 center no-repeat;
}

#sideContents { margin-bottom: 25px;}
#sideContents li a {
	display: block;
	width: 210px;
	height: 40px;
	text-indent: -9998px;
}

#sideInfo a { background:url(../images/btn-government-side.png) 0 0 no-repeat;}
#sideMayor a { background:url(../images/btn-government-side.png) 0 -40px no-repeat;}
#sideOrga a { background:url(../images/btn-government-side.png) 0 -80px no-repeat;}
#sideRules a { background:url(../images/btn-government-side.png) 0 -120px no-repeat;}
#sidePublic a { background:url(../images/btn-government-side.png) 0 -160px no-repeat;}
#sideParlia a { background:url(../images/btn-government-side.png) 0 -200px no-repeat;}
#sideReserva a { background:url(../images/btn-government-side.png) 0 -240px no-repeat;}
#sideAppli a { background:url(../images/btn-government-side.png) 0 -280px no-repeat;}
#sideAccess a { background:url(../images/btn-government-side.png) 0 -320px no-repeat;}

#sideInfo a:hover { background:url(../images/btn-government-side.png) -210px 0 no-repeat;}
#sideMayor a:hover { background:url(../images/btn-government-side.png) -210px -40px no-repeat;}
#sideOrga a:hover { background:url(../images/btn-government-side.png) -210px -80px no-repeat;}
#sideRules a:hover { background:url(../images/btn-government-side.png) -210px -120px no-repeat;}
#sidePublic a:hover { background:url(../images/btn-government-side.png) -210px -160px no-repeat;}
#sideParlia a:hover { background:url(../images/btn-government-side.png) -210px -200px no-repeat;}
#sideReserva a:hover { background:url(../images/btn-government-side.png) -210px -240px no-repeat;}
#sideAppli a:hover { background:url(../images/btn-government-side.png) -210px -280px no-repeat;}
#sideAccess a:hover { background:url(../images/btn-government-side.png) -210px -320px no-repeat;}

#sideEtc { margin-bottom: 20px;}
#sideEtc h2 {
	width: 210px;
	height: 25px;
	background:url(../images/ttl-sideEtc.png) 0 0 no-repeat;
	text-indent: -9998px;
}

#sideEtc ul {
	padding: 10px;
	line-height: 200%;
}

#sideEtc li a {
	padding-left: 20px;
	background: url(../images/point-etc.png) 0 center no-repeat; 
}

#sidePopulation h2 {
	width: 210px;
	height: 25px;
	background: url(../images/ttl-sidePopulation.png) 0 0 no-repeat;
	text-indent: -9998px;
}

#sidePopulation p {
	color: #3067AC;
	margin: 0 0 5px 10px;
}

#populationCount {
	padding: 10px;
	background: #F3F9FF;
}

#sidePopulation dl {
	margin-bottom: 0;
	font-size: 110%;
	overflow: hidden;
}

#sidePopulation dt {
	color: #002149;
	font-weight: bold;
	float: left;
}

#sidePopulation dd {
	float: right;
	text-align: right;
}


/*----- スライダー -----*/

body.government .flexslider {
	width: 960px;
	margin-bottom: 20px;
	box-shadow: none;
}


/*----- トップタブ -----*/

#tab li {
  float: left;
  list-style: none;
  cursor: pointer;
}

#tab li span#btn-tabLife {
  display: inline-block;
  width: 240px;
  height: 41px;
  background: url(../images/btn-topTab.png) 0 -41px no-repeat;
}

#tab li span#btn-tabGenre {
  display: inline-block;
  width: 240px;
  height: 41px;
  background: url(../images/btn-topTab.png) -240px -41px no-repeat;
}

#btn-tabLife {
	background:;
	text-indent: -9998px;
}

#btn-tabGenre {
	background:;
	text-indent: -9998px;
}

#tab li.select {
  color: #fff;
  background:;
}

#tab li.select span#btn-tabLife {
  background: url(../images/btn-topTab.png) 0 0 no-repeat;
}

#tab li.select span#btn-tabGenre {
  background: url(../images/btn-topTab.png) -240px 0 no-repeat;
}

.disnon { display: none;}
.content_wrap {
	border: #e9e9e9 solid 1px;
	width: 716px;
	clear: left;
	overflow: hidden;
}

.content_wrap li { float: left;}
.content_wrap li a {
	display: block;
	width: 117px;
	height: 47px;
	text-indent: -9998px;
}

.content_wrap li.tabclass a {
	display: block;
	width: 117px;
	height: 55px;
	text-indent: -9998px;
}


#topFaqTab table {
	width: 100%;
	margin-left: 1px;
}

#topFaqTab table td {
	border: #FFF solid 2px;
	background: #ECE9E1;
}
#topFaqTab table td:hover {	background: #F9F8F7;}


#topFaqTab table td a {
	display: block;
	width: 115px;
	height: 47px;
	text-indent: -9998px;
}


/*----- ライフシーンタブ -----*/

#tabLife a { background: url(../images/btn-tabLife.png) 0 0 no-repeat;}
#tabMarriage a { background: url(../images/btn-tabLife.png) -115px 0 no-repeat;}
#tabPregnancy a { background: url(../images/btn-tabLife.png) -230px 0 no-repeat;}
#tabRearing a { background: url(../images/btn-tabLife.png) -345px 0 no-repeat;}
#tabSchool a { background: url(../images/btn-tabLife.png) -460px 0 no-repeat;}
#tabWork a { background: url(../images/btn-tabLife.png) -575px 0 no-repeat;}

#tabMoving a { background: url(../images/btn-tabLife.png) 0 -47px no-repeat;}
#tabHealth a { background: url(../images/btn-tabLife.png) -115px -47px no-repeat;}
#tabSenior a { background: url(../images/btn-tabLife.png) -230px -47px no-repeat;}
#tabDisabilities a { background: url(../images/btn-tabLife.png) -345px -47px no-repeat;}
#tabCondolence a { background: url(../images/btn-tabLife.png) -460px -47px no-repeat;}
#tabEtc a { background: url(../images/btn-tabLife.png) -575px -47px no-repeat;}

#tabLife a:hover { background: url(../images/btn-tabLife.png) 0 -94px no-repeat;}
#tabMarriage a:hover { background: url(../images/btn-tabLife.png) -115px -94px no-repeat;}
#tabPregnancy a:hover { background: url(../images/btn-tabLife.png) -230px -94px no-repeat;}
#tabRearing a:hover { background: url(../images/btn-tabLife.png) -345px -94px no-repeat;}
#tabSchool a:hover { background: url(../images/btn-tabLife.png) -460px -94px no-repeat;}
#tabWork a:hover { background: url(../images/btn-tabLife.png) -575px -94px no-repeat;}

#tabMoving a:hover { background: url(../images/btn-tabLife.png) 0 -141px no-repeat;}
#tabHealth a:hover { background: url(../images/btn-tabLife.png) -115px -141px no-repeat;}
#tabSenior a:hover { background: url(../images/btn-tabLife.png) -230px -141px no-repeat;}
#tabDisabilities a:hover { background: url(../images/btn-tabLife.png) -345px -141px no-repeat;}
#tabCondolence a:hover { background: url(../images/btn-tabLife.png) -460px -141px no-repeat;}
#tabEtc a:hover { background: url(../images/btn-tabLife.png) -575px -141px no-repeat;}


/*----- 分類タブ -----*/

#tabclassReport a { background: url(../images/btn-tabClass.png) 0 0 no-repeat;}
#tabclassHealth a { background: url(../images/btn-tabClass.png) -115px 0 no-repeat;}
#tabclassEducation a { background: url(../images/btn-tabClass.png) -230px 0 no-repeat;}
#tabclassLife a { background: url(../images/btn-tabClass.png) -345px 0 no-repeat;}
#tabclassBidding a { background: url(../images/btn-tabClass.png) -460px 0 no-repeat;}
#tabclassGovernment a { background: url(../images/btn-tabClass.png) -575px 0 no-repeat;}

#tabclassReport a:hover { background: url(../images/btn-tabClass.png) 0 -47px no-repeat;}
#tabclassHealth a:hover { background: url(../images/btn-tabClass.png) -115px -47px no-repeat;}
#tabclassEducation a:hover { background: url(../images/btn-tabClass.png) -230px -47px no-repeat;}
#tabclassLife a:hover { background: url(../images/btn-tabClass.png) -345px -47px no-repeat; margin:}
#tabclassBidding a:hover { background: url(../images/btn-tabClass.png) -460px -47px no-repeat;}
#tabclassGovernment a:hover { background: url(../images/btn-tabClass.png) -575px -47px no-repeat;}


/*----- 新着情報 -----*/

#topContents {
	width: 720px;
	float: right;
}

#topFaq {
	margin-bottom: 20px;
	overflow: hidden;
}

#topFaq h2 {
	width: 720px;
	height: 40px;
	background: url(../images/ttl-topFaq.png) 0 0 no-repeat;
	text-indent: -9998px;
}

#topNews { margin-bottom: 20px;}
#topNews h2 {
	width: 720px;
	height: 40px;
	background: url(../images/ttl-topNews.png) 0 0 no-repeat;
	text-indent: -9998px;
}

#topNewsList {
	padding: 5px 20px 20px 20px;
	background: url(../images/bk-newsList.png) 0 bottom no-repeat;
	color: #999;
	line-height: 200%;
}

#topRecruitment { margin-bottom: 20px;}
#topRecruitment h2 {
	width: 720px;
	height: 40px;
	background: url(../images/ttl-topRecruitment.png) 0 0 no-repeat;
	text-indent: -9998px;
}

#topRecruitmentList {
	padding: 5px 20px 20px 20px;
	background: url(../images/bk-newsList.png) 0 bottom no-repeat;
	color: #999;
	line-height: 200%;
}

#topBanner li { display: inline-block;}
#topBanner li a { margin: 0 8px;}

.topTtlInner {
	position: relative;
	width: 720px;
	height: 40px;
	margin-bottom: 10px;
}

.top-ttlLink-faq {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 113px;
	height: 14px;
}

.top-ttlLink-faq a {
	display: block;
	width: 113px;
	height: 14px;
	background: url(../images/ttl-linkList.png) 0 0 no-repeat;
	text-indent: -9998px;
}
.top-ttlLink-faq a:hover { background: url(../images/ttl-linkList.png) 0 -14px no-repeat;}

.top-ttlLink {
	position: absolute;
	top: 13px;
	right: 84px;
	width: 113px;
	height: 14px;
}

.top-ttlLink a {
	display: block;
	width: 113px;
	height: 14px;
	background: url(../images/ttl-linkList.png) 0 0 no-repeat;
	text-indent: -9998px;
}
.top-ttlLink a:hover { background: url(../images/ttl-linkList.png) 0 -14px no-repeat;}

.top-ttlRss {
	position: absolute;
	top: 14px;
	right: 23px;
	width: 49px;
	height: 14px;
}

.top-ttlRss a {
	display: block;
	width: 49px;
	height: 14px;
	background: url(../images/ttl-linkRss.png) 0 0 no-repeat;
	text-indent: -9998px;
}


/*----- 新着情報 -----*/

body.government #topRecruitmentList img { display: none;}

/*----- 404（エラーページ） -----*/

#error-serch {
	overflow: hidden;
	margin-bottom: 20px;
}

#error-serch #gInputText {
	margin-right: 10px;
}


/*----- googleカスタム検索（検索結果フォント指定） -----*/

.gs-title {
	font-family: "メイリオ","Meiryo","MS UI Gothic",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
	font-weight: bold !important;
	margin-bottom: 5px !important;
}

/*------------------------------------------------------
	END
------------------------------------------------------ */