.histoty_wrap					{position:relative;}
.histoty_wrap:before			{position:absolute; top:5px; left:30px; content:''; width:1px; height:98%; background:#eee;}
.histoty_wrap .wrap				{overflow:hidden; padding:40px 0 0 20px;}
.histoty_wrap .wrap:first-child	{padding:0 0 0 20px;}
.histoty_wrap .year				{position:relative; margin-left:50px; font-weight:700; float:left; color:#333; font-size:1.6em; letter-spacing:1px; line-height:100%;}
.histoty_wrap .year:after		{position:absolute; left:-46px; top:6px; border-radius:50%; border:4px solid #2c5ec5; background:#fff; content:''; width:6px; height:6px;}
.histoty_wrap .year_list		{margin:0 0 0 180px; padding:0 20px 40px 20px; border-bottom:1px dashed #ccc; }
.histoty_wrap dl				{overflow:hidden; margin-bottom:7px; }
.histoty_wrap dl:last-child		{margin:0;}
.histoty_wrap dl dt				{position:relative; float:left; color:#2c5ec5; font-weight:700;}
.histoty_wrap dl dd				{position:relative; line-height:160%; padding-left:170px; }
.histoty_wrap dl dd:after		{position:absolute; content:''; display:block; left:160px; top:12px; width:5px; height:1px; background:#b5b5b5;}

.histoty_wrap2 .hnolist			{padding: 70px 0;  text-align: center;  border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}


/* screen 1024 */
@media screen and (max-width:1024px) {

	.histoty_wrap:before			{left:16px;}
	.histoty_wrap .year				{margin-left:20px; font-size:1.2em;}
	.histoty_wrap .year:after		{left:-30px; top:3px;}
	.histoty_wrap .wrap				{padding:20px 0 0 20px;}
	.histoty_wrap .year_list		{margin:0 0 0 100px; padding:0 20px 20px 20px;}

}

/* screen 768 */
@media screen and (max-width:768px) {
	
	.histoty_wrap dl				{margin-bottom:15px;}
	.histoty_wrap dl dt				{float:none; margin-bottom:5px;}
	.histoty_wrap dl dd				{float:none; padding-left:10px; font-size:0.95em;}
	.histoty_wrap dl dd:after		{left:0;}

}


.view_tit_wrap				{padding:15px;border-top:2px solid #333;border-bottom:1px solid #ccc;text-align:center; background:#f7f7f7;overflow:hidden;} 
.view_tit1					{display:inline-block; padding:2px 14px;COLOR:#fff; background:#ff6600; }
.view_tit2					{font-size:18px; line-height:140%; COLOR:#333; font-weight:bold;padding:8px 0  0 0;} 
.view_name					{color:#888;padding:4px 0 0 0; font-size:0.9em;}
.view_file 					{list-style:none;padding:8px 10px ;border-bottom:1px solid #ddd; }
.view_file li				{list-style:none;font-size:0.9em; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; width:90%; } 
 
.view_content				{padding:30px 10px ; word-break:break-all; border-bottom:0 solid #ddd;} 
.view_content img			{max-width:100%;}
.view_content_text_size		{padding:5px 0 0 0; text-align:right;}

.view_com01					{font-size:10px;COLOR: #999999; font-family:Tahoma;} 
.view_bg					{background-color:#F8E5F2} 
.write_title				{ COLOR: #ffffff;font-weight:bold; padding:7px; text-align:center;background:#9a9a9a; }
.write_area					{width:100%;border-collapse:collapse;table-layout:fixed;}
.write01					{text-align:center; font-weight:normal;background:#F5f5f5; padding:8px 0;  width:110px; border-right:1px solid #ddd;border-top:1px solid #ddd;}
.write02					{padding:8px; border-top:1px solid #ddd;} 

.view_prev_group					{border-top:1px solid #b5b5b5; }
.view_prev_group_li01				{overflow:hidden;border-bottom:1px solid #ddd;} 
.view_prev_group_li02				{overflow:hidden;border-bottom:1px solid #b5b5b5;} 

.view_prev_tit1						{float:left;width:90px;text-align:center;padding:7px;background: #f7f7f7;}
.view_prev_tit2						{float:left;width:90px;text-align:center;padding:7px;background: #f7f7f7;}
.view_prev_txt						{float:left;  padding:7px;width:80%;overflow: hidden; text-overflow:ellipsis; white-space:nowrap;  }