<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */
/*-------------------------------------------------------------------------------------------------------------------------------------------*/

* {
	font:normal lighter 12px verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	color:#333333;
	margin:0;
}

html,body {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:100%;
	min-height:100%;
	padding:0;
	position:absolute;
	top:0;
	left:0;
}


a img {
	border:none;
}

img {
	vertical-align:middle;
	margin:auto;
}

table {
	margin:auto;
}

table.zero-left {
	margin-left:0;
}

th {
	vertical-align:middle;
	width:8em;
	font-size:1.2em;
	letter-spacing:1em;
}

hr {
	padding:0;
	border-style:solid none none none;
	height:0px;
	border-top-color:#aaaaaa;
}	

.clear {
	clear:both;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------*/
.left-f {
	float:left;
	margin-right:1em;
}

.right-f {
	float:right;
	margin-left:1em;
}

.bg-white {
	background:#ffffff;
}


/*-------------------------------------------------------------------------------------------------------------------------------------------*/
#body-wrap {
	position:absolute;
	top:45px;
	width:100%;
	margin:0 auto;
	background-color:#ffe5ca;
}

#container {
	position:relative;
	width:800px;
	text-align:center;
	left:50%;
	margin-left:-400px;
}

#header-wrap {
	z-index:99;
	width:100%;
	background-color:#974800;
	height: auto !important;
	padding-top:20px;
}

#header-area {
	position:relative;
	width:800px;
	left:50%;
	margin-left:-400px;
}

#title-area {
	position:relative;
	width:800px;
	margin:auto;
	color:#fff;
}

#logo-box {
	width:200px;
	margin-left:0;
	float:left;
}

#menu-box {
	position:relative;
	width:600px;
	float:right;
}

#address-box {
	text-align:right;
	margin-bottom:10px;
}

#menu {
	width:600px;
	margin-right:0;
}

	#menu ul {
		text-align:center;
		font-weight:bold;
		padding:0;
		margin:0;
		letter-spacing: -.40em;
	}
	
	#menu ul li {
		list-style-type: none;
		display: inline;
		margin:0;
		letter-spacing:normal;
	}


	#menu ul li a {
		display:inline-block;
		text-decoration: none;
		color:#6fffc4;
		width:119px;
		height:45px;
		line-height:4em;
		background:url(../img/menu-back-off.jpg) no-repeat left top;
	}
	
	#menu ul li a:hover {
		background:url(../img/menu-back.jpg) no-repeat left top;
		font-weight:bolder;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------*/

#main-box {
	position:relative;
	z-index:97;
	width:800px;
	margin:0 auto 10px;
	background:#fff;
}


#h2-bar {
	z-index:95;
	width:800px;
	margin:auto;
	background-color:#974800;	
}

.title-bar {
	z-index:94;
	padding:5px;
	background-color:#974800;
	color:#6fffc4;
}

.comment-area {
	width:800px;
	margin:auto;
}


/*-------------------------------------------------------------------------------------------------------------------------------------------*/

#grid-area {
	z-index:96;
	width:800px;
	height:440px;
	margin:0 auto 0 auto;
	position:relative;
	background:#974800;
}


	#a1-box {
		width:156px;
		height:140px;
		top:10px;
		left:10px;
		position:absolute;
	}
	
	#b1-box {
		width:156px;
		height:140px;
		top:10px;
		left:166px;
		position:absolute;
	}
	
	#c1-box {
		width:156px;
		height:140px;
		top:10px;
		left:321px;
		position:absolute;
	}
	
	#d1-box {
		width:156px;
		height:140px;
		top:10px;
		left:478px;
		position:absolute;
	}
	
	#e1-box {
		width:156px;
		height:140px;
		top:10px;
		left:634px;
		position:absolute;
	}
	
	#a2-box {
		width:156px;
		height:140px;
		top:150px;
		left:10px;
		position:absolute;
	}
	
	#b2-box {
		width:156px;
		height:140px;
		top:150px;
		left:166px;
		position:absolute;
	}
	
	#c2-box {
		width:156px;
		height:140px;
		top:150px;
		left:321px;
		position:absolute;
	}
	
	#d2-box {
		width:156px;
		height:140px;
		top:150px;
		left:478px;
		position:absolute;
	}
	
	#e2-box {
		width:156px;
		height:140px;
		top:150px;
		left:634px;
		position:absolute;
	}
	
	#a3-box {
		width:156px;
		height:140px;
		top:290px;
		left:10px;
		position:absolute;
	}
	
	#b3-box {
		width:156px;
		height:140px;
		top:290px;
		left:166px;
		position:absolute;
	}
	
	#c3-box {
		width:156px;
		height:140px;
		top:290px;
		left:321px;
		position:absolute;
	}
	
	#d3-box {
		width:156px;
		height:140px;
		top:290px;
		left:478px;
		position:absolute;
	}
	
	#e3-box {
		width:156px;
		height:140px;
		top:290px;
		left:634px;
		position:absolute;
	}
	
	.img-box {
		position:absolute;
		top:50%;
		left:50%;
		margin-left:-73px;
		margin-top:-65px;
		width:146px;
		height:130px;
	}
	
	.inner-box {
		position:absolute;
		top:50%;
		left:50%;
		margin-left:-73px;
		margin-top:-65px;
		width:146px;
		height:130px;
	}
	
	.inner-box a {
		display:block;
		text-decoration:none;
		line-height:2em;
	}
	
	.bg01 {
		background-color:#ffc00d;
	}
	
	.bg02 {
		background-color:#ffa80c;
	}
	
	.bg03 {
		background-color:#ff8500;
	}
	
	.bg04 {
		background-color:#ff670c;
	}
	
	.bg05 {
		background-color:#ff3f06;
	}
/*-------------------------------------------------------------------------------------------------------------------------------------------*/

#infomation {
	width:800px;
	position:relative;
}

#left-box{
	width:570px;
	float:left;
}

	#topics,#special {
		width:568px;
		margin-left:5px;
		border:#974800 solid 1px;
	}
	
	#topics ul li {
		list-style: none;
		padding-bottom:2px;
		border-bottom:#888 solid 1px;
		font-size:1.2em;
	}
	
	#topics ul li.end {
		border:none;
	}
	
		#sp01,#sp03 {
			width:258px;
			padding:5px;
			float:left;
		}

		#sp02,#sp04 {
			width:258px;
			padding:5px;
			margin-right:0;
			float:right;
		}

#right-box {
	width:220px;
	float:right;
	margin-right:0;
}

	#subcontents-img,#link-img {
	width:212px;
	float:right;
	margin-right:5px;
	border:#974800 solid 1px;
	}
	
	#subcontents-img a,#link-img a {
		display:block
	}
	
	#subcontents-img img,#link-img img {
		padding:5px;
	}

/*-------------------------------------------------------------------------------------------------------------------------------------------*/
#door {
	z-index:1;
	position:fixed;
	right:20px;
	bottom:25px;
	width:150px;
	height:180px;
	padding:0;
}

#door a {
	background:url(../img/door.jpg) no-repeat top center;
	display:block;
}

#door a:hover {
	background:url(../img/door.jpg) no-repeat bottom center;
}


/*-------------------------------------------------------------------------------------------------------------------------------------------*/

#footer {
	z-index:98;
	position:relative;
	width:100%;
	background-color:#974800;
	padding-top:10px;
	margin-top:10px;
}

#footer-area {
	width:800px;
	margin:auto;
	margin-left:10px;
}


	
	#footer-area ul {
		text-align:right;
		font-size:0.9em;
		padding:0;
		padding-right:20px;
		}
	
	#footer-area ul li {
		list-style-type: none;
		border-left: 1px #AAB27D solid;
		display: inline;
		height:30px;
		padding: 0 5px 0 5px;
	}
			
	#footer-area ul li.top {
		border-left:none;
		padding-left:0;
	}
	
	#footer-area ul li.end {
		border-right:none;
		padding-right:0;
	}
	
		
	#footer-area ul li a {
		text-decoration: none;
		color:#6fffc4;
	}
	
	#copyright-area {
		text-align:left;
		font-size:smaller;
		float:left;
		color:#fff;
	}

/*-------------------------------------------------------------------------------------------------------------------------------------------*/
</pre></body></html>