@charset "UTF-8";

/* **************************************************

Name: timeline.css

Description: 

Create: 2014.12.11
Update: XXXX.XX.XX

Copyright 2014 Hitachi, Ltd.

***************************************************** */
#timeline_bg {
	background-image: url('/image/hhs/products/tech/em/spm/history/timeline_01.gif'); 
	background-size: 720px;  
	background-repeat: no-repeat; 
	width: 720px; 
	height:850px;
}
table {
	width:720px;
	padding: 0;
	margin: 0; 
	border: 0;
}

table  td{
	padding: 0;
	margin: 0; 
	border: 0;
}

td {
	vertical-align: top;
}

img {
	display:block;
}
.main_td {
	float:left;
}
.column_years{
	width: 90px; 
	float: left;
	padding: 0 0 0 5px;
}


.year_1988{
	height:170px; 
	margin: 0;
}

.year_1990{
	height:55px; 
	margin: 20px 0 0 0;
}

.year_1993 {
	height:145px; 
	margin: 45px 0 0 0;
}

.year_1996 {
	height:70px; 
	margin: 0;
	
}

.year_1998 {
	height:68px;
	margin: 0;
}
.year_2002 {
	height:66px;
	margin: 0;
}

.year_2005 {
	height:66px;
	margin: 0;
}

.year_2013 {
	height:66px;
	margin: 0;
	
}

.space-1 {
	width: 135px;
	margin:0px;
	padding: 0px;
	float: left;
}
.space-2 {
	width: 20px;
	margin:0px;
	padding:0px;
	float: left;
}

.space-3 {
	width: 60px;
	margin:0px;
	padding:0px;
	float: left;
}

.space-4 {
	width: 35px;
	margin:0px;
	padding:0px;
	float: left;
}

.tl {
	width: 86px;
	text-align: center;	
	font-weight: bold;
}


.margin_top_1988 {
	margin:32px 0 0 0;
}

.tl_green_bg_title {
	background-image: url('/image/hhs/products/tech/em/spm/history/tl-green-bg.jpg');
	color: white; 
}

.tl_green_link {
	background-image: url('/image/hhs/products/tech/em/spm/history/tl-green-link.jpg'); 
	background-repeat: no-repeat; 
	height: 15px; 
}

.tl_green_bg {
	background-image: url('/image/hhs/products/tech/em/spm/history/tl-green-bg.jpg');
}
 
 
 .tl_red_bg_title {
	background-image: url('/image/hhs/products/tech/em/spm/history/tl-red-bg.jpg');
	color: white; 
}

.tl_red_link {
	background-image: url('/image/hhs/products/tech/em/spm/history/tl-red-link.jpg'); 
	background-repeat: no-repeat; 
	height: 15px; 
}

.tl_red_link_fat {
	background-image: url('/image/hhs/products/tech/em/spm/history/tl-red-linkfat.jpg'); 
	background-repeat: no-repeat; 
	height: 27px; 
}

.tl_red_bg {
	background-image: url('/image/hhs/products/tech/em/spm/history/tl-red-bg.jpg');
}

.space-20 {
	height: 20px;
}

.space-2 {
	height: 2px;
}

.space-5 {
	height: 5px;
}

.space-10 {
	height: 10px;
}


.space-65 {
	height: 65px;
}

.space-30 {
	height: 30px;
}

 .space-40 {
	height: 40px;
}

.space-15 {
	height: 15px;
}

.space-33 {
	height: 33px;
}

.space-123 {
	height: 123px;
}
.space-100 {
	height: 100px;
}


.space-105 {
	height: 105px;
}

.space-250 {
	height: 250px;
}

.space-25 {
	height: 25px;
}
.space-50 {
	height: 50px;
}

.space-58 {
	height: 58px;
}


.white_box {
	background-color:#ffffff; 
	padding:5px; 
	line-height:1.25em; 
	border:#bbb solid 1px; 
	border-radius:3px;
	text-align: center;
	font-weight:bold;
}

.white_box_1 {
 width:58px;  
 margin-left: 5px;
}

.white_box_2 {	
	width: 60px; 
	margin-top: 96px;
}

.white_box_3 {	
	width: 70px; 
	margin-left: 5px;
}

.tl_blue_bg_title {
	background-image: url('/image/hhs/products/tech/em/spm/history/tl-blue-bg.jpg');
	color: white; 
}

.tl_blue_link {
	background-image: url('/image/hhs/products/tech/em/spm/history/tl-blue-link.jpg'); 
	background-repeat: no-repeat; 
	height: 15px; 
}

.tl_blue_bg {
	background-image: url('/image/hhs/products/tech/em/spm/history/tl-blue-bg.jpg');
}
 

.blue_margin_1 {
	margin-top: 120px;
	margin-left:5px;
}

.column_3 {
	width: 100px;
}
 
.column_4 {
	width: 80px;
}

.column_5 {
	width: 80px;
}
.column_6 {
	width: 130px;
}

.columnb_3 {
	width: 25px;
}


.columnb_6 {
	width:155px;
}

.tl_margin_top_1 {
	margin-top:130px;
	
}

.tl_margin_top_2 {
	margin: 178px 0 0 0;
	padding:0px;
	
}

.tl_margin_top_3 {
	margin: 100px 0 0 0;
	padding:0px;
	
}

.tl_margin_top_4 {
	margin: 25px 0 0 0;
	padding:0px;
	
}

.tl_margin_top_5 {
	margin: 10px 0 0 0;
	padding:0px;
	
}

.tl_margin_top_7 {
	margin: 60px 0 0 0;
	padding:0px;
	
}


.tl_margin_top_6{
	margin: 155px 0 0 80px;
	 padding:0px;
	
}
.color_code {
	width: 120px; 
	margin-top:10px;
}

.color_code img {
	float: right;
}

.popup_contents{
	min-width:720px !important;
	padding-top:20px!important;
}
.popup_gridset{
	width:720px !important;
}

