@charset "UTF-8";
/* ===================================================================
リセット
=================================================================== */
/*--- reset */
html {
	overflow-y: scroll;
	height:100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}

/*--- default */
body {
	color: #333;
	font-size: 75%;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


/*--- clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* for IE-mac */
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}




/* ===================================================================
 ここからcss表記
=================================================================== */
/* 全体 */
body {
	text-align:center;
	background-image:url(../img/bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

#wrapper {
	text-align:left;
	width:900px;
	margin:0 auto;
}


/* ===================================================================
ヘッダー
=================================================================== */
/* index */
#header099999 {
	margin-top:15px;
	background-image:url(../img/top/top.jpg);
	background-repeat:no-repeat;
	height:345px;
	width:900px;
}

/* index */
#header0 {
	margin-top:15px;
	background-image:url(../img/top/top.jpg);
	background-repeat:no-repeat;
	height:247px;
	width:900px;
}

/* 下層用 */
#header {
	margin-top:15px;
	background-image:url(../img/mtop.jpg);
	background-repeat:no-repeat;
	height:226px;
	width:900px;
}


/* 2010.05.19 検索窓追加 */
#kensakumado {
	position:relative;
	top:-245px;
	right:10px;
	z-index:1;
}

#kensakumado_kasou {
	position:relative;
	top:-220px;
	right:10px;
	z-index:1;
}
*html #kensakumado_kasou {
	right:20px;
}

/* 右上メニュー */
#headmenu {
	float:right;
	background-image:url(../img/headmenu.gif);
	background-repeat:no-repeat;
	width:348px;
	height:38px;
	margin-top:-5px;
	z-index:10;
	position:relative;
}

#headmenu ul li {
	float:left;
	width:116px;
	text-indent:-99999px;
}

#headmenu ul li a {
	float:left;
	width:116px;
	height:38px;
	display:block;
	overflow:hidden;
}



#header0 h1 {
	text-indent:-99999px;
}
#header h1 {
	text-indent:-99999px;
	background-image:url(../img/mlogo.gif);
	background-repeat:no-repeat;
	width:273px;
	height:60px;
}
#header h1 a {
	width:273px;
	height:60px;
	display:block;
	overflow:hidden;
}





/* 右上コメント */
#header0 h2 {
	clear:both;
	float:right;
	font-size:11px;
	font-weight:100;
	color:#666;
	margin-bottom:10px;
}
#header h2 {
	clear:both;
	float:right;
	font-size:11px;
	font-weight:100;
	margin-top:-10px;
	color:#666;
	margin-bottom:10px;
}



/* ===================================================================
コンテンツ部分包括-index
=================================================================== */
/* 3カラム設定用 */
#top_contents {
	clear:both;
	margin-top:-20px;
	position:relative;
	zoom:1;
}

#top_contents ul li {
	float:left;
}





/* ===================================================================
左メニュー
=================================================================== */
#side_l {
	width:190px;
}

#side_l ol li {
	width:190px;
	text-indent:-99999px;
	background-repeat:no-repeat;
}

#side_l ol li a {
	width:190px;
	display:block;
	cursor:pointer;
	overflow:hidden;
}

#k1 a {
	background:url(../img/side/k/menu1.gif);
	height:50px;
}
#k1 a:hover {
	background:url(../img/side/k/menu1.gif) -190px ;
	height:50px;
}

#k2 a {
	background:url(../img/side/k/menu2.gif);
	height:50px;
}
#k2 a:hover {
	background:url(../img/side/k/menu2.gif) -190px ;
	height:50px;
}

#k3 a {
	background:url(../img/side/k/menu3.gif);
	height:50px;
}
#k3 a:hover {
	background:url(../img/side/k/menu3.gif) -190px ;
	height:50px;
}

#k4 a {
	background:url(../img/side/k/menu4.gif);
	height:50px;
}
#k4 a:hover {
	background:url(../img/side/k/menu4.gif) -190px ;
	height:50px;
}

#k5 a {
	background:url(../img/side/k/menu5.gif);
	height:50px;
}
#k5 a:hover {
	background:url(../img/side/k/menu5.gif) -190px ;
	height:50px;
}

#k6 a {
	background:url(../img/side/k/menu6.gif);
	height:50px;
}
#k6 a:hover {
	background:url(../img/side/k/menu6.gif) -190px ;
	height:50px;
}

#k7 a {
	background:url(../img/side/k/menu7.gif);
	height:50px;
}
#k7 a:hover {
	background:url(../img/side/k/menu7.gif) -190px ;
	height:50px;
}

#k8 a {
	background:url(../img/side/k/menu8.gif);
	height:50px;
}
#k8 a:hover {
	background:url(../img/side/k/menu8.gif) -190px ;
	height:50px;
}

#k9 a {
	background:url(../img/side/k/menu9.gif);
	height:50px;
}
#k9 a:hover {
	background:url(../img/side/k/menu9.gif) -190px ;
	height:50px;
}



/* ===================================================================
真ん中
=================================================================== */
#top_news {
	width:490px;
	margin:0 15px;
}

#top_news h3 {
	text-indent:-99999px;
	width:490px;
	height:68px;
	background-repeat:no-repeat;
	margin-bottom:10px;
}

#top_news #h3_1 {
	background-image:url(../img/top/news.jpg);
}

#top_news #h3_2 {
	margin-top:15px;
	background-image:url(../img/top/koushu.jpg);
}



/* 2010.05.18 タブメニューにしたため追加 */
#top_tabs,
#blogtopnews,
#jouji {
	width:490px;
	margin:0 15px;
	margin-top:12px;
}
*html #blogtopnews {
	margin:0;
	margin-top:20px;
}

#top_tabs a {
	text-decoration:none;
}
#top_tabs a:hover {
	text-decoration:underline;
}


/* 常時表示 */
#jouji {
	margin-left:12px;
	margin-bottom:30px;
}
*html #jouji  {
	margin:0;
	margin-top:0px;
}

/* 会員情報 */
#fragment-3 p {
	margin:30px 0 10px 10px;
}


/* 自治体からの */
#jouji h3 {
	text-indent:-99999px;
	width:465px;
	height:50px;
	margin-bottom:5px;
	background:url(../img/top/jititai.gif) no-repeat;
}


/* 2010.05.18 ブログメニュー追加 */
#blogtopnews {
	height:220px;
}

#blogtopnews h3 {
	text-indent:-99999px;
	width:465px;
	height:50px;
	margin-bottom:5px;
	background:url(../img/top/blog.gif) no-repeat;
}
#blogtopnews h3 a {
	width:465px;
	height:50px;
	display:block;
}

#blogtopnews dl {
	width:450px;
	margin-left:10px;
}

#blogtopnews dl dt {
	float:none;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:solid 2px #ccc;
	font-size:1.2em;
}

#blogtopnews dl dd span {
	margin-right:15px;
}

#blogtopnews dl .aumeta {
	text-align:right;
	margin-bottom:15px;
	font-size:11px;
	color:#666;
}

#blogtopnews dl dd img {
	display:none;
	height:1px;
}



/* ===================================================================
右メニュー
=================================================================== */

#side_r {
	width:190px;
}

#side_r ol li {
	width:190px;
	text-indent:-99999px;
	background-repeat:no-repeat;
}

#side_r ol li a {
	width:190px;
	display:block;
	overflow:hidden;
	cursor:pointer;
}

#i1 a {
	background:url(../img/side/i/menu1.gif);
	height:50px;
}
#i1 a:hover {
	background:url(../img/side/i/menu1.gif) -190px 0;
	height:50px;
}

#i2 a {
	background:url(../img/side/i/menu2.gif);
	height:50px;
}
#i2 a:hover {
	background:url(../img/side/i/menu2.gif) -190px 0;
	height:50px;
}

#i3 a {
	background:url(../img/side/i/menu3.gif);
	height:50px;
}
#i3 a:hover {
	background:url(../img/side/i/menu3.gif) -190px 0;
	height:50px;
}

#i4 a {
	background:url(../img/side/i/menu4.gif);
	height:50px;
}
#i4 a:hover {
	background:url(../img/side/i/menu4.gif) -190px 0;
	height:50px;
}

#i5 a {
	background:url(../img/side/i/menu5.gif);
	height:50px;
}
#i5 a:hover {
	background:url(../img/side/i/menu5.gif) -190px 0;
	height:50px;
}

#i6 a {
	background:url(../img/side/i/menu6.gif);
	height:50px;
}
#i6 a:hover {
	background:url(../img/side/i/menu6.gif) -190px 0;
	height:50px;
}

#i7 a {
	background:url(../img/side/i/menu7.gif);
	height:50px;
}
#i7 a:hover {
	background:url(../img/side/i/menu7.gif) -190px 0;
	height:50px;
}

#i8 a {
	background:url(../img/side/i/menu8.gif);
	height:50px;
}
#i8 a:hover {
	background:url(../img/side/i/menu8.gif) -190px 0;
	height:50px;
}

#i9 a {
	background:url(../img/side/i/menu9.gif);
	height:50px;
}
#i9 a:hover {
	background:url(../img/side/i/menu9.gif) -190px 0;
	height:50px;
}





/* アイコン */
#menu1,#menu3 {
	background-repeat:no-repeat;
	width:190px;
	height:110px;
	text-indent:-99999px;
}

#menu4 {
	background-repeat:no-repeat;
	width:190px;
	height:60px;
	text-indent:-99999px;
	margin-top:5px;
}

#menu2 {
	background-repeat:no-repeat;
	width:190px;
	height:105px;
	text-indent:-99999px;
}

#menu1 a {
	background-image:url(../img/side/kaiin.jpg);
	display:block;
	width:190px;
	height:110px;
	overflow:hidden;
}
#menu2 a {
	background-image:url(../img/side/sanjo.jpg);
	display:block;
	width:190px;
	height:105px;
	overflow:hidden;
}
#menu3 a {
	background-image:url(../img/side/sekkei.jpg);
	display:block;
	width:190px;
	height:110px;
	overflow:hidden;
}

#menu4 a {
	background-image:url(../img/side/kokoku.jpg);
	display:block;
	width:190px;
	height:60px;
	overflow:hidden;
	margin-top:5px;
}


#ask {
	background-repeat:no-repeat;
	width:190px;
	height:27px;
	text-indent:-99999px;
}
#ask a {
	background-image:url(../img/side/ask.gif);
	display:block;
	width:190px;
	height:27px;
	overflow:hidden;
}


/* 20100518 リンク */
#linkmenu {
	background:url(../img/side/link.gif) no-repeat;
	height:60px;
	width:190px;
	text-indent:-99999px;
	margin-top:5px;
}
#linkmenu a {
	height:60px;
	width:190px;
	display:block;
	overflow:hidden;
}


/* 20100518 ブログ */

#kaiinblog {
	background:url(../img/side/kaiinblog.gif) no-repeat;
	height:60px;
	width:190px;
	text-indent:-99999px;
	margin-top:7px;
}
#kaiinblog a {
	height:60px;
	width:190px;
	display:block;
	overflow:hidden;
}



#blogmenu {
	background:url(../img/side/blog.gif) no-repeat;
	height:60px;
	width:190px;
	text-indent:-99999px;
	margin-top:7px;
}
#blogmenu a {
	height:60px;
	width:190px;
	display:block;
	overflow:hidden;
}


/* 下のバナー */
#f_bana {
	float:left;
	padding:30px 0 15px;
}

#f_bana ul li {
	float:left;
	margin-right:5px;
}




/* ===================================================================
 フッター
=================================================================== */
#footer {
	clear:both;
	padding-top:5px;
	border-top:solid 2px #ccc;
}



/* リンク部 */
#footermenu {
	float:left;
	margin:10px 0;
}

#footer ul {
	clear:both;
}

#footer ul li {
	float:left;
	margin-right:17px;
	font-size:12px;
	padding:1px 0;
}

#footer ul li span {
	background-color:#696967;
	color:#fff;
	padding:2px;
}

#footer ul li a {
	color:#333;
	float:left;
}



/* アドレス */
#footer #add{
	clear:both;
	padding:10px 0;
	border-top:solid 1px #ccc;
	font-size:12px;
}


#footer #add #map {
	float:right;
	margin-right:450px;
	margin-top:5px;
}
*html #footer #add #map {
	margin-right:220px;
}


/* コピーライト */
#footer #crt {
	clear:both;
	background-color:#696967;
	color:#fff;
	padding:3px;
}





/* ===================================================================
下層-コンテンツ部分包括
=================================================================== */
/* 3カラム設定用 */
#contents_l {
	clear:both;
}





/* ===================================================================
下層-メイン部
=================================================================== */
/* メイン部包括 */
#content_wr {
	width:710px;
}



/* メインの記述箇所 */
#main_content {
	margin:5px 25px;
}



/* パンクズ */
#pan {
	font-size:11px;
	color:#999;
}
#pan a {
	color:#999;
	text-decoration:none;
}
#pan a:hover {
	text-decoration:underline;
	color:#333;
}



/* タイトル */
#main_content h2 {
	background-repeat:no-repeat;
	width:660px;
	height:119px;
	text-indent:-99999px;
	margin-left:-3px;
}





/* ===================================================================
下層-スライダー用css
=================================================================== */
/* スライドリンク部 */
#slidemenu {
	padding:0 0 35px;	
}

.accessible_news_slider {
	position: relative;
	overflow: hidden;
}

.accessible_news_slider {
	position: relative;
	z-index: 3;
}

.accessible_news_slider .skip_to_news {
	position: absolute;
	top: 0;
	left: -9999px;
}

.accessible_news_slider .back {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

/* 表示されていないメニューへの移動リンクのみ表示 */
.accessible_news_slider .back a,
.accessible_news_slider .next a {
	display: none;
	outline: none;
}

.accessible_news_slider .next {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}

.accessible_news_slider ul {
	position: relative;
	left: 0;
	width: auto;
	overflow: hidden;
	z-index: 1;
}



/* スライド用css */
.candy_coated  {
	width: 900px;
	margin: 0 auto;
}

.candy_coated .back {
	width: 61px;
	height: 58px;
	right: 40px;
}

.candy_coated .next {
	width: 61px;
	height: 58px;
	left: 650px;
}

.candy_coated .next a {
	position: absolute;
	top: 10px;
	right: -250px;
	width: 150px;
	height: 40px;
}

.candy_coated .back a {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 150px;
	height: 40px;
}

.candy_coated ul {
	width:1090px;
}

.candy_coated li {
	float:left;
	overflow: hidden;
}


/* ===================================================================
全ページ
=================================================================== */
h5{
	background:url(../img/h5.gif) no-repeat;
	height:46px;
	width:658px;
	padding:8px 0 0 25px;
	font-size:1.2em;
	color:#666;
	letter-spacing:1px;
	clear:both;
}

#go_top {
	text-align:right;
	letter-spacing:1px;
	background:url(../img/go_top.gif) no-repeat right center;
	padding-right:15px;
	margin:10px 3px 0 0;
	}
#go_top a {
	text-decoration:none;
	color:#000;
}
#go_top a:hover {
	text-decoration:underline;
}

.fw_bold {
	font-weight:bold;
}