@charset "UTF-8";
body {
	background-color: #B3B3B3;
	background-image: url(img/background.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#maintitle {
	background-image: url(../images/a01_title.jpg);
	background-repeat: no-repeat;
	height: 471px;
	width: 781px;
	margin-right: auto;
	margin-left: auto;
}

.b_tab {
	background-image: url(../images/b03_bg.jpg);
	background-repeat: repeat-x;
	height: 50px;
	width: 781px;
	margin-right: auto;
	margin-left: auto;
}
.b_tab01 {
	float: left;
	height: 50px;
	width: 189px;
	padding-left: 196px;
}
.b_tab02 {
	float: left;
	height: 50px;
	width: 189px;
	padding-left: 8px;
}
.c01_head {
	background-image: url(img/01c01_head.jpg);
	clear: both;
	height: 103px;
	width: 789px;
	margin-right: auto;
	margin-left: auto;
}
.c01_head2 {
	background-image: url(img/01c01_head02.jpg);
	clear: both;
	height: 17px;
	width: 789px;
	margin-right: auto;
	margin-left: auto;
}
#chart {
	background-image: url(img/chart.jpg);
	background-repeat: no-repeat;
	height: 432px;
	width: 789px;
	margin-right: auto;
	margin-left: auto;
}
.bgtext {
	position: absolute;
	visibility: hidden;
}
body,td,th {
	font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro W3, Hiragino Kaku Gothic Pro, ＭＳ ゴシック, MS Gothic, ＭＳ Ｐゴシック, MS PGothic, メイリオ, Meiryo, Osaka;
	line-break: strict;
}
#chart_text {
	background-image: url(img/repeat.jpg);
	background-repeat: repeat-y;
	width: 733px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	padding-left: 28px;
	padding-right: 28px;
	font-size: 12px;
	line-height: 17px;
}
#transition {
	background-image: url(img/transition.jpg);
	height: 229px;
	width: 789px;
	margin-right: auto;
	margin-left: auto;
}
#headline {
	background-image: url(img/headline.jpg);
	background-repeat: no-repeat;
	height: 170px;
	width: 789px;
	margin-right: auto;
	margin-left: auto;
}
#ancient {
	background-image: url(img/ancient.jpg);
	background-repeat: no-repeat;
	height: 317px;
	width: 789px;
	margin-right: auto;
	margin-left: auto;
}
#middle {
	background-image: url(img/middle.jpg);
	background-repeat: no-repeat;
	height: 408px;
	width: 789px;
	margin-right: auto;
	margin-left: auto;
}
#modern {
	background-image: url(img/modern.jpg);
	background-repeat: no-repeat;
	height: 437px;
	width: 789px;
	margin-right: auto;
	margin-left: auto;
}
#present {
	background-image: url(img/present.jpg);
	background-repeat: no-repeat;
	height: 331px;
	width: 789px;
	margin-right: auto;
	margin-left: auto;
}
#plan {
	background-image: url(img/plan.jpg);
	background-repeat: no-repeat;
	height: 116px;
	width: 789px;
	margin-right: auto;
	margin-left: auto;
}
#plan_content {
	background-image: url(img/repeat.jpg);
	background-repeat: repeat-y;
	height: auto;
	width: 789px;
	margin-right: auto;
	margin-left: auto;
}
#plan_content_text1 {
	font-size: 12px;
	line-height: 16px;
	height: auto;
	width: 349px;
	padding-left: 28px;
	float: left;
	display: inline;
}
#resident {
	background-image: url(img/resident.jpg);
	background-repeat: no-repeat;
	height: auto;
	width: 170px;
	border: 1px solid #50C8FF;
	font-size: 12px;
	line-height: 16px;
	padding-top: 38px;
	padding-right: 172px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 6px;
}
#pic_plan {
	background-image: url(img/pic_plan.jpg);
	background-repeat: no-repeat;
	height: 273px;
	width: 368px;
	float: left;
	margin-left: 16px;
	display: inline;
	margin-top: 2px;
}
#event {
	background-image: url(img/event.jpg);
	background-repeat: no-repeat;
	height: 118px;
	width: 789px;
	margin-right: auto;
	margin-left: auto;
}
#event_content {
	background-image: url(img/repeat.jpg);
	background-repeat: repeat-y;
	height: auto;
	width: 789px;
	margin-right: auto;
	margin-left: auto;
}
#bottom_plan {
	background-image: url(img/bottom_plan.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 789px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#event_text {
	font-size: 14px;
	line-height: 18px;
	height: auto;
	width: 171px;
	padding-left: 28px;
	float: left;
	padding-right: 11px;
}
#approval {
	background-image: url(img/approval.jpg);
	background-repeat: no-repeat;
	float: left;
	height: auto;
	width: 184px;
	font-size: 12px;
	line-height: 16px;
	padding-top: 186px;
}
#migration {
	background-image: url(img/migration.jpg);
	background-repeat: no-repeat;
	float: left;
	height: auto;
	width: 158px;
	padding-top: 186px;
	font-size: 12px;
	line-height: 16px;
	padding-left: 13px;
	padding-right: 14px;
}
#invention {
	background-image: url(img/invention.jpg);
	background-repeat: no-repeat;
	float: left;
	height: auto;
	width: 159px;
	padding-top: 186px;
	padding-right: 10px;
	padding-left: 13px;
	font-size: 12px;
	line-height: 16px;
}
#bottom_event {
	clear: both;
	width: 789px;
	background-image: url(img/bottom_event.jpg);
	background-repeat: no-repeat;
	height: 21px;
}
#free {
	background-image: url(img/free.jpg);
	background-repeat: no-repeat;
	height: 117px;
	width: 789px;
	margin-right: auto;
	margin-left: auto;
}
#content_free {
	background-image: url(img/repeat.jpg);
	background-repeat: repeat-y;
	height: auto;
	width: 789px;
	margin-right: auto;
	margin-left: auto;
}
#left_free {
	background-image: url(img/left_free.jpg);
	height: 136px;
	width: 179px;
	background-repeat: no-repeat;
	margin-left: 28px;
	float: left;
	display: inline;
}
#text_free {
	font-size: 12px;
	line-height: 17px;
	width: 354px;
	float: left;
	padding-left: 12px;
	padding-right: 8px;
}
#right_free {
	background-image: url(img/right_free.jpg);
	height: 136px;
	width: 179px;
	float: left;
	background-repeat: no-repeat;
}
#bottom_free {
	background-image: url(img/bottom_free.jpg);
	background-repeat: no-repeat;
	clear: both;
	height: 163px;
	width: 789px;
}
#credit {
	background-image: url(img/credit.jpg);
	background-repeat: repeat-y;
	width: 789px;
	margin-right: auto;
	margin-left: auto;
}
#text_credit {
	font-size: 12px;
	line-height: 15px;
	width: 619px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 85px;
	padding-bottom: 25px;
	padding-left: 85px;
	text-align: center;
	clear: both;
	padding-top: 23px;
}
#link_official {
	height: 78px;
	width: 364px;
	padding-top: 33px;
	padding-left: 16px;
	float: left;
}
#link_next {
	height: 78px;
	width: 364px;
	float: left;
	background-image: url(img/next.jpg);
	background-repeat: no-repeat;
	margin-top: 33px;
	margin-left: 29px;
}
#footer {
	text-align: center;
	height: auto;
	width: 789px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	background-image: url(img/footerbase.jpg);
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-bottom: 10px;
}