@charset "Shift_JIS";

/* Tandberg Data CSS TOP用CSS*/

/*===============================================================================▼レイアウト*/

/*FLASH広告エリア*/
#flash-movie	{
	width	:550px;
	height	:400px;}

/*更新履歴エリア*/
#update-area	{
	padding-bottom	:20px;}
/*for MacIE hack\*//*/
#update-area h3	{
	overflow	:visible;}
/**/
/*for not MacIE hack\*/
#update-area h3	{
	overflow	:hidden;}
/*for all*/
#update-area h3	{
	padding-top	:10px;
	padding-left	:20px;
	padding-right	:20px;
	height		:30px;
	font-size	:1.1em;
	font-weight	:bold;
	font-style	:italic;
	letter-spacing	:0.25em;
	color		:#689;
	background	:url("../img/top_h3_bg.gif") no-repeat left top;}
#update-area h3.h3-white	{
	margin-top	:30px;
	background	:url("../img/content_h3_bg.gif") no-repeat left top;}
div.topics {
	margin-bottom	:1em;
	padding-left		:20px;
	padding-right	:20px;
	border-bottom	:1px dashed #ccc;}
#update-area h4	{
	padding-bottom	:0.5em;
	color			:#A30;}
#update-area p	{
	padding-left	:1em;
	padding-bottom	:5px;
	line-height		:1.5em;}

/*更新エリア　履歴一覧ページリンク*/
#update-area p.more-link	{
	margin-right		:5px;
	text-align			:right;}
#update-area p.more-link a {
	padding-right	:20px;
	font-size		:0.8em;}
#update-area p.more-link a:link, #update-area p.more-link a:visited	{
	color			:#666;
	background		:url("../img/arrow_gr.gif") no-repeat right center;}
#update-area p.more-link a:hover, #update-area p.more-link a:active	{
	color			:#900;
	background		:url("../img/arrow_or.gif") no-repeat right center;}

/*更新エリア　記事リンク*/	
#update-area a.more {
	display			:block;
	padding-right	:15px;
	text-align		:right;
	font-size		:0.9em;
	border			:none;}
#update-area a.more:link, #update-area a.more:visited	{
	color			:#369;
	background		:url("../img/arrow_bl.gif") no-repeat right center;}
#update-area a.more:hover, #update-area a.more:active	{
	color			:#900;
	background		:url("../img/arrow_or.gif") no-repeat right center;}