@charset "utf-8";
/* 標準スタイル　CSS */

body {
	background: #fff url("content-bg.gif") 50% 0 repeat-y;
	color: #333;
}

a:link {
	color: #003399;
	text-decoration: underline;
}

a:visited {
	color: #cc3366;
	text-decoration: underline;
}

a:hover {
	color: #66cccc;
	text-decoration: none;
}

/* ------------------------
*
* ヘッダ div#header
*
* ------------------------- */
div#header {
	position: relative;
	width: 966px;
	min-height: 112px;
	height: auto !important;
	height: 112px;
	background: #61c8fd url("header-bg.jpg") no-repeat;
}

div#headertop div#header{
	background: #61c8fd url("header-bg-top.jpg") no-repeat;
}

div#header h1,
div#header p#logo {
	position: absolute;
	top: 5px;
	left: 25px;
}

div#header img {
	vertical-align: top;
}

/* ----- 言語セレクト ----- */
ul#lang {
}

ul#lang li {
	text-indent: -9999px;
}

ul#lang li a {
	display: block;
	height: 15px;
}

ul#lang li#en {
	position: absolute;
	top: 2px;
	left: 800px;/*793px;*/
}

ul#lang li#en a {
	width: 43px;/*50px;*/
}

ul#lang li#pg {
	position: absolute;
	top: 2px;
	left: 850px;
}

ul#lang li#pg a {
	width: 64px;
}

ul#lang li#cn {
	position: absolute;
	top: 2px;
	left: 920px;
}

ul#lang li#cn a {
	width: 31px;
}

/* ----- ヘッダナビ ----- */
ul#headerNav {
}

ul#headerNav li {
	text-indent: -9999px;
}

ul#headerNav li a {
	display: block;
	height: 18px;/*20px;*/
}

ul#headerNav li#intro {
	position: absolute;
	top: 11px;/*10px;*/
	left: 201px;/*203px;*/
}

ul#headerNav li#intro a {
	width: 50px;
}

ul#headerNav li#guidance {
	position: absolute;
	top: 11px;/*15px;*/
	left: 270px;/*268px;*/
}

ul#headerNav li#guidance a {
	width: 59px;
}

ul#headerNav li#sitemap {
	position: absolute;
	top: 33px;/*38px;*/
	left: 201px;/*203px;*/
}

ul#headerNav li#sitemap a {
	width: 66px;
}

ul#headerNav li#faq {
	position: absolute;
	top: 33px;/*38px;*/
	left: 270px;/*278px;*/
}

ul#headerNav li#faq a {
	width: 67px;
}

/* ----- 検索フォーム ----- */
div#header div#searchform {
	position: absolute;
	top: 85px;
	left: 325px;
}

div#header p#search {
	width: 243px;
	height: 22px;
	background: url("search-input.gif") no-repeat;
}

div#header input {
	width: 227px;
	margin: 0 8px;
	padding: 3px 0 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

div#header input:focus {
	background-image: none;
	border: 0;
	outline: 0;
}

div#header input#doSearchBtn {
	position: absolute;
	top: 0;
	left: 241px;/*249px;*/
	width: 53px;
	height: 23px;/*22px;*/
	background: none;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}

div#header div#searchform p a {
	display: block;
	width: 8em;
	position: absolute;
	top: 3px;
	left: 312px;
	font-size: 80%;
	color: #fff;
}

div#header div#searchform p a:link,
div#header div#searchform p a:visited {
	text-decoration: underline;
}

div#header div#searchform p a:hover {
	text-decoration: none;
}

/* ----- デザイン変更 ----- */
dl#styleChange {
	text-indent: -9999px;
}

dl#styleChange dt#design {
	position: absolute;
	top: 58px;
	left: 785px;
	height: 18px;
	width: 62px;
}

dl#styleChange dd {
	position: absolute;
	top: 58px;
	height: 18px;
}

dl#styleChange dd#standard {
	left: 858px;/*860px;*/
}

dl#styleChange dd#standard a {
	display: block;
	width: 35px;
}

dl#styleChange dd#style1 {
	left: 899px;/*900px;*/
}

dl#styleChange dd#style2 {
	left: 925px;/*930px;*/
}

dl#styleChange dd#style1 a,
dl#styleChange dd#style2 a {
	display: block;
	width: 19px;
}

/* ----- 文字サイズ変更 ----- */
div#header dl#fontChange {
	text-indent: -9999px;
}

div#header dl#fontChange dt#font {
	position: absolute;
	top: 82px;
	left: 795px;
	width: 51px;
	height: 18px;
}

div#header dl#fontChange dd {
	position: absolute;
	top: 84px;/*82px;*/
	width: 41px;/*43px;*/
	height: 18px;
	cursor: pointer;
}

div#header dl#fontChange dd#bigger {
	left: 857px;/*860px;*/
}

div#header dl#fontChange dd#smaller {
	left: 902px;/*905px;*/
}

/* ------------------------
*
* グローバルナビ ul#gNav
*
* ------------------------- */
ul#gNav {
/*** 緊急対応↓ ***/
/*	background: url("gnav-bg.gif") no-repeat; */
	background: url("../../Images/gnav-bg.gif") no-repeat;
/*** 緊急対応↑ ***/
}

/* ------------------------
*
* パンくず ul#breadcrumb
*
* ------------------------- */

ul#breadcrumb {
	background: url("breadcrumb-bg.gif");
}

/*ul#breadcrumb li a {
	background: url("breadcrumb-arrow.gif") right center no-repeat;
}*/

/* ------------------------
*
* 市政情報 div#municipalInfo
*
* ------------------------- */
div#municipalInfo h2 {
	background: #0167cc url("municipalinfo-h2-bg.gif") left bottom no-repeat;
	color: #fff;
}

div#municipalInfo li a {	
	background: url("icon-li.gif") left center no-repeat;
}

div#municipalInfo p a { /* 市政情報一覧へ */
	background: url("icon-municipal-p.gif") left center no-repeat;
}

/* ------------------------
*
* ホットニュース div#hotNews
*
* ------------------------- */
div#hotNews {
/*--- 対応箇所 ↓---*/
/*	background: #0167cc url("hotnews-foot.gif") left bottom no-repeat; */
/*** 緊急対応↓ ***/
/*	background: #c4df7f url("hotnews-foot.gif") left bottom no-repeat; */
	background: #c4df7f url("../../Images/hotnews-foot.gif") left bottom no-repeat;
/*** 緊急対応↑ ***/
/*--- 対応箇所 ↑---*/
}

div#hotNews h2 {
/*--- 対応箇所 ↓---*/
/*
	background: #0167cc url("hotnews-head.gif") no-repeat;
	color: #fff;
*/
/*** 緊急対応↓ ***/
/*	background: #c4df7f url("hotnews-head.gif") no-repeat; */
	background: #c4df7f url("../../Images/hotnews-head.gif") no-repeat;
/*** 緊急対応↑ ***/
	height:54px;
	color: #fff;
	text-indent:-1000px;
	padding:0;
/*--- 対応箇所 ↑---*/
}

div#hotNews dl {
/*** 緊急対応↓ ***/
/*	background: #fff url("hotnews-dl-head.gif") no-repeat; */
/** 対応箇所20090818↓**/
/*	background: #fff url("../../Images/hotnews-dl-head.gif") no-repeat; */
/** 対応箇所20090818↑**/
/*** 緊急対応↑ ***/
}

div#hotNews dt {
/*** 緊急対応↓ ***/
/*	background: #fff url("hotnews-dl-foot.gif") left bottom no-repeat; */
	background: #fff url("../../Images/hotnews-dl-foot.gif") left bottom no-repeat;
/*** 緊急対応↑ ***/
}

div#hotNews div.text {
/*--- 対応箇所 ↓---*/
/*	background: #fff url("text-head-blue-bg.gif") no-repeat; */
/*** 緊急対応↓ ***/
/*	background: #fff url("text-head-green-bg.gif") no-repeat; */
	background: #fff url("../../Images/text-head-green-bg.gif") no-repeat;
/*** 緊急対応↑ ***/
/*--- 対応箇所 ↑---*/
}

div#hotNews div.text div {
/*--- 対応箇所 ↓---*/
/*	background: #fff url("text-foot-blue-bg.gif") left bottom no-repeat; */
/*** 緊急対応↓ ***/
/*	background: #fff url("text-foot-green-bg.gif") left bottom no-repeat; */
	background: #fff url("../../Images/text-foot-green-bg.gif") left bottom no-repeat;
/*** 緊急対応↑ ***/
/*--- 対応箇所 ↑---*/
}

div#hotNews p.toList a {	/* 一覧へのリンク */
/*--- 対応箇所 ↓---*/
/*	background: url("icon-text-blue.gif") left center no-repeat; */
/*** 緊急対応↓ ***/
/*	background: url("icon-text-green.gif") left center no-repeat; */
	background: url("../../Images/icon-text-green.gif") left center no-repeat;
/*** 緊急対応↑ ***/
/*--- 対応箇所 ↑---*/
	color: #000;
}

/* ------------------------
*
* よくある質問 div#faqTop
*
* ------------------------- */
div#faqTop {
	background: #faca69 url("faqtop-foot.gif") left bottom no-repeat;
}

div#faqTop h2 {
	background: url("faqtop-head.gif") no-repeat;
	color: #330000;
}

div#faqTop li {
	background: #fff url("icon-li-orange.gif") 8px 10px no-repeat;
}

div#faqTop li a:hover {
	background: #ffffcc url("icon-li-orange.gif") 8px 10px no-repeat;
}

div#faqTop p a {
	background: url("icon-li-orange02.gif") left center no-repeat;
}

/* ------------------------
*
* 携帯電話用サイト div#mobile
*
* ------------------------- */
div#mobile {
	background: #2d84db url("mobile-foot.gif") left bottom no-repeat; 
}

div#mobile h2 {
	background: #2d84db url("mobile-head.gif") no-repeat;
	color: #fff;
}

/* ------------------------
*
* 市民活動情報サイト div#katudou
*
* ------------------------- */
div#katudou {
	background: #2d84db url("mobile-foot.gif") left bottom no-repeat; 
}

div#katudou h2 {
	background: #2d84db url("mobile-head.gif") no-repeat;
	color: #fff;
}

/* ------------------------
*
* ローカルナビゲーション div#locNav
*
* ------------------------- */
div#locNav {
	background: url("locnav-head.gif") no-repeat;
}

div#locNav h2 {
	background: #0167cc url("locnav-h2-bg.gif") left bottom no-repeat;
	color: #fff;
}

div#locNav li a{
	background: url("icon-li.gif") left center no-repeat;
}


/* ---------- ↓この先、メインエリア↓ -----------*/

/* ------------------------
*
* 見出し hx
*
* ------------------------- */
/* ----- 3階層目 ----- */
h1#pageTitle3 {
	height: 42px;
	margin: 0 23px;
	padding: 0 10px;
	background: url("h1-bg.gif") repeat-x;
	font: normal bold 120% /42px sans-serif;
	color: #330000;
}

p#contentName { /* h1内　コンテンツ名 */
	margin: -30px 33px 30px 0;
	text-align: right;
	font-weight: bold;
	color: #999;
}

/* ------------------------
*
* リンクリスト　ul.linkList
*
* ------------------------- */
ul.linkList li {
	background: url("icon-li.gif") left center no-repeat;
}

/* ------------------------
*
* セクション div.section01
*
* ------------------------- */
div.section01 {
	background: url("section-head.gif") no-repeat;
}

div.section01 div.sectionInner {
	background: url("section-foot.gif") left bottom no-repeat;
}

div.section01 h2 {
	background: #0167cc url("2column-h2-bg.gif") left center no-repeat;
	color: #fff;
}

div.section01 h3 {
	background: #e0f0ff;
	border-left: 4px solid #0167cc;
}


/* ------------------------
*
* セクション div.section02
*
* ------------------------- */
div.section02 h2 {
	background: #caeefd url("h2-bg.gif") left center no-repeat;
}

/* ------------------------
*
* セクション div.section03
*
* ------------------------- */
div.section03 h2 {
	background: #caeefd url("h2-bg-m.gif") left center no-repeat;
}

/* ------------------------
*
* セクション div.section06
*
* ------------------------- */
div.section06 h2 {
	background: #caeefd url("h2-bg-s.gif") left center no-repeat;
}

/* ------------------------
*
* 災害速報 div#alert
*
* ------------------------- */
div#alert {
	background: url("alert-head.gif") no-repeat;
}

div#alert div {
	background: url("alert-foot.gif") left bottom no-repeat;
}

div#alert h2 {
	background: #990000 url("alert-h2-bg.gif") no-repeat;
	color: #fff;
}	

/* ------------------------
*
* 新着情報とお知らせ・キャンペーン div#newAndInfo
*
* ------------------------- */
div#newAndInfo {
	background: url("newandinfo-body.gif") repeat-y;
}

/* ----- 新着情報とお知らせ・キャンペーン　見出し設定 ----- */
div#newAndInfo h2 {
	background: #0167cc url("newandinfo-h2-bg.gif") left center no-repeat;
	color: #fff;
}

div#newAndInfo h3 a {
	background: url("icon-newandinfo-h3.gif") left center no-repeat;
	color: #fff;
}

/*----- 新着情報 -----*/
div#newAndInfo div#new {
	background: url("newandinfo-head.gif") no-repeat;
}

/*----- お知らせ・キャンペーン -----*/
div#newAndInfo div#info {
	background: url("newandinfo-foot.gif") left bottom no-repeat;
}

/* ------------------------
*
* フッタ div#footer
*
* ------------------------- */
div#footer {
	background: #e5f2f2 url("footer-bg.gif") left top repeat-x;
}

/*------------チェック用-------------------------------*/
/*ul#lang li a {border:1px solid red;
}

ul#headerNav li a {border:1px solid red;
}

div#header input#doSearchBtn {
border:1px solid red;
}

div#header div#searchform p a {border:1px solid red;
}
dl#styleChange dd {border:1px solid red;
}

div#header dl#fontChange dd {border:1px solid red;
}*/