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

#box4 h3 {
	font-size:15px;
	color: #7e5721;
	font-weight: normal;
	margin-bottom:5px;
}
#box4 h3 span{
	display: block;
	font-size:12px;
	font-weight: normal;
	margin-bottom:10px;
	color: #111;
}
#box4 p {
	text-align: justify;
}
#box4 p.lang_en {
	text-align: left;
}

/* SP
-------------------------------------------------- */
@media screen and (max-width:640px){
	#box0 {
		background:#231815;
		  overflow: hidden;
	}
	#box0 ul{
		padding-top: 15px;
		padding-right:10px;
	}
	#box0 ul li{
		text-align: right;
		line-height: 1.2;
		margin-bottom:10px;
	}
	#box0 ul li a{
		color: #FFF;
		font-size: 10px;
		background: url(../images/authenticity/icon_arr.png) no-repeat right bottom;
		text-decoration: none;
		display: block;
	}
	#box0 ul li a:hover,
	#box0 ul li a.current{
		color: #f9d200;
	}


	#box1 {
		background: #5a3a0d;
		padding:10px 0;
		text-align: center;
	}
		#box1 img{
			width: 90%;
		}
	#box1 span{
		color:#FFF;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 1.3;
	}
	#box1 span br{
		display: none;
	}

	.box .inbox{
		padding:10px;
	}

	#box2 h2{
		display: none;
	}
	#box2 h3{
		text-align: center;
		background: #F00;
		width: 4em;
		margin:0 auto 5px;
		color: #FFF;
	}
	#box2 dl{
		width: 300px;
		margin:0 auto 20px;
	}
	#box2 dl dt{
		line-height: 0;
		text-align: center;
	}
	#box2 dt img{
	}
	#box2 dl dd{
		text-align: center;
	}
	#box2 .inbox{
		background: url(../images/history/line.png) repeat-y center top; 
	}
	#box3 {
  background: #c9c9ca;
  text-align: center;
  padding:10px 0;
  	}
	#box5 {
		line-height: 0;
	}
	#box5 img{
		width: 100%;
  	}
  	#icon1 ,
  	#icon2 ,
  	#icon5 ,
  	#icon6 ,
  	#icon9, 
  	#icon10 {
  		text-align:center;
  	}
  	#box2 a {
  		color: #000;
  	}
  	#zoom_img { 
  		display: none !important;
  		height: 0;
  		overflow: hidden;
  	}
}


/*
		background: url(../images/line.gif) 24.92% top repeat-y;

*/


/* PC
-------------------------------------------------- */
@media screen and (min-width:641px){
	body {
		background:#FFF url(../images/history/bg.gif) repeat-y center top;
	}
	.box {
		position: absolute;
		overflow: hidden;  
	}
	#wrap {
		position: relative;
		width: 720px;
		margin:0 auto 50px;
		min-width:720px;
		border:solid 1px #c3c5c5;
		height: 4680px;
		background: #FFF;
	}
	#wrap1 {
		width: 100%;
		height: 100%;
		position: relative;
	}
	.box .inbox{
		padding:15px;
	}
	.box .inbox dt{
		line-height: 1.4;
		margin-bottom:5px;
		font-weight: bold;
	}
	.box .inbox dd{
	}
	.history_icon {
		position: absolute;
	}
	#box0 {
		width: 25%;
		left:0;
		top:0px;
		height: 180px;
		background:#231815 url(../images/lineset.gif) no-repeat right bottom;
		text-align: center;
	}
	#box0 ul{
		padding-top: 60px;
		padding-right:10px;
	}
	#box0 ul li{
		text-align: right;
		line-height: 1.2;
		margin-bottom:10px;
		list-style-type: none;
	}
	#box0 ul li a{
		color: #FFF;
		font-size: 10px;
		background: url(../images/authenticity/icon_arr.png) no-repeat right bottom;
		text-decoration: none;
		display: block;
	}
	#box0 ul li a:hover,
	#box0 ul li a.current{
		color: #f9d200;
	}


	#box1 {
		width: 75%;
		left:25%;
		top:0;
		background:#5a3a0d url(../images/line2.gif) bottom left repeat-x; 
		height: 180px;
		display: table;
		position: absolute;
	}
	#box1 span{
		vertical-align: middle;
		display: table-cell;
		text-align: center;
		color:#FFF;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-size:42px;
		font-weight: bold;
		letter-spacing: 1px;
	}
	#box2 .inbox{
		background: url(../images/history/line.png) repeat-y center top; 
		padding: 0px;
		height: 100%;
		width: 100%;
		position: relative;
	}
	#box2 {
		width: 100%;
		left:0%;
		top:180px;
		height: 540px;
		text-align: center;
		background:#eae8e5 url(../images/line2.gif) repeat-x right bottom;
		height: 3960px;
	}
	#box2 h2{
		color: #FFF;
		position: absolute;
		font-size: 24px;
		font-weight: normal;
		left:40px;
	}
	#box2 dl{
		border-top: solid 1px #F00;
		padding-top:4px;
		position: absolute;
		display: inline;
		width: 120px;
	}
	#box3 {
		width: 50%;
		left:50%;
		top:4140px;
		background:#c9c9ca url(../images/line2.gif) bottom left repeat-x; 
		height: 180px;
		display: table;
	}
	#box3 h2{
		vertical-align: middle;
		display: table-cell;
		text-align: center;
		color:#FFF;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-size:42px;
		font-weight: bold;
		letter-spacing: 1px;
	}
	#box4 {
		width: 50%;
		left:0%;
		top:4140px;
		height: 540px;
		background: url(../images/line2.gif) repeat-y right bottom;
	}
	#box5 {
		width: 50%;
		left:50%;
		top:4320px;
		height: 540px;
	}
	#box2 h3 {
		font-weight: bold;
		font-size:12px;
		position: absolute;
	}
	#y1925 {
		left:370px;
		top:110px;
	}
	#y1927 {
		left:315px;
		top:270px;
	}
	#y1928 {
		left:370px;
		top:450px;
	}
	#y1929 {
		color:#FFF;
		background:#e8b800;
		top:830px;
		display: block;
		width: 74px;
		left:327px; 
	}
	#y1930 {
		top:990px;
	}
	#y1930_2 {
		left:370px;
		top:995px;
	}
	#y1934 {
		left:315px;
		top:1115px;
	}
	#y1937 {
		left:370px;
		top:1330px;
	}
	#y1943 {
		left:370px;
		top:1540px;
	}
	#y1950 {
		top:1730px;
	}
	#y1952 {
		left:315px;
		top:1765px;
	}
	#y1959 {
		left:370px;
		top:1965px;
	}
	#y1964 {
		color:#FFF;
		background:#e8b800;
		top:2145px;
		display: block;
		width: 74px;
		left:327px; 
	}
	#y1960 {
		top:2110px;
	}
	#y1965 {
		color:#FFF;
		background:#e8b800;
		top:2330px;
		display: block;
		width: 74px;
		left:327px; 
	}
	#y1968 {
		left:370px;
		top:2640px;
	}
	#y1970 {
		top:2725px;
	}
	#y1971 {
		left:315px;
		top:2770px;
	}
	#y1978 {
		left:370px;
		top:3050px;
	}
	#y1980 {
		top:3080px;
	}
	#y1985 {
		left:315px;
		top:3180px;
	}
	#y1990 {
		top:3260px;
	}
	#y1998 {
		left:370px;
		top:3290px;
	}
	#y1999 {
		left:315px;
		top:3320px;
	}
	#y2000 {
		left:315px;
		top:3480px;
	}
	#y2006 {
		left:370px;
		top:3515px;
	}
	#y2015 {
		color:#FFF;
		background:#e8b800;
		top:3750px;
		display: block;
		width: 74px;
		left:327px; 
	}
	#icon1 {
		right: 50%;
		top:0;
		padding-right:35px;
		border-bottom: solid 1px #F00;
		line-height: 0;
	}
	#icon2 {
		left: 52%;
		top:295px;
		padding-left:5px;
		line-height: 0;
	}
	#icon3 {
		left: 50%;
		top:1075px;
		padding-left:5px;
		line-height: 0;
	}
	#icon5 {
		left: 75px;
		top:2115px;
		padding-left:5px;
		line-height: 0;
	}
	#icon6 {
		left: 230px;
		top:2330px;
		line-height: 0;
	}
	#icon9 {
		left: 200px;
		top:2900px;
		line-height: 0;
	}
	#icon10 {
		left: 100px;
		top:3120px;
		line-height: 0;
	}
	#box2 dl {
		left:0;
	}
	#box2 dt {
		line-height: 0;
	}
	#box2 dt img{
		width: 100%;
	}
	#box2 dd {
		font-size:10px;
		line-height: 1.2;
		text-align: left;
		width: 125px;
	}
	#history1925_1 {
		left:415px !important;
		top:120px;
	}
	#history1925_2 {
		left:545px !important;
		top:120px;
	}
	#history1927_1 {
		left:185px !important;
		top:280px;
	}
	#history1928_1 {
		left:55px !important;
		top:1900px;
	}
	#history1928_2 {
		left:185px !important;
		top:460px;
	}
	#history1928_3 {
		left:415px !important;
		top:460px;
	}
	#history1928_4 {
		left:545px !important;
		top:470px;
	}
	#history1928_5 {
		left:415px !important;
		top:625px;
	}
	#history1928_6 {
		left:545px !important;
		top:635px;
	}
	#history1929_1 {
		left:55px !important;
		top:840px;
	}
	#history1929_2 {
		left:185px !important;
		top:840px;
		background: url(../images/history/btn_more.gif) no-repeat right bottom;	
		padding-bottom:20px;
	}
	#history1929_3 {
		left:415px !important;
		top:840px;
	}
	#history1930_1 {
		left:415px !important;
		top:1000px;
	}
	#history1930_1 dd{
		font-weight: bold;
		font-size:12px;
	}
	#history1934_1 {
		left:185px !important;
		top:1125px;
	}
	#history1934_2 {
		left:415px !important;
		top:1125px;
	}
	#history1937_1 {
		left:0% !important;
		top:1330px;		
		background: url(../images/history/1937_line.gif) repeat-x left bottom;
		border-top: none !important;
		padding-top:0 !important;
		width: 100% !important;
		display: block !important;
		height: 195px;
	}
	#history1937_1 dt{
		border-top: none !important;
		color: #FFF;
		margin-bottom: 0 !important;
	}
	#history1937_1 dd{
		color: #FFF;
		position: absolute;
	}
	.history1937_1img1 {
		position: absolute;
		left:80px;
		bottom:0;
	}
	.history1937_1img2 {
		position: absolute;		
		bottom:0;
		left:320px;
	}
	.history1937_1dd1 {
		left:190px;
		bottom:10px;
	}
	.history1937_1dd2 {
		right:10px;
		bottom:8px;
		padding-right:30px;
		font-size:12px !important;
		line-height: 1.6 !important;
		width: auto !important;
		background: url(../images/history/btn_more.gif) no-repeat right bottom;	
	}
	#history1943_1 {
		left:415px !important;
		top:1550px;
	}
	#history1943_1 dd{
		width: 120px;
		background: url(../images/history/btn_more.gif) no-repeat right bottom;	
		padding-bottom:3px;
	}
	#history1952_1 {
		left:55px !important;
		top:1770px;
	}
	#history1952_2 {
		left:185px !important;
		top:1770px;
		padding-bottom:20px;
		background: url(../images/history/btn_more.gif) no-repeat right bottom;	
	}
	#history1952_3 {
		left:415px !important;
		top:1770px;
	}
	#history1959_1 {
		left:415px !important;
		top:1975px;
		font-weight: bold;
	}
	#history1959_1 dd{
		font-size:12px;
	}
	#history1959_2 {
		left:545px !important;
		top:1975px;
	}
	#history1964_1 {
		left:415px !important;
		top:2100px;
		font-weight: bold;
		border-top: none !important;
		margin-bottom: 0 !important;
	}
	#history1964_2 {
		left:545px !important;
		top:2155px;
		font-weight: bold;
	}
	#history1965_1 {
		left:415px !important;
		top:2340px;
		font-weight: bold;
	}
	#history1965_2 {
		left:205px !important;
		top:2495px;
		width:100px !important;
	}
	#history1965_3 {
		left:415px !important;
		top:2495px;
		width:100px !important;
	}
	#history1965_3 dd{
		width:200px;
	}
	#history1965_4 {
		left:516px !important;
		top:2495px;
		width:100px !important;
	}
	#history1965_5 {
		left:617px !important;
		top:2495px;
		width:100px !important;
	}
	#history1968_1 {
		left:415px !important;
		top:2650px;
	}
	#history1968_1 dt img {
		width: 230px !important;
	}
	#history1971_1 {
		left:185px !important;
		top:2775px;
	}
	#history1978_1 {
		left:415px !important;
		top:3060px;
	}
	#history1978_1 dd{
		width: 140px;
	}
	#history1998_1 {
		left:415px !important;
		top:3300px;
	}
	#history1999_1 {
		left:185px !important;
		top:3330px;
	}
	#history2006_1 {
		left:55px !important;
		top:3525px;
	}
	#history2006_2 {
		left:185px !important;
		top:3525px;
		padding-bottom:20px;
		background: url(../images/history/btn_more.gif) no-repeat right bottom;	
	}
	#history2006_3 {
		left:415px !important;
		top:3525px;
	}
	#history2006_4 {
		left:545px !important;
		top:3525px;
	}
	#history2006_3 dd,
	#history2006_4 dd{
		font-weight: bold;
			font-size:12px;
			margin-bottom:10px;
	}
	#history2015_1 {
		left:130px !important;
		top:3770px;
		border-top: none !important;
		margin-bottom: 0 !important;
		width: 220px !important;
	}
	#history2015_1 dt{
		position: relative;
	}
	#history2015_1 dd{
		padding:5px 0;
		right: 0;
		top:15px;
		position: absolute;
		  border-top: solid 1px #F00;
		    border-bottom: solid 1px #F00;
	}
	#history2015_2 {
		left:415px !important;
		top:3670px;
		border-top: none !important;
		margin-bottom: 0 !important;
	}
	#history2015_2 dd{
		padding:10px 0;
		  border-top: solid 1px #F00;
		    border-bottom: solid 1px #F00;
	}
	.morelink2 ,
	.morelink4 ,
	.morelink6 ,
	.morelink8 ,
	.morebio10 ,
	.morebio {
		color: #000;
	}
	a:hover #history1929_2,
	a:hover .history1937_1dd2,
	a:hover #history1943_1 dd,
	a:hover #history1952_2,
	a:hover #history2006_2
 {
		color: #f9d200;
		background-image: url(../images/history/btn_more_on.gif) !important;	

	}
	a:hover #history1937_1
 {
		background: url(../images/history/1937_line_on.gif) repeat-x left bottom;
}
	#zoom_img {
		position: absolute;
		background: #eae8e5;
		padding:10px;
		-moz-box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.1);
  -o-box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.1);
  -ms-box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.1);
  display: none;
  z-index:5000;
	}
	#zoom_img {
		text-align: center;
	}
	#zoom_img img{
		height:350px;
	}
}
</pre></body></html>