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

/*　ページの背景（グラデ）　*/
div#main-stream	{
	width:728px; height:auto; margin:0px auto; 
	background-image:url(../img_echotech/img_usc_hstry/bg_stream.png); 
	background-repeat:repeat-y;
}

div#mds_bg01	{
	width:728px; margin:10px auto;
}
div#txt_lead01	{
	width:728px; height:auto; margin:0 auto;
}
div#txt_lead01 h2	{
	font-size:18px; line-height:32px; font-weight:bold; color:#700;
	text-align: justify; letter-spacing:-0.7px; vertical-align:text-top;
}

/*　年表部分　*/
/*　年表右側　*/
	div#stream-right	{width:518px; height:auto; margin:0; float:right; }
/*　年表左側（コラム）　*/
	div#stream-left	{width:210px; height:auto; margin:0; float:left; }
/*　年単位のボックス　*/
	div#year_big_box	{
		width:518px; height:auto; margin:0 auto; margin-bottom:10px; position:relative;
	}
	div#year_box	{
		width:416px; height:auto; margin:0px auto 0px 0px; background-color:#FC6;
		padding:16px; padding-top:50px; position:relative;
		border-radius: 8px 8px 8px 8px ;
		overflow:visible;
	}
	div#year_box_end	{
		width:448px; height:30px; position:absolute; left:0; bottom:-20; 
		background-color:#FC6;
	}
	div#year_box	h3	{
		clear:both; font-size:18px; text-align:left; line-height:22px;
		font-weight:bold; color:#600; margin: 0;
	}

	div#year_box	p	{ 
	clear:both; font-size:14px; text-align:left; line-height: 18px;
	font-weight:normal; color:#000; margin-top:12px;
	}

/*　年数配置　*/　
	.year_pos2001		{
		background-image:url(../img_echotech/img_usc_hstry/year_name/img_2001.png);
		background-repeat:no-repeat; }
	.year_pos2006		{
		background-image:url(../img_echotech/img_usc_hstry/year_name/img_2006.png);
		background-repeat:no-repeat; }
	.year_pos2010		{
		background-image:url(../img_echotech/img_usc_hstry/year_name/img_2010.png);
		background-repeat:no-repeat; }
	.year_pos2011		{
		background-image:url(../img_echotech/img_usc_hstry/year_name/img_2011.png);
		background-repeat:no-repeat; }
	.year_pos2012		{
		background-image:url(../img_echotech/img_usc_hstry/year_name/img_2012.png);
		background-repeat:no-repeat; }
	.year_pos2013		{
		background-image:url(../img_echotech/img_usc_hstry/year_name/img_2013.png);
		background-repeat:no-repeat; }
	.year_pos2014		{
		background-image:url(../img_echotech/img_usc_hstry/year_name/img_2014.png);
		background-repeat:no-repeat; }
	.year_pos2015		{
		background-image:url(../img_echotech/img_usc_hstry/year_name/img_2015.png);
		background-repeat:no-repeat; }
	.year_pos2016		{
		background-image:url(../img_echotech/img_usc_hstry/year_name/img_2016.png);
		background-repeat:no-repeat; }
	.year_pos2017		{
		background-image:url(../img_echotech/img_usc_hstry/year_name/img_2017.png);
		background-repeat:no-repeat; }
	.year_pos2018		{
		background-image:url(../img_echotech/img_usc_hstry/year_name/img_2018.png);
		background-repeat:no-repeat; }
	.year_pos2019		{
		background-image:url(../img_echotech/img_usc_hstry/year_name/img_2019.png);
		background-repeat:no-repeat; }
	.year_pos2020		{
		background-image:url(../img_echotech/img_usc_hstry/year_name/img_2020.png);
		background-repeat:no-repeat; }
	.year_pos2021		{
		background-image:url(../img_echotech/img_usc_hstry/year_name/img_2021.png);
		background-repeat:no-repeat; }
	.year_pos2022		{
		background-image:url(../img_echotech/img_usc_hstry/year_name/img_2022.png);
		background-repeat:no-repeat; }
	
div#btn_clk_mini-1	{ width:120px; height:30px; position:absolute; right:-55px; top:47px; }
div#btn_clk_mini-2	{ width:120px; height:30px; position:absolute; right:-95px; top:90px; }
div#btn_clk_mini-3	{ width:120px; height:30px; position:absolute; right:-15px; top:61px; }
div#btn_clk_mini-4	{ width:120px; height:30px; position:absolute; right:-15px; top:116px; }
div#btn_clk_mini-5	{ width:120px; height:30px; position:absolute; right:-15px; top:61px; }
div#btn_clk_mini-6	{ width:120px; height:30px; position:absolute; right:-55px; top:61px; }
div#btn_clk_mini-7	{ width:120px; height:30px; position:absolute; right:85px; top:47px; }
div#btn_clk_mini-8	{ width:120px; height:30px; position:absolute; right:-55px; top:134px; }
div#btn_clk_mini-19-1	{ width:120px; height:30px; position:absolute; right:175px; top: 47px; }
div#btn_clk_mini-19-2	{ width:120px; height:30px; position:absolute; right:155px; top: 92px; }
div#btn_clk_mini-19-3	{ width:120px; height:30px; position:absolute; right:135px; top: 137px; }


div#btn_clk_mini_kirica	{
	width:120px; height:30px; position:absolute; right:-88px; top:54px; 
}
div#btn_clk_mini_mkb	{
	width:120px; height:30px; position:absolute; right:-104px; top:54px; 
}

.up_flt	{z-index: 50; }

div#kirica_bg	{
	width:382px; height:24px; background-color:#0BA; 
	margin-top: 8px; padding-top: 2px; padding-bottom: 2px; padding-left:18px;
}
div#mkb_bg	{
	width:398px; height:auto; background-color:#E69; 
	margin-top: 8px; margin-bottom:12px; padding-top: 2px; padding-bottom: 2px; padding-left:18px; 
}
div#btn_year_edge	{position:absolute; left:120px; top:2px; }

div#band_kirica_strt	{ width:10px; height:auto; position:absolute; top:-10px; right:32px; }
div#band_kirica	{ width:10px; height:auto; position:absolute; top:0px; right:32px; }
div#band_kirica_end	{ width:20px; height:20px; position:absolute; top:40px; right:32px; }
div#band_kirica_end2	{ width:10px; height:auto; position:absolute; top:50px; right:32px; }

div#band_mkb_strt	{ width:10px; height:auto; position:absolute; top:-10px; right:16px; }
div#band_mkb	{ width:10px; height:auto; position:absolute; top:0px; right:16px; }
div#band_mkb_end	{ width:20px; height:20px; position:absolute; top:10px; right:16px; }
div#band_mkb_end2	{ width:10px; height:auto; position:absolute; top:20px; right:16px; }


/*　サイド　*/
div#side-column	{ width:200px; height:auto; margin:0; }
div#img_box01	{width:200px; margin:0; margin-left:10px; margin-bottom:20px; }


/*　最後の矢印　*/
div#end-of-chart	{ width:728px; height:90px; position:relative; clear:both; }
div#img_eoc	{
	position: absolute; top: 0px; left: 0px;
}
div#big-end	{ position:absolute; top:20px; right:20px; }

.ttt {
	font-size: 16px;
}