a:visited {  color: #0066FF; text-decoration: none}
a:link {  color: #0066FF; text-decoration: none}
a:hover {  color: #00CCCC; text-decoration: underline}

/*  font-family設定しない font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",メイリオ,sans-serif; */
.std { font-size: 13px;}
.doc { font-size: 13px; line-height: 17px;}
.sfont { font-size: 11px;}

/* 白文字のリンク */
.white { font-size: 12px; color: #FFFFFF;}
.white a:visited { color: #FFFFFF; text-decoration: none}
.white a:link { color: #FFFFFF; text-decoration: none}
.white a:hover { color: #FFFFFF; text-decoration: underline}


/* 大タイル（196x96） ブロックをtable-cellに変換して縦中央配置  aの範囲数値で指定　*/
.tile-l-bk {
	background:#31424d;
	position: relative;
	width: 196px;
	height: 96px;
	margin:2px;
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	background-image:  url(top_tile-btn_kozuchi.gif);
	font-size:13px;
	color:#FFFFFF;
	font-family: メイリオ,sans-serif;
	letter-spacing:1px;
}

.tile-l-og {background:#ce5419; position: relative; width: 196px; height: 96px; margin:2px; display:table-cell; vertical-align:middle; text-align:center; line-height: 14px; font-size:13px; color:#FFFFFF; font-family: メイリオ,sans-serif; letter-spacing:1px;}
.tile-l-bk a, .tile-l-og a{display: block; position: absolute; top: 0; left: 0; width: 196px; height: 96px;}
.tile-l-bk a:hover{-moz-opacity: 0.1; opacity: 0.18; background-image: url(top_tile-btn_kozuchi_hv.gif);}
.tile-l-og a:hover{background-color:#000; -moz-opacity: 0.1; opacity: 0.1;}

/* 中タイル（96x96） paddingで文字位置調整（heightは 96px−paddingの第1数値）  */
.tile-m-bk, .tile-m-dbl, .tile-m-bl
    {float:left; position: relative; width: 96px; height: 66px; padding:30px 0px 0px 0px; margin:2px; text-align:center; font-size:13px; line-height: 17px; color:#FFFFFF; font-family: メイリオ,sans-serif; letter-spacing:1px;}
.tile-m-bk {background:#31424d;}
.tile-m-dbl{background:#344f92;}
.tile-m-bl {background:#1475ac;}
.tile-m-grn, .tile-m-gry, .tile-m-ppr, .tile-m-pp 
    {float:left; position: relative; width: 96px; height: 56px; padding:40px 0px 0px 0px; margin:2px; text-align:center; font-size:13px; color:#FFFFFF; font-family: メイリオ,sans-serif; letter-spacing:1px;}
.tile-m-grn{background:#399070;}
.tile-m-gry{background:#999999;}
.tile-m-ppr{background:#ad1e7b;}
.tile-m-pp {background:#8755ce;}

.tile-m-bk a, .tile-m-bl a, .tile-m-grn a, .tile-m-gry a, .tile-m-dbl a, .tile-m-ppr a, .tile-m-pp a 
    {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.tile-m-bk  a:hover{background-color:#000; -moz-opacity: 0.1; opacity: 0.18;}
.tile-m-dbl a:hover{background-color:#000; -moz-opacity: 0.1; opacity: 0.12;}
.tile-m-bl  a:hover, .tile-m-grn a:hover, .tile-m-gry a:hover, .tile-m-ppr a:hover, .tile-m-pp a:hover
    {background-color:#000; -moz-opacity: 0.1; opacity: 0.1;}

/* 小タイル（96x46） paddingで文字位置調整（heightは 46px−paddingの第1数値）  */
.tile-s-grn {background:#399070; float:left; position: relative; width: 96px; height: 40px; padding:6px 0px 0px 0px; margin:2px; text-align:center; font-size:13px; line-height: 17px; color:#FFFFFF; font-family: メイリオ,sans-serif; letter-spacing:1px;}
.tile-s-bl, .tile-s-og
    {float:left; position: relative; width: 96px; height: 31px; padding:15px 0px 0px 0px; margin:2px; text-align:center; font-size:13px; color:#FFFFFF; font-family: メイリオ,sans-serif; letter-spacing:1px;}
.tile-s-bl {background:#1475ac;}
.tile-s-og {background:#ce5419;}

.tile-s-grn a, .tile-s-bl a, .tile-s-og a 
    {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.tile-s-grn a:hover{background-color:#000; -moz-opacity: 0.1; opacity: 0.18;}
.tile-s-bl a:hover, .tile-s-og a:hover {background-color:#000; -moz-opacity: 0.1; opacity: 0.1;}


/* ギャラリーバナー */
.gallerybanner {clear:both; padding:4px 0px 0px 0px;}
.gallerybanner img {border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
.gallerybanner a:hover{opacity: 0.85;}

/* フッターのリンク、インデント調整 */
.links a:visited {color: #000000; text-decoration: none}
.links a:link {color: #000000; text-decoration: none}
.links a:hover {color: #0099CC; text-decoration: underline}
.links ul {padding: 0;　margin: 0; font-size: 12px; line-height: 19px; list-style-image: url(top_icon_links2.gif)}
.links li {margin: 0; padding: 0;}


/* 町名サイドバー位置固定 */
#sidebar{
position:fixed;
top:0px;
margin-left:780;
width:130px;
background-color:#fff;
text-align:center;
font-family:sans-serif;
}




/* トップページイメージ画像のフェード切替え 
----------------------------------------------------------- */

.container {
	position: relative;
	width: 720px;
	max-width: 100%;
	height: 400px;
	background-image: url(top_slide_bgptn.gif);
}

.image {
	position: absolute;
	width: 100%;
	opacity: 0;
	animation: change-img-anim 64s infinite;
	/*	時間は 64sまたは65sがベスト */
}


.image:nth-of-type(1) {
	animation: change-img-anim-first 63s infinite; 
	animation-delay: 0s;
}
.image:nth-of-type(2) {
	animation-delay: 10s;
}
.image:nth-of-type(3) {
	animation-delay: 20s;
}
.image:nth-of-type(4) {
	animation-delay: 30s;
}
.image:nth-of-type(5) {
	animation-delay: 40s;
}
.image:nth-of-type(6) {
	animation-delay: 50s;
}

/*
１枚目のみフェードインではなく、初めから表示にする*/
 @keyframes change-img-anim-first {
	0%{ opacity: 1;}
	3%{ opacity: 1;}
	23%{ opacity: 1;}
	25%{ opacity: 0;}
}


@keyframes change-img-anim {
	0%{ opacity: 0;}
	3%{ opacity: 1;}
	23%{ opacity: 1;}
	25%{ opacity: 0;}
}