@import url("../../css/font.css");
@import url("../../css/img.css");
body      {
	background: url(../images/d1997/bg.jpg) no-repeat fixed center bottom;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#container {
	width: 600px;
	margin: 0px auto;
	text-align: center;
	background: url(../images/top/bg.gif) repeat;
}
#p1 {
	background: url(../images/d1997/top.gif) no-repeat left top;
	display: block;
	padding-top: 70px;
	color: #999999;
	margin-left: auto;
	text-align: left;
	width: 450px;
	margin-right: auto;
}
#p2 {
	display: block;
	color: #999999;
	margin-left: auto;
	text-align: left;
	width: 450px;
	background: url(../images/d1997/plan.gif) no-repeat center top;
	margin-right: auto;
	padding-top: 450px;
	margin-top: 50px;
}
#p3 {
	display: block;
	margin-top: 70px;
}
#p4 {
	display: block;
	color: #999999;
	margin-left: auto;
	text-align: left;
	width: 450px;
	margin-right: auto;
	margin-top: 70px;
}
#p5 {
	display: block;
	color: #999999;
	text-align: left;
	width: 450px;
	margin: 20px auto 60px;
}
#data {
	background: url(../images/d1997/top.gif) no-repeat left top;
	display: block;
	padding-top: 70px;
	color: #999999;
	margin-left: 100px;
	text-align: left;
	width: 400px;
	margin-right: 100px;
	margin-bottom: 60px;
}
.line1 {
	margin-left: 1em;
}
.line2 {
	margin-left: 4em;
}
.line3 {
	margin-left: 2em;
}
#text01 {
	margin-top: 100px;
	text-align: left;
}
#top01 {
	background: url(../images/d1997/top01.jpg) no-repeat center top;
	height: 750px;
	width: 600px;
}
#top02 {
	background: url(../images/d1997/top02.jpg) no-repeat center top;
	height: 750px;
	width: 600px;
}
#copy {
	display: block;
	border-top: 1px dotted #999999;
	padding: 20px 122px;
	margin-top: 50px;
}
#next a {
	display: block;
	margin-left: 20px;
	margin-top: 25px;
	margin-right: 40px;
	text-align: left;
	color: #999999;
	text-decoration: none;
	background: url(../images/top/next_off.gif) no-repeat right center;
	font-size: 14px;
}
#next a:hover {
	display: block;
	margin-left: 20px;
	margin-top: 25px;
	margin-right: 40px;
	text-align: left;
	color: #996633;
	text-decoration: none;
	background: url(../images/top/next_on.gif) no-repeat right center;
	font-size: 14px;
}
#next2 {
	clear: both;
}
#next2 a {
	display: block;
	margin-top: 25px;
	text-align: left;
	color: #999999;
	text-decoration: none;
	background: url(../images/top/next_off.gif) no-repeat right center;
	font-size: 14px;
	width: 250px;
	margin-left: 300px;
}
#next2 a:hover {
	display: block;
	margin-top: 25px;
	text-align: left;
	color: #996633;
	text-decoration: none;
	background: url(../images/top/next_on.gif) no-repeat right center;
	font-size: 14px;
	width: 250px;
	margin-left: 300px;
}
#back {
	text-align: left;
}
#back a {
	color: #999999;
	text-decoration: none;
	font-size: 14px;
	display: block;
	padding-left: 15px;
	width: 300px;
	border-left: 3px solid #FF9933;
	padding-top: 40px;
	text-align: left;
	clear: both;
}
#back a:hover {
	color: #996633;
	text-decoration: none;
	font-size: 14px;
	display: block;
	padding-left: 15px;
	width: 300px;
	border-left: 3px solid #990000;
	padding-top: 40px;
	text-align: left;
}
#photo {
	text-align: center;
	clear: both;
}
#photo h5 {
	margin: 0px;
	padding: 0px;
}
#photo #photo01 a {
	background: url(../images/d1997/photos/li01_off.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin-left: 65px;
	margin-bottom: 20px;
	margin-top: 20px;
}
#photo #photo01 a:hover {
	background: url(../images/d1997/photos/li01_on.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin-left: 65px;
	margin-bottom: 20px;
	margin-top: 20px;
}
#photo #photo02 a {
	background: url(../images/d1997/photos/li02_off.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin: 20px 40px;
}
#photo #photo02 a:hover {
	background: url(../images/d1997/photos/li02_on.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin: 20px 40px;
}
#photo #photo03 a {
	background: url(../images/d1997/photos/li03_off.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin-bottom: 20px;
	margin-right: 65px;
	margin-top: 20px;
}
#photo #photo03 a:hover {
	background: url(../images/d1997/photos/li03_on.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin-bottom: 20px;
	margin-right: 65px;
	margin-top: 20px;
}
#photo #photo04 a {
	background: url(../images/d1997/photos/li04_off.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin-left: 65px;
	margin-bottom: 20px;
	margin-top: 20px;
}
#photo #photo04 a:hover {
	background: url(../images/d1997/photos/li04_on.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin-left: 65px;
	margin-bottom: 20px;
	margin-top: 20px;
}
#photo #photo05 a {
	background: url(../images/d1997/photos/li05_off.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin: 20px 40px;
}
#photo #photo05 a:hover {
	background: url(../images/d1997/photos/li05_on.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin: 20px 40px;
}
#photo #photo06 a {
	background: url(../images/d1997/photos/kt01_off.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin-bottom: 20px;
	margin-right: 65px;
	margin-top: 20px;
}
#photo #photo06 a:hover {
	background: url(../images/d1997/photos/kt01_on.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin-bottom: 20px;
	margin-right: 65px;
	margin-top: 20px;
}
#photo #photo07 a {
	background: url(../images/d1997/photos/kt02_off.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin-left: 65px;
	margin-bottom: 20px;
	margin-top: 20px;
}
#photo #photo07 a:hover {
	background: url(../images/d1997/photos/kt02_on.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin-left: 65px;
	margin-bottom: 20px;
	margin-top: 20px;
}
#photo #photo08 a {
	background: url(../images/d1997/photos/kt03_off.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin: 20px 40px;
}
#photo #photo08 a:hover {
	background: url(../images/d1997/photos/kt03_on.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin: 20px 40px;
}
#photo #photo09 a {
	background: url(../images/d1997/photos/bed01_off.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin-bottom: 20px;
	margin-right: 65px;
	margin-top: 20px;
}
#photo #photo09 a:hover {
	background: url(../images/d1997/photos/bed01_on.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin-bottom: 20px;
	margin-right: 65px;
	margin-top: 20px;
}
#photo #photo10 a {
	background: url(../images/d1997/photos/bed02_off.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin-left: 65px;
	margin-bottom: 20px;
	margin-top: 20px;
}
#photo #photo10 a:hover {
	background: url(../images/d1997/photos/bed02_on.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin-left: 65px;
	margin-bottom: 20px;
	margin-top: 20px;
}
#photo #photo11 a {
	background: url(../images/d1997/photos/la01_off.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin: 20px 40px;
}
#photo #photo11 a:hover {
	background: url(../images/d1997/photos/la01_on.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin: 20px 40px;
}
#photo #photo12 a {
	background: url(../images/d1997/photos/work01_off.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin-bottom: 20px;
	margin-right: 65px;
	margin-top: 20px;
}
#photo #photo12 a:hover {
	background: url(../images/d1997/photos/work01_on.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin-bottom: 20px;
	margin-right: 65px;
	margin-top: 20px;
}
#photo #photo13 a {
	background: url(../images/d1997/photos/green01_off.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin-left: 65px;
	margin-bottom: 20px;
	margin-top: 20px;
}
#photo #photo13 a:hover {
	background: url(../images/d1997/photos/green01_on.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin-left: 65px;
	margin-bottom: 20px;
	margin-top: 20px;
}
#photo #photo14 a {
	background: url(../images/d1997/photos/green02_off.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin: 20px 40px;
}
#photo #photo14 a:hover {
	background: url(../images/d1997/photos/green02_on.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin: 20px 40px;
}
#photo #photo15 a {
	background: url(../images/d1997/photos/green03_off.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin-bottom: 20px;
	margin-right: 65px;
	margin-top: 20px;
}
#photo #photo15 a:hover {
	background: url(../images/d1997/photos/green03_on.jpg) no-repeat center center;
	display: block;
	float: left;
	height: 100px;
	width: 130px;
	margin-bottom: 20px;
	margin-right: 65px;
	margin-top: 20px;
}