@charset "utf-8";
/* CSS Document */
/*============================================================================
BASE
*============================================================================*/
/*　書体の基本定義　*/
body {
	font-weight:normal;
	font-size: 88%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	word-wrap: break-word;	
}

/*============================================================================
LAYOUT
*============================================================================*/

/*　可変２カラムの全体　*/
#container {
	padding: 0 0 250px 0;
	margin: 20px 0 0 0;
	min-width: 940px;
	overflow:hidden;
	background: transparent url(../image/bg_yamaga.jpg) bottom center no-repeat;
}
* html #container {
	width:expression(document.documentElement.clientWidth < 942? "940px" : "100%");
}

/*　可変２カラムのメイン枠　*/
#contentsmain {
	float: left;
	width:100%;
	margin:0 -220px 0 0;
	overflow:hidden;
}

#contentssection {
    margin-right: 220px;
	overflow:hidden;
	min-width: 720px;
}

/*　可変２カラムのサブ枠　*/
#contentside {
	float: right;
	width:190px;
	overflow:hidden;
}
#contentside a,
#contentside a img {
	border:none;
}
#contentside img {
	margin:0;
	padding:0;
	border:0;
}

/*============================================================================
共通パーツ
*============================================================================*/
noscript {
	text-align:center;
	display:block;
	font-weight:bold;
	color:#EE0000;
	overflow:hidden;
}

strong {
	font-weight:bold;
}

/*　まわりこみ解除　*/
.clearfix:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix{display:block;}
/* End Hack */

.clear {
	clear: both;
}

/*　パンくずリスト（ジャンル・コンテンツ）　*/
#breadcrumb {
	background-color:#EDEEF3;
	padding:5px;
	margin-bottom:30px;
}
#breadcrumb p.path{
	margin-bottom:0.1em;
}

/*============================================================================
ヘッダ
*============================================================================*/
#header {
	clear:both;
	background: transparent url(../image/header_bg.jpg) top left repeat-x;
	height:190px;
}


#header ul,
#header ol,
#header li{
	list-style-type:none;
}

#header img{
	margin:0;
	padding:0;
	border:0;
}

/*　ヘッダーの内容　*/
#header #headercontents{
	width:920px;
	height:140px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	z-index:0;
}

/*　ロゴ　*/
#header #sitelogo{
	position:absolute;
	z-index:99;
	top:15px;
	left:15px;
}
#header #sitelogo a{
	width:232px;
	height:70px;
	background: transparent url(../image/logo.png) top left no-repeat;
	display:block;
	text-indent: -9999px;
	overflow:hidden;
}

/*　アクセシビリティツール　*/
#header #acctool{
	width:640px;
	position:absolute;
	z-index:99;
	top:15px;
	left:265px;
}

#header #acctool01{
	margin:0;
	padding:0;
	width:640px;
	height:33px;
	overflow:hidden;
	background: transparent url(../image/acctool_bg01.png) top left no-repeat;
}

/*　文字サイズ変更　*/
#acctool01 #acctextsize{
	float:left;
	margin:3px 0 0 3px;
	width:240px;
}
#acctool01 #acctextsize li{
	height:27px;
	margin-right:2px;
	float:left;
	text-indent: -9999px;
	overflow:hidden;
}
#acctool01 #acctextsize li#labeltextsize{
	width:116px;
}
#acctool01 #acctextsize li a{
	height:27px;
	display:block;
}
#acctool #acctextsize li#btntextsmall{
	width:27px;
}
#acctool #acctextsize li#btntextstandard{
	width:46px;
}
#acctool #acctextsize li#btntextlarge{
	width:27px;
}
/*　文字色背景色変更　*/
#acctool #acccolor{
	float:left;
	margin:3px 0 0 0;
	width:264px;
}
#acctool #acccolor li{
	float:left;
	margin-right:2px;
	text-indent: -9999px;
	overflow:hidden;
	display:block;
}
#acctool #acccolor li#labelcolor{
	width:130px;
}

#acctool #acccolor li a{
	height:27px;
	width:27px;
	display:block;
}

/*　音声読み上げ　*/
#acctool #accread{
	float:left;
	margin-top:3px;
}
#acctool #accread a{
	width:122px;
	height:27px;
	text-indent: -9999px;
	overflow:hidden;
	display:block;
}

#header #acctool02{
	clear:both;
	margin:7px 0 0 0;
	padding:0;
}

/*　検索　*/
#acctool #search{
	float:left;
	text-align:left;
	width:298px;
	height:30px;
	margin-right:7px;
}

#acctool #search #frmsearch{
	float:left;
	border:3px solid #42569D;
	height:22px;
	width:220px;
	_width:200px;
}
#acctool #search #btnsearch{
	float:left;
	width:70px;
	border:0;
}

/*　翻訳　*/
#acctool #selectlang{
	float:left;
	width:335px;
}


/*　グローバルナビ　*/
#header #globalnavi{
	clear:both;
	width:920px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
#header #globalnavi ul{
}
#header #globalnavi ul li{
	float:left;
	overflow:hidden;
}
#header #globalnavi ul li a{
	display:block;
	color:#FFF;
	width:184px;
	height:50px;
	text-indent: -9999px;
	overflow:hidden;
}
#globalnavi ul li#gnavihome a{
	background: transparent url(../image/globalnavi.png) 0px 0px no-repeat;
}
#globalnavi ul li#gnavikurashi a{
	background: transparent url(../image/globalnavi.png) -184px 0px no-repeat;
}
#globalnavi ul li#gnavikanko a{
	background: transparent url(../image/globalnavi.png) -368px 0px no-repeat;
}
#globalnavi ul li#gnavijigyosya a{
	background: transparent url(../image/globalnavi.png) -552px 0px no-repeat;
}
#globalnavi ul li#gnavishisei a{
	background: transparent url(../image/globalnavi.png) -736px 0px no-repeat;
}

#globalnavi ul li#gnavihome a:hover{
	background: transparent url(../image/globalnavi_ov.png) 0px 0px no-repeat;
}
#globalnavi ul li#gnavikurashi a:hover{
	background: transparent url(../image/globalnavi_ov.png) -184px 0px no-repeat;
}
#globalnavi ul li#gnavikanko a:hover{
	background: transparent url(../image/globalnavi_ov.png) -368px 0px no-repeat;
}
#globalnavi ul li#gnavijigyosya a:hover{
	background: transparent url(../image/globalnavi_ov.png) -552px 0px no-repeat;
}
#globalnavi ul li#gnavishisei a:hover{
	background: transparent url(../image/globalnavi_ov.png) -736px 0px no-repeat;
}

#globalnavi ul li#gnavihome.selected a{
	background: transparent url(../image/globalnavi_sl.png) 0px 0px no-repeat;
}
#globalnavi ul li#gnavikurashi.selected a{
	background: transparent url(../image/globalnavi_sl.png) -184px 0px no-repeat;
}
#globalnavi ul li#gnavikanko.selected a{
	background: transparent url(../image/globalnavi_sl.png) -368px 0px no-repeat;
}
#globalnavi ul li#gnavijigyosya.selected a{
	background: transparent url(../image/globalnavi_sl.png) -552px 0px no-repeat;
}
#globalnavi ul li#gnavishisei.selected a{
	background: transparent url(../image/globalnavi_sl.png) -736px 0px no-repeat;
}

#globalnavi ul li#gnavihome.selected a:hover{
	background: transparent url(../image/globalnavi_slov.png) 0px 0px no-repeat;
}
#globalnavi ul li#gnavikurashi.selected a:hover{
	background: transparent url(../image/globalnavi_slov.png) -184px 0px no-repeat;
}
#globalnavi ul li#gnavikanko.selected a:hover{
	background: transparent url(../image/globalnavi_slov.png) -368px 0px no-repeat;
}
#globalnavi ul li#gnavijigyosya.selected a:hover{
	background: transparent url(../image/globalnavi_slov.png) -552px 0px no-repeat;
}
#globalnavi ul li#gnavishisei.selected a:hover{
	background: transparent url(../image/globalnavi_slov.png) -736px 0px no-repeat;
}


/*============================================================================
フッタ
*============================================================================*/

#footer {
	clear:both;
	text-align:center;
	margin:0;
}
#footer ul,
#footer ol{
	list-style-type:none;
}

#footer img{
	margin:0;
	padding:0;
	border:0;
}

/*　フッターの内容枠　*/
#footercontents {
	clear:both;
	overflow:hidden;
	padding:0;
}

/*　フッターリンク　*/
#footermenu {
	clear:both;
	overflow:hidden;
	margin:2px 0 0 0;
	padding:0.3em 20px 0;
	position:relative;
	background-color:#F7EDD2;
}
#footermenu ul{
	margin-bottom:0.4em;
	overflow:hidden;
}
#footermenu li{
	float:left;
	_width:13em;/*　IE6　*/
}
#footermenu li a{
	display:block;
	background: transparent url(../image/arrow01.png) left center no-repeat;
	padding:5px 10px 3px 12px;
	overflow:hidden;
	margin-left:10px;
}

/*　ページトップへリンク　*/
#linkpagetop {
	clear:both;
	overflow:hidden;
	position:absolute;
	bottom:0;
	right:15px;
	_width:14em;/*　IE6　*/
}
#linkpagetop a{
	display:block;
	background: #FFF url(../image/arrow_top.png) 15px center no-repeat;
	padding:0.4em 10px 0.4em 27px;
	overflow:hidden;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

/*　市役所情報　*/
#footeradress {
	clear:both;
	width:920px;
	margin:1.5em auto;
	overflow:hidden;
}
#footeradress p#owner{
	float:left;
	width:290px;
	font-size:1.5em;
	font-weight:bold;
	text-align:right;
}
#footeradress div.data{
	float:right;
	width:600px;
	text-align:left;
}
#footeradress dl dt{
	clear:both;
	float:left;
	width:8.1em;
	_width:9em;/*　IE6　*/
	width/***/: 9em\9;/* IE78 */
	padding:0.4em 0 0.2em 0;
	text-align:left;
	font-weight:bold;
}
#footeradress dl dd{
	overflow:hidden;
	padding:0.4em 0 0.2em 0;
	text-align:left;
}
#footeradress dl dd span a{
	background: transparent url(../image/arrow01.png) 0 center no-repeat;
	padding:0 0 0 12px;
	overflow:hidden;
}

/*　コピーライト　*/
#footer #copyright {
	clear:both;
	padding:0.4em;
	font-size:0.88em;
	background-color:#2F3F79;
	color:#FFF;
}


