@charset "utf-8";

/ * 161017_沿革 * /

/ * PC * /

/* 共通 */
.history #contents .contentsBlock{
	padding-top:30px;
}
.history #contents #historyCopy{
	font-family: 秀英横太明朝 B, "Shuei Yokobuto Min B";
	color:#00adb0;
	font-size:230%;
	text-align:center;
	letter-spacing:2px;
	line-height:1.4;
	margin-bottom:30px;
}

/* アンカー */
.history #contents .anchorList{
	margin-bottom:8px;
	padding:10px;
}
.history #contents .anchorList .col{
	float: left;
	width:164px;
	margin-right:10px;
}
.history #contents .anchorList .col:last-child{
	margin-right:0px;
}
.history #contents .anchorList .col a{
	display: table;
	color:#ffffff;
	width:100%;
	line-height:50px;
	text-decoration:none;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	letter-spacing:1px;
	background: url(/jp/company/history/images/ico_historyanchor.png) #00adb0 no-repeat 92% center;
}
.history #contents .anchorList .col a:hover{
	background-color:#028484;
}

/* 注釈 */
.history #contents #note{
	display:table;
	margin:0 auto;
}
.history #contents #note p{
	float:left;
	padding-left:14px;
	margin-right:20px;
}
.history #contents #note p.noteProducts{
	background:url(/jp/company/history/images/pin_products.png) left center no-repeat;
}
.history #contents #note p.noteCorporate{
	background:url(/jp/company/history/images/pin_corporate.png) left center no-repeat;
}

/* 年表 */
.history #contents h2{
	width:100%;
	height:125px;
	text-indent:-9999px;
	border-bottom:1px solid #e6e6e6;
	margin-bottom:30px;
	background-size:contain;	
}
#anchor1930 h2{background:url(/jp/company/history/images/h2_history1930.jpg) center top no-repeat;}
#anchor1970 h2{background:url(/jp/company/history/images/h2_history1970.jpg) center top no-repeat;}
#anchor1990 h2{background:url(/jp/company/history/images/h2_history1990.jpg) center top no-repeat;}
#anchor2000 h2{background:url(/jp/company/history/images/h2_history2000.jpg) center top no-repeat;}
#anchor2010 h2{background:url(/jp/company/history/images/h2_history2010.jpg) center top no-repeat;}

#contents .historyBox{
	position:relative;
	background:url(/jp/company/history/images/bg_historyLine.gif) repeat-y top center;
}
#contents #anchor1930 .historyBox{	height:1780px;}
#contents #anchor1970 .historyBox{	height:1710px;}
#contents #anchor1990 .historyBox{	height:1580px;}
#contents #anchor2000 .historyBox{	height:1830px;}
#contents #anchor2010 .historyBox{	height:2300px;}

#contents .historyBox div{
	position:absolute;
	width:445px;
}

#contents .historyBox .history_productsR,
#contents .historyBox .history_corporateR{right:0; width:444px;}
#contents .historyBox .history_productsL,
#contents .historyBox .history_corporateL{left:0;}
#contents .historyBox .history_productsR{background:url(/jp/company/history/images/bg_dot_products.gif) repeat-x left 23px;}
#contents .historyBox .history_corporateR{background:url(/jp/company/history/images/bg_dot_corporate.gif) repeat-x left 23px;}
#contents .historyBox .history_productsL{background:url(/jp/company/history/images/bg_dot_products.gif) repeat-x left 23px;}
#contents .historyBox .history_corporateL{background:url(/jp/company/history/images/bg_dot_corporate.gif) repeat-x left 23px;}

#contents .historyBox h3{
	height:18px;
	padding:0 30px 10px;
	line-height:1.0;
	font-size:18px;
	font-weight:bold;
}
#contents .historyBox .history_productsL h3{
	color:#00adb0;
	background:url(/jp/company/history/images/pin_products.png) no-repeat right bottom;
}
#contents .historyBox .history_productsR h3{
	color:#00adb0;
	background:url(/jp/company/history/images/pin_products.png) no-repeat left bottom;
}
#contents .historyBox .history_corporateL h3{
	color:#333f48;
	background:url(/jp/company/history/images/pin_corporate.png) no-repeat right bottom;
}
#contents .historyBox .history_corporateR h3{
	color:#333f48;
	background:url(/jp/company/history/images/pin_corporate.png) no-repeat left bottom;

}
#contents .historyBox p{
	padding:10px 30px 15px;
	line-height:1.5;
}
#contents .historyBox p img{
	margin-bottom:6px;
	width:100%;
	height:100%;
}

#contents .historyBox #history1930{top:0;}
#contents .historyBox #history1934{top:60px;}
#contents .historyBox #history1953{top:120px;}
#contents .historyBox #history1954{top:450px;}
#contents .historyBox #history1955{top:510px;}
#contents .historyBox #history1960{top:570px;}
#contents .historyBox #history1962{top:630px;}
#contents .historyBox #history1963{top:690px;}
#contents .historyBox #history1964{top:750px;}
#contents .historyBox #history1967{top:1100px;}
#contents .historyBox #history1969{top:1160px;}

#contents .historyBox #history1971{top:0;}
#contents .historyBox #history1977{top:60px;}
#contents .historyBox #history1978{top:120px;}
#contents .historyBox #history1979{top:260px;}
#contents .historyBox #history1980_1{top:380px;}
#contents .historyBox #history1980_2{top:440px;}
#contents .historyBox #history1983{top:560px;}
#contents .historyBox #history1984{top:680px;}
#contents .historyBox #history1987_1{top:780px;}
#contents .historyBox #history1987_2{top:840px;}
#contents .historyBox #history1989{top:960px;}

#contents .historyBox #history1990{top:0;}
#contents .historyBox #history1991{top:60px;}
#contents .historyBox #history1993{top:120px;}
#contents .historyBox #history1994_1{top:180px;}
#contents .historyBox #history1994_2{top:740px;}
#contents .historyBox #history1996_1{top:850px;}
#contents .historyBox #history1996_2{top:910px;}
#contents .historyBox #history1999_1{top:970px;}
#contents .historyBox #history1999_2{top:1330px;}

#contents .historyBox #history2000_1{top:0;}
#contents .historyBox #history2000_2{top:60px;}
#contents .historyBox #history2001_1{top:120px;}
#contents .historyBox #history2001_2{top:180px;}
#contents .historyBox #history2003{top:240px;}
#contents .historyBox #history2004{top:300px;}
#contents .historyBox #history2005{top:440px;}
#contents .historyBox #history2006_1{top:580px;}
#contents .historyBox #history2006_2{top:640px;}
#contents .historyBox #history2007_1{top:760px;}
#contents .historyBox #history2007_2{top:970px;}
#contents .historyBox #history2008{top:1110px;}
#contents .historyBox #history2009{top:1250px;}

#contents .historyBox #history2010_1{top:0;}
#contents .historyBox #history2010_2{top:60px;}
#contents .historyBox #history2011_1{top:120px;}
#contents .historyBox #history2011_2{top:260px;}
#contents .historyBox #history2012_1{top:380px;}
#contents .historyBox #history2012_2{top:500px;}
#contents .historyBox #history2013{top:700px;}
#contents .historyBox #history2015{top:760px;}
#contents .historyBox #history2016_1{top:900px;}
#contents .historyBox #history2016_2{top:960px;}
#contents .historyBox #history2017_1{top:1210px;}
#contents .historyBox #history2017_2{top:1320px;}
#contents .historyBox #history2018_1{top:1430px;}
#contents .historyBox #history2019_1{top:1700px;}
#contents .historyBox #history2019_2{top:1840px;}


/ * SP * /
@media screen and (max-width: 767px){
.history #contents #historyCopy{
	font-size:120%;
	letter-spacing:0px;
	line-height:1.5;
	margin-bottom:20px;
}
.history #contents .anchorList{
	padding:15px;
}
.history #contents .anchorList .col{
	float: none;
	width:100%;
	margin:0 0 6px 0;
}
.history #contents .anchorList .col:last-child{
	margin-bottom:0px;
}
.history #contents .anchorList .col a{
}

/* 注釈 */
.history #contents #note{
	display:table;
	margin:0 auto;
}
.history #contents #note p{
	float:none;
	margin-right:0px;
}

/* 年表 */
.history #contents h2{
	background-size:100%;
	height:0px;
	padding-top:20.5%;
}

.history #contents .historyBox{
	background:url(/jp/company/history/images/bg_historyLine.gif) repeat-y 3px top;
	height:auto !important;
}
.history #contents .historyBox div{
	position:relative;
	width:100%;
}

#contents .historyBox .history_productsR,
#contents .historyBox .history_corporateR{
	right:auto;
	width:100%;
	top:auto !important;
	margin-bottom:20px;
}
#contents .historyBox .history_productsL,
#contents .historyBox .history_corporateL{
	left:auto;
	width:100%;
	top:auto !important;
	margin-bottom:20px;
}
#contents .historyBox .history_productsL h3{background:url(/jp/company/history/images/pin_products.png) no-repeat left bottom;}
#contents .historyBox .history_corporateL h3{background:url(/jp/company/history/images/pin_corporate.png) no-repeat left bottom;}


}