@charset "UTF-8";
@import url("text.css?20220120");

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;
	font-family: verdana, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

a:link {color: #336699;text-decoration: none;}
a:visited {color: #669999;text-decoration: none;}
a:hover {color: #66ccff;text-decoration: none;}
a:active {color: #ff6600;text-decoration: none;}
/* @group header */
#headerbox {width: 100%;height: 88px;background: url(../images/menubg.gif) repeat-x left bottom;}
#topheader {width: 880px;height: 500px;margin: 0 auto;position: relative;background: url(../images/topimg2.jpg);}
#topheader .date{
	font-size: 10px;color: #555555;font-weight: normal;position: absolute;top: 310px;right: 25px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
body#index h1 {text-indent: -3000px;}
#header {width: 880px;height: 88px;margin: 0 auto;position: relative;}
.banner {width: 124px;height: 83px;position: absolute;top: 5px;left: 0;}
.banner a {width: 124px;height: 83px;display: block;text-indent: -3000px;background-image: url(../images/sec_banner.gif);}
/* @group toplink */
#toplink {width: 204px;height: 16px;position: absolute;top: 5px;left: 676px;display: none;}
.toplink {float: left;height: 14px;padding-right: 5px;}
.toplink a {height: 14px;display: block;text-indent: -3000px;font-size: 10px;background-position: 0 0;}
.toplink a:hover {background-position: 0 -14px;}
#toplink01 {width: 47px;}
#toplink02 {width: 69px;}
#toplink03 {width: 73px;}
#toplink01 a {width: 47px;background-image: url(../images/toplink01.gif);}
#toplink02 a {width: 69px;background-image: url(../images/toplink02.gif);}
#toplink03 a {width: 73px;background-image: url(../images/toplink03.gif);}
/* @group menu */
#topmenu {width: 840px;height: 130px;position: absolute;top: 339px;left: 25px;}
.topmenu {float: left;width: 110px;height: 130px;padding-right: 10px;}
.topmenu a {width: 110px;height: 130px;display: block;text-indent: -3000px;background-position: 0 0;}
.topmenu a:hover {background-position: 0 -140px;}
#topmenu00 a {background-image: url(../images/topmenu01.jpg);}
#topmenu01 a {background-image: url(../images/topmenu02.jpg);}
#topmenu02 a {background-image: url(../images/topmenu03.jpg);}
#topmenu03 a {background-image: url(../images/topmenu04.jpg);}
#topmenu04 a {background-image: url(../images/topmenu05.jpg);}
#topmenu05 a {background-image: url(../images/topmenu06.jpg);}
#topmenu06 a {background-image: url(../images/topmenu07.jpg);}
#menu {width: 880px;height: 24px;margin: 0 auto;position: absolute;top: 46px;left: 124px;}
.menu {float: left;width: 100px;height: 24px;padding-right: 1px;}
.menu a {width: 100px;height: 24px;display: block;text-indent: -3000px;background-position: 0 0;}
.menu a:hover {background-position: 0 -24px;}
#menu04, #menu04 a, #menu05, #menu05 a {width: 120px;}
#menu00 a {background-image: url(../images/menu00.gif);}
#menu01 a {background-image: url(../images/menu01.gif);}
#menu02 a {background-image: url(../images/menu02.gif);}
#menu03 a {background-image: url(../images/menu03.gif);}
#menu04 a {background-image: url(../images/menu04.gif);}
#menu05 a {background-image: url(../images/menu05.gif);}
#menu06 a {background-image: url(../images/menu06.gif);}
/* @group footer */
#backtop {clear: both;width: 840px;margin: 0 auto;padding: 10px 20px;border-top: 1px solid #cccccc;}
#backtop a {font-size: 0.7em;padding-left: 12px;background: url(../images/icon-top.gif) no-repeat left center;}
#footerbox {width: 880px;margin: 0 auto;padding-top: 18px;background: url(../images/menubg.gif) repeat-x left top;}
#footmenu li {float: left;font-size: 0.7em;padding-right: 10px;padding-bottom: 15px;}
#footmenu li a {padding-left: 12px;background: url(../images/icon-link.gif) no-repeat left center;}
#creditbox {clear: both;}
.credittitle {
    clear: both;width: 149px;height: 14px;margin-bottom: 5px;text-indent: -3000px;font-size: 10px;
    background-image: url(../images/credittitle.gif);}
.credit {font-size: 0.8em;font-weight: bold;color: #444444;}
.member {font-size: 0.7em;color: #444444;margin-bottom: 5px;}
.address {font-size: 0.7em;line-height: 150%;color: #444444;}
.copyright {font-size: 0.65em;color: #999999;padding: 10px 0 20px;}
/* @end */
#contentsbox {width: 880px;margin: 0 auto;}
#directory {padding: 5px 20px;font-size: 0.7em;color: #555555;}
.spot {width: 820px;padding: 20px;}
/*  page original */
body.isan #menu00 a,
body.kengaku #menu01 a,
body.taiken #menu02 a,
body.model #menu03 a,
body.volunteer #menu04 a,
body.bus #menu05 a,
body.matsuri #menu06 a {
	background-position: 0 -24px;
}


