@charset "utf-8";
/* CSS Document */

/* history common
==========================================*/

.section dl {
	background: url(../images/history_img001.gif) no-repeat center bottom #f5f5f5;
	padding: 20px 20px 35px 20px;
	cursor: pointer;
}
.section dl dt {
	font-size: 190%;
	width: 920px;
	height: 60px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
}
.section dd {
	margin-top: 10px;
}
.section ul.more {
	position: relative;
	width: 960px;
}
.section ul.more li {
	position: absolute;
}
.section ul.more li.border {
	top: 0px;
	left: 49.3%;
	z-index: 100;
}
/* sectionera01
==========================================*/

.section dt.eratitle01 {
	background: url(../images/era01_title.jpg) no-repeat 0 0;
}
.section ul.eralist01 {
	height: 308px;
}
.section ul.more li.era01-a {
	top: 11px;
	left: 0;
}
.section ul.more li.era01-b {
	top: 10px;
	right: 0;
}
.section ul.more li.era01-c {
	top: 84px;
	left: 0;
}
/* sectionera02
==========================================*/

.section dt.eratitle02 {
	background: url(../images/era02_title.jpg) no-repeat 0 0;
}
.section ul.eralist02 {
	height: 1092px;
}
.section ul.more li.era02-a {
	top: 10px;
	left: 0;
}
.section ul.more li.era02-b {
	top: 10px;
	right: 0;
}
.section ul.more li.era02-c {
	top: 97px;
	left: 0;
}
.section ul.more li.era02-d {
	top: 83px;
	right: 0;
}
.section ul.more li.era02-e {
	top: 156px;
	right: 0;
}
.section ul.more li.era02-f {
	top: 229px;
	right: 0;
}
.section ul.more li.era02-g {
	top: 302px;
	right: 0;
}
.section ul.more li.era02-h {
	top: 375px;
	right: 0;
}
.section ul.more li.era02-i {
	top: 623px;
	left: 0;
}
.section ul.more li.era02-j {
	top: 697px;
	left: 0;
	z-index: 51;
}
.section ul.more li.era02-k {
	top: 742px;
	left: 0;
	z-index: 50;
}
.section ul.more li.era02-l {
	top: 1029px;
	right: 0;
}
/* sectionera03
==========================================*/

.section dt.eratitle03 {
	background: url(../images/era03_title.jpg) no-repeat 0 0;
}
.section ul.eralist03 {
	height: 546px;
}
.section ul.more li.era03-a {
	top: 10px;
	left: 0;
}
.section ul.more li.era03-b {
	top: 10px;
	right: 0;
}
.section ul.more li.era03-c {
	top: 83px;
	left: 0;
}
.section ul.more li.era03-d {
	top: 83px;
	right: 0;
}
/* sectionera04
==========================================*/

.section dt.eratitle04 {
	background: url(../images/era04_title.jpg) no-repeat 0 0;
}
.section ul.eralist04 {
	height: 2820px;
}
.section ul.more li.era04-a {
	top: 10px;
	left: 0;
	z-index: 51;
}
.section ul.more li.era04-b {
	top: 10px;
	right: 0;
}
.section ul.more li.era04-c {
	top: 32px;
	left: 0;
	z-index: 50;
}
.section ul.more li.era04-d {
	top: 97px;
	right: 0;
}
.section ul.more li.era04-e {
	top: 171px;
	right: 0;
}
.section ul.more li.era04-f {
	top: 943px;
	right: 0;
}
.section ul.more li.era04-g {
	top: 1016px;
	right: 0;
}
.section ul.more li.era04-h {
	top: 1302px;
	right: 0;
}
.section ul.more li.era04-i {
	top: 1376px;
	right: 0;
	z-index: 51;
}
.section ul.more li.era04-j {
	top: 1455px;
	left: 0;
}
.section ul.more li.era04-k {
	top: 1405px;
	right: 0;
	z-index: 50;
}
.section ul.more li.era04-l {
	top: 1528px;
	left: 0;
	z-index: 51;
}
.section ul.more li.era04-m {
	top: 1574px;
	left: 0;
	z-index: 50;
}
.section ul.more li.era04-n {
	top: 1761px;
	right: 0;
}
.section ul.more li.era04-o {
	top: 1834px;
	right: 0;
}
.section ul.more li.era04-p {
	top: 2358px;
	right: 0;
}
.section ul.more li.era04-q {
	top: 2515px;
	left: 0;
}
.section ul.more li.era04-r {
	top: 2432px;
	right: 0;
}
/* sectionera05
==========================================*/
.section dt.eratitle05 {
	background: url(../images/era05_title.jpg) no-repeat 0 0;
}
.section ul.eralist05 {
	height: 2597px;
}
.section ul.more li.era05-a {
	top: 10px;
	left: 0;
}
.section ul.more li.era05-b {
	top: 10px;
	right: 0;
}
.section ul.more li.era05-c {
	top: 104px;
	left: 0;
}

/* 2018年追記 */
.click{
	background-color:#F5F5F5;
	cursor:pointer;
	margin-top: 2%;
	padding:2% 2% 0;
}
.click span.icMore{
	background: url(../images/history_img001.gif) no-repeat center bottom;
	display: block;
	max-width: 960px;
	width: 100%;
	height: 30px;
}
.click span.icNone{
	display: none!important;
}
p.history{
	background-color:#D4DCFF;
	font-size:2.3rem;
	font-size:23px;
	margin-bottom:10px;
	padding:1.5%;
}

.designlogo a .sdlogo {
    max-width: 150%;
}