@charset "utf-8";

body { 
	margin:0;
	padding:0;
	text-align:center;
}
body, th, td {
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
	line-height:1.3em;
}

h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, br, img {margin:0;	padding:0;}
img {border:0; vertical-align:bottom;}

a, a:link {color:#333;	text-decoration:none;}
a:visited {color:#333;	text-decoration:none;}
a:hover {color:#333;	text-decoration:underline;}

/* clear */
#header:after, #box:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#header, #box {
	display:inline-block;
}
* html #header, * html #box {
	height:1%;
}
#header, #box {
	display:block;
}

/* layout */
#container {
	width:800px;
	margin:0 auto;
}
#idxheader {
	height:80px;
}
#idxheader h1 {
	display:block;
	font-size:0;
	text-indent:-9999px;
}
#box {
	width:800px;
	min-height:500px;
}
* html #box {height:500px;}


/* footer */
#footer {
	background:url(../image/footer.jpg) repeat-x 0 10px;
	height:122px;
	text-align:center;
}
#copy {
	width:193px;
	height:42px;
	margin:0 auto;
	background:url(../image/copy.jpg) no-repeat 0 12px;
	font-size:0;
	text-indent:-9999px;
}

/* index */
#top {
	width:798px;
	margin:10px auto;
}
#top a {
	display:block;
	width:133px;
	height:133px;
	text-decoration:none;
	font-size:0;
	text-indent:-9999px;
}
#top a:hover {
	background:#ffffff;
	opacity:0.50;
	filter:alpha(opacity=50);
}

/* construction */
#construction {
	width:539px;
	height:477px;
	background:url(../image/construction.jpg) no-repeat 0 20px;
	font-size:0;
	text-indent:-9999px;
}


/* contents */
#alpha {
	width:599px;
	margin:40px 0;
	float:right;
	text-align:left;
}
#beta {
	width:200px;
	float:left;
	text-align:left;
}
#header {
	height:153px;
	margin:0 0 0 18px;
}
#header h1 {
	display:block;
	width:150px;
	height:153px;
	background:url(../image/logo.jpg) no-repeat 0 20px;
	font-size:0;
	text-indent:-9999px;
}
#header h1 a, #header h1 a:link, #header h1 a:hover, #header h1 a:visited {
	display:block;
	width:150px;
	height:153px;
	text-decoration:none;
}

#beta ul {
	display:block;
	margin:21px 0 0 18px;
	list-style-type:none;
}
#beta li {
	display:block;
	width:183px;
	height:30px;
	font-size:0;
	text-indent:-9999px;
}
#beta li a, #beta li a:link, #beta li a:hover, #beta li a:visited {
	display:block;
	width:183px;
	height:30px;
	text-decoration:none;
}
#nv01, #nv02, #nv03, #nv04, #nv05, 
#nv06, #nv07, #nv08, #nv09 {
	background:url(../image/navi.jpg) no-repeat;
}
#nv01 a:hover, #nv02 a:hover, #nv03 a:hover, #nv04 a:hover, #nv05 a:hover, 
#nv06 a:hover, #nv07 a:hover, #nv08 a:hover, #nv09 a:hover, 
#nv01_cur, #nv02_cur, #nv03_cur, #nv04_cur, #nv05_cur, 
#nv06_cur, #nv07_cur, #nv08_cur, #nv09_cur {
	background:url(../image/navi_o.jpg) no-repeat;
}
#nv02, #nv02 a:hover, #nv02_cur {background-position:0 -30px;}
#nv03, #nv03 a:hover, #nv03_cur {background-position:0 -60px;}
#nv04, #nv04 a:hover, #nv04_cur {background-position:0 -90px;}
#nv05, #nv05 a:hover, #nv05_cur {background-position:0 -120px;}
#nv06, #nv06 a:hover, #nv06_cur {background-position:0 -150px;}
#nv07, #nv07 a:hover, #nv07_cur {background-position:0 -180px;}
#nv08, #nv08 a:hover, #nv08_cur {background-position:0 -210px;}
#nv09, #nv09 a:hover, #nv09_cur {background-position:0 -240px;}

#alpha a, #alpha a:link {color:#008bce;	text-decoration:none;}
#alpha a:visited {color:#008bce;	text-decoration:none;}
#alpha a:hover {color:#008bce;	text-decoration:underline;}

table.conte {
	margin:130px 15px 0;
}
.conte th, .conte td {
	padding:5px;
	font-weight:normal;
	vertical-align:top;
	line-height:1.3em;
}
.conte a, .conte a:link {color:#008bce;	text-decoration:none;}
.conte a:visited {color:#008bce;	text-decoration:none;}
.conte a:hover {color:#008bce;	text-decoration:underline;}


/* INFORMATION */
#info {
	margin:140px 20px 0;
}
#info dl {
	display:block;
	color:#008bce;
}
#info dt {
	display:block;
	margin:10px 0 0;
}
#info dd {
	display:block;
	padding:0 0 10px;
	border-bottom:1px solid #008bce;
}
#pnavi {
	text-align:center;
	margin:20px;
}
#infot {
	margin:10px 0 0;
}
#infod {
	text-align:right;
}
.infob {
	margin:5px 0;
	line-height:1.4em;
}
#pback {
	text-align:right;
}

/* about */
table#about {
	width:465px;
	margin:0 auto;
}
#accessmap {
	width:465px;
	height:305px;
	background:url(../about/image/map.jpg) no-repeat;
	font-size:0;
	text-indent:-9999px;
}
#about th, #about td {
	vertical-align:top;
}
#utsunomiyakita, #kamitomatsuri {
	width:303px;
	height:90px;
	font-size:0;
	text-indent:-9999px;
}
#utsunomiyakita {background:url(../about/image/kitadet.jpg) no-repeat;}
#kamitomatsuri {background:url(../about/image/kamitodet.jpg) no-repeat;}

.add_p {
	padding:5px;
	line-height:1.5em;
}
.add_p span {
	font-size:11px;
}
.add_p strong {
	color:#CC0000;
}

/* voice */
#voice {
	margin:70px 0 0 20px;
}
#voice h2 {
	display:block;
	height:30px;
	background:url(../voice/image/title.jpg) no-repeat;
	font-size:0;
	text-indent:-9999px;
}
#item {
	width:561px;
	min-height:500px;
	margin:0 auto;
	position:relative;
}
* html #item {height:500px;}
#item ul {
	display:block;
	width:561px;
	list-style-type:none;
}
#item li {
	width:140px;
	float:left;
}
#voice1, #voice2, #voice3, #voice4, 
#voice5, #voice6, #voice7, #voice8 {
	width:456px;
	height:500px;
	border:1px solid #333;
	position:absolute;
	top:5px;
	left:40px;
}
#voice1 {background:#fff url(../voice/image/vol01.jpg) no-repeat 10px 10px;}
#voice2 {background:#fff url(../voice/image/vol02.jpg) no-repeat 10px 10px;}
#voice3 {background:#fff url(../voice/image/vol03.jpg) no-repeat 10px 10px;}
#voice4 {background:#fff url(../voice/image/vol04.jpg) no-repeat 10px 10px;}
#voice5 {background:#fff url(../voice/image/vol05.jpg) no-repeat 10px 10px;}
#voice6 {background:#fff url(../voice/image/vol06.jpg) no-repeat 10px 10px;}
#voice7 {background:#fff url(../voice/image/vol07.jpg) no-repeat 10px 10px;}
#voice8 {background:#fff url(../voice/image/vol08.jpg) no-repeat 10px 10px;}
.close {
	padding-top:460px;
	text-align:center;
}
.off {display:none;}
.on {display:block;}




/* brex */
#brex {
	width:140px;
	margin:10px 0;
	background:url(../about/image/brex.gif) no-repeat center center;
	font-size:0;
	text-indent:-9999px;
}
#brex a {
	display:block;
	width:140px;
	height:75px;
	text-decoration:none;
}