@charset "UTF-8";


/*
==========contents==========
 1: html and body
 2: wrapper
 3: header area
 4: main area
 5: navigation area
 6: contents area
  : topic path
  : paragraph
  : table
  : image
  : margin
  : color
  : pattern
  : float
  : details
 7: footer area
 8: category
  : top
  : sitemap
  : mainimg
  : localleftbg

============================
*/



/* 1: html and body
 ******************************************************/
/* ===== default body ===== */
html{ overflow-y: scroll;}

body				{
					 background: #fff url(../../common/img/bg.gif) repeat-x 0 0;
					 color: #333;
					 margin: 0;
					 padding: 0;
					 text-align: center;
					}

/* ===== default link ===== */
a:active			{ color: #f00;
			 		text-decoration: none;}
a:link				{ color: #0455dc;
					 text-decoration: none;}
a:visited			{ color: #03c;
					 text-decoration: none;}
a:hover				{ color: #f00;
					 text-decoration: none;}
h2  a:hover, h3 a:hover  { color: #333;
					 text-decoration: none;}



/* 2: wrapper
 ******************************************************/
#wrapper			{
					 background: url(../../common/img/bgcontents.gif) repeat-y 0 0;
					 /*width: 810px;*/
					 width: 96%;
					 margin-left: auto;
					 margin-right: auto;
					 padding: 0px;
					 text-align: left;
					}


/* 3: header area
 ******************************************************/
#header				{
					 background: #fff url(../../common/img/header_bk.gif) repeat-x 0 100%;
					 /* width: 650px; */
					 width: 100%;
					}
#header:after 		{
					 content: "";
					 display: block;
					 clear: both;
					 height: 1px;
					 overflow: hidden;
					}

.modifytxt			{
					 font-size: 80%;
					 float: right;
					 padding-top: 15px;
					 padding-right: 30px;
					 margin: 0;
					}

.logo				{
					 float: left;
					 padding: 12px 125px 12px 30px;
					}
#head-bar			{
					 font-size: 80%;
					 /* width: 650px; */
					 background: #008bcc url(../../common/img/header_bl_bk.gif) repeat-x 0 0;
					 height: 1.91em;
					 /*height: 25px;*/
					 margin: 0;
					 padding: 0;
					}
#head-bar-l			{
					 color: #fff;
					 float: left;
					 margin: 0;
					 /* padding: 0.45em 0 0 0; */
					}
#head-bar-l a			{
					color: #fff;
					text-decoration: underline;}
#head-bar-l a:active			{ color: #ff0;
			 		text-decoration: none;}
#head-bar-l a:link				{ color: #fff;
					 text-decoration: underline;}
#head-bar-l a:visited			{ color: #fff;
					 text-decoration: underline;}
#head-bar-l a:hover				{ color: #ff0;
					 text-decoration: none;}




#head-bar-r			{
					 float: right;
					 margin: 0;
					 padding: 0;
					}
#head-bar-r a			{
					color: #fff;
					text-decoration: underline;}
#head-bar-r a:active			{ color: #ff0;
			 		text-decoration: none;}
#head-bar-r a:link				{ color: #fff;
					 text-decoration: underline;}
#head-bar-r a:visited			{ color: #fff;
					 text-decoration: underline;}
#head-bar-r a:hover				{ color: #ff0;
					 text-decoration: none;}
#head-bar2			{
					 font-size: 80%;
					 /* width: 650px; */
					 background-color: #dbdbdb;
					 /*height: 25px;*/
					 height: 1.91em;
					 margin: 0;
					 padding: 0;
					}
#head-bar-txt		{
					 margin: 0;
					 padding: 0.45em 0 0 0;
					}




/* 4: main area
 ******************************************************/
#mainarea			{
					 /* width: 810px; */
					 width: 100%;
					 background-color: #fff;
					 padding: 0;
					 margin: 0;
					}
#leftarea			{
					 background-color: #fff;
					 /* width: 650px; */
					 width: 100%;
					 float: left;
					 padding: 0px;
					 margin-right: -160px;
					}


#rightarea			{
					 width: 160px;
					 float: left;
					 padding: 0px;
					 margin: 0px;
					}
#mainarea:after 		{
					 content: "";
					 display: block;
					 clear: both;
					 height: 1px;
					 overflow: hidden;
					}





/* 5: navigation area
 ******************************************************/
/* ===== top gloval navigation ===== */
#topnavi				{
					 margin: 0px;
					 padding: 0px 0 0 10px;
					}
#topnavi ul			{
					 list-style: none;
					 margin: 0 0 5px 0;
					 padding: 0;
					}
#topnavi li			{
					 width: 150px;
					 line-height: 1.0;
					 margin: 0;
					 padding: 0;
					}
#topnavi li img			{
					 vertical-align: bottom;
					}
/* ===== gloval navigation ===== */
#navi				{
					 margin: 0px;
					 padding: 25px 0 0 10px;
					}
#navi ul			{
					 list-style: none;
					 margin: 0 0 5px 0;
					 padding: 0;
					}
#navi li			{
					 width: 150px;
					 line-height: 1.0;
					 margin: 0;
					 padding: 0;
					}
#navi li img			{
					 vertical-align: bottom;
					}


/* 6: contents area
 ******************************************************/
.contents			{
					 line-height: 1.4;
					 /* margin: 0; */
					 margin-right:160px;
					 padding: 0 30px 30px 30px;
					}
.textbox			{
					 line-height: 1.4;
					 border-top: 1px solid #ccc;
					 margin: 0;
					 margin-right:160px;
					 padding: 15px 30px 0 30px;
					}
.textbox p			{
					 margin-top: 3px;
					 margin-bottom: 0.75em;
					}
.boxclear			{
					 font-size: 0;
					 line-height: 0;
					 clear: both;
					 padding: 0;
					 margin: 0;
					}
.title				{
					 padding: 30px 0 20px 0;
					 margin: 0;
					}
.rss				{
					 float:right;
					 padding: 30px 0 0 0;
					 margin: 0;
					}
.pastnewstxt		{
					 font-size: 80%;
					 padding: 0;
					 margin: 15px 0 0 0;
					}
.pastnewstxt a		{
					 border: 1px solid #ccc;
					 padding: 3px 8px 3px 8px;
					 margin: 0;
					}
.pastnewstxt a:hover		{ background-color: #f5f5f5;}

.to-top				{
					 font-size: 85% ;
					 line-height: 1.0 ;
					 text-align: right;
					 padding: 0;
					 margin: 10px 160px 0 0;
					/* margin: 10px 30px 0 0;*/
					}


/* ===== news table ===== */
#news-list			{
					 font-size: 100%;
					 margin: 0;
					 padding: 0;
					}
#news-list dl		{
				 	 border-bottom: 1px solid #ddd;
					 margin: 0.4em 0 0 0;
					 padding: 0px;
					}
#news-list dt		{
					 padding-left: 3px;
					}
#news-list dd		{
					 margin: -1.5em 0 0 10em;
					}
#news-list dd ul	{
					 list-style: none;
					 margin: 0 0 0.4em 0;
					 padding: 0;
					}
#news-list dd li	{

					 margin:0;
					 padding: 0px 0px 0px 37px;
					}
#news-list .iconc	{
					 background: url(../../en/common/img/icon_c.gif) no-repeat 0 2px;
					}
#news-list .iconk	{
					 background: url(../../common/img/icon_k.gif) no-repeat 0 2px;
					}



#news-list a:link		{ text-decoration: none;}
#news-list a:visited	{ text-decoration: none;}
#news-list a:hover		{ text-decoration: underline;}

#news-stn			{
					 font-size: 100%;
					 margin: 0;
					 padding: 0;
					}
#news-stn dl		{
				 	 border-bottom: 1px solid #ddd;
					 margin: 0.4em 0 0 0;
					 padding: 0px;
					}
#news-stn dt		{
					 padding-left: 3px;
					}
#news-stn dd		{
					 margin: -1.4em 0 0 10em;
					}
#news-stn a:link		{ text-decoration: none;}
#news-stn a:visited	{ text-decoration: none;}
#news-stn a:hover		{ text-decoration: underline;}



/* ===== paragraph ===== */
strong 				{
			 		 color:#f60 !important;
			 		 font-weight:bold !important;
			 		 font-style:normal !important;
					}
/*
em					{
					 font-weight: bold;
					 font-style: normal;
					}
*/
p					{
					 font-size: 100%;
					}


.textbox ul 		{
					 font-size: 100%;
					 margin: 0;
					 padding: 0 0 1.0em 0;
					}
.textbox ol 		{
					 font-size: 100%;
					 margin: 0 0 1em 0.8em;
					 padding: 0;
					}
.textbox li			{
					 margin-left: 1.4em;
					 padding: 5px 0 0 0;
					}
.textbox dl 		{
					 font-size: 100%;
					 margin: 0;
					 padding: 0.5em 0 0.5em 0;
					}
.textbox dt 		{
					 font-weight: bold;
					 margin: 0.5em 0 0 0;
					 padding: 0;
					}
.textbox dd	 		{
					 margin-left: 2.0em;
					 padding: 0 0 0.5em 0;
					}

				
.textbox th			{
					 font-size: 100%;
					 background-color: #eee;
					 text-align: left;
					 margin: 0;
					 padding: 3px 6px 3px 6px;
					}
.textbox td			{
					 font-size: 100%;
					 line-height: 1.5em;
					 border-bottom:1px #eee solid;
					 padding: 3px 3px 3px 6px;
					}



/* ===== vendorinfo table ===== */
.tbl-vinfo			{
					 /*width: 590px;*/
					 width: 100%;
					 background-color: #cfdbcf;
					 margin-top: 5px;
					}
.tbl-vinfo th		{
					 font-size: 100%;
					 background-color: #cfdbcf;
					 margin: 0;
					 padding: 3px 6px 3px 6px;
					}
.tbl-vinfo td		{
					 font-size: 85%;
					 line-height: 1.4;
					 background-color: #fafff9;
					 padding: 3px 3px 3px 6px;
					}
.tbl-vinfo table 	{ border-left:5px #c0cac1 solid; }
.wdt-a				{
					 width: 12.5em;
					}
.wdt-b				{
					 width: 6em;
					}
.tbl-result			{
					 /*width: 590px;*/
					 width: 100%;
					 margin-top: 5px;
					}
.tbl-result th		{
					 font-size: 100%;
					 color: #fff;
					 background-color: #999;
					 text-align: left;
					 margin: 0;
					 padding: 3px 6px 3px 6px;
					}
.tbl-result td		{
					 font-size: 100%;
					 line-height: 1.5em;
					 padding: 3px 3px 3px 6px;
					}
.tbl-result .result-a{
					 font-weight: bold;
					 background-color: #9c3;
					}
.tbl-result .result-b{
					 font-weight: bold;
					 background-color: #fc0;
					}
.tbl-result .result-c{
					 font-weight: bold;
					 background-color: #f60;
					}
.tbl-result .result-d{
					 font-weight: bold;
					 background-color: #f00;
					}


.tbl-result ul				{

					 list-style: none;
 					 display: inline;
					 margin: 0;
					 padding: 0;
					}
.tbl-result ul.hazard li		{
					 background-color: #f00;
 					 display: inline;
					 font-size: 12px;
					 line-height: 1.0;
					 margin: 0 0 0 0.2em;
					 padding: 0;
					}
.tbl-result ul.hazard li.rmd		{
					 background-color: #aaa;
					}
.tbl-result ul.hazard li.txt		{
					 background: none;
					 font-size: 100%;
					 margin-right: 2.5em;
					}
.tbl-result ul.hazard li.txt2		{
					 background: none;
					 font-size: 100%;
					 margin-right: 0.5em;
					}



.result-atxt		{
					 font-weight: bold;
					 color: #9c3;
					}
.result-btxt		{
					 font-weight: bold;
					 color: #fc0;
					}
.result-ctxt		{
					 font-weight: bold;
					 color: #f60;
					}
.result-dtxt		{
					 font-weight: bold;
					 color: #f00;
					}

/* ===== cvss ===== */
.cvss-wrapper {
	width: 865px;
	margin-top: 30px;
	margin-bottom: 30px;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
}
.cvss-wrapper + .cvss-wrapper {
	border-top: none;
	margin-top: -30px;
}
.cvss-line {
	padding: 15px 0;
	cursor: pointer;
}
.cvss-line .cvss-version {
	display: inline-block;
	width: 208px;
	padding-left: 10px;
}
.cvss-line .base-score {
	display: inline-block;
	font-weight: bold;
}
.cvss-line .cvss-vector-string {
	display: inline-block;
}
.cvss-line .cvss-toggle-marker {
	display: inline-block;
	position: relative;
	top: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 6px 0 6px;
	border-color: #007bff  transparent transparent transparent;
	margin-left: 15px;
}
.cvss-line .cvss-toggle-marker-expand {
	display: inline-block;
	position: relative;
	top: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 10px 6px;
	border-color: transparent transparent #007bff  transparent;
	margin-left: 15px;
}
.cvss-line .cvss-right-elem {
	float: right;
}
.clearfix:after {
	display: block;
	clear: both;
	content: "";
}

.cvss-table {
	border-collapse: separate;
	border-spacing: 1px 15px;
	margin-bottom: 30px;
}
.cvss-table tr {
	margin-top: 5px;
}
.cvss-table th {
	font-size: 14px;
	height: 30px;
	width: 200px;
	text-align: right;
	background-color: #fff;
	padding-right: 15px;
}
.cvss-table td {
	font-size: 14px;
	height: 30px;
	width: 150px;
	border: none;
	text-align: center;
}
.cvss-table td:nth-child(2) {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.cvss-table td:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.cvss-table .selected {
	background-color: #bcd0f2;
	font-weight: bold;
}
.cvss-table .unselected {
	color: #6b6b6b;
	background-color: #e1e1e1;
}

/* ===== rsstable ===== */
.tbl-rss			{
					 /*width: 590px;*/
					 width: 100%;
					 margin-top: 5px;
					}
.tbl-rss th			{
					 font-size: 100%;
					 color: #fff;
					 background-color: #999;
					 text-align: left;
					 margin: 0;
					 padding: 3px 6px 3px 6px;
					}
.tbl-rss td			{
					 font-size: 100%;
					 line-height: 1.5em;
					 padding: 3px 3px 3px 6px;
					}


/* ===== vendorlist table ===== */
.tbl-vlist			{
					 background: url(../../common/img/y-ten.gif) repeat-y 285px 0;
					 margin: 5px 0 0 30px;
					}
.tbl-vlist th		{
					 font-size: 100%;
					 text-align: left;
					 margin: 0;
					 padding: 3px 6px 3px 6px;
					}
.tbl-vlist tr		{
					 vertical-align: top;
					}
.tbl-vlist td.listicon
					{
					 background-color: #eee;
					 padding: 0;
					 margin: 0;
					}
.tbl-vlist td		{
					 font-size: 100%;
					 line-height: 1.4;
					 padding: 0 3px 0 6px;
					}



/* ===== table ===== */
.tbl-mgn			{
					 font-size: 100%;
					 line-height: 1.5em;
					 margin: 3px 3px 3px 6px;
					}
.tbl-mgn2			{
					 font-size: 100%;
					 line-height: 1.5em;
					 margin: 0px 10px 10px 10px;
					}
.tbl-sq				{
					 border: 1px solid #ccc;
					 margin: 0;
					 padding: 10px;
					}
.tbl-sq30			{
					 margin: 0;
					 padding: 10px 60px 10px 60px;
					}			
.tbl-sqf5			{
					 border: 1px solid #ccc;
					 margin: 0;
					 padding: 10px;
					 background-color: #f5f5f5;
					}


/* ===== image ===== */
img					{
					 border: 0;
					}
.imgbox				{
					 margin: 0px;
					 padding: 10px;
					 float: left;
					}
.imgbox-r			{
					 margin: 0px;
					 padding: 2px 3px 5px 10px;
					 float: right;
					}
.imgbox-l			{
					 margin: 0px;
					 padding: 2px 10px 5px 3px;
					 float: left;
					}
															

/* ===== margin ===== */
.margin-la			{ margin-left: 5px;}
.margin-lb			{ margin-left: 10px;}
.margin-lc			{ margin-left: 15px;}
.margin-ld			{ margin-left: 20px;}
.margin-le			{ margin-left: 25px;}
.margin-lf			{ margin-left: 30px;}

.margin-ra			{ margin-right: 5px;}
.margin-rb			{ margin-right: 10px;}
.margin-rc			{ margin-right: 15px;}
.margin-rd			{ margin-right: 20px;}
.margin-re			{ margin-right: 25px;}
.margin-rf			{ margin-right: 30px;}

.margin-ta			{ margin-top: 5px;}
.margin-tb			{ margin-top: 10px;}
.margin-tc			{ margin-top: 15px;}
.margin-td			{ margin-top: 20px;}
.margin-te			{ margin-top: 25px;}
.margin-tf			{ margin-top: 30px;}

.margin-ba			{ margin-bottom: 5px;}
.margin-bb			{ margin-bottom: 10px;}
.margin-bc			{ margin-bottom: 15px;}
.margin-bd			{ margin-bottom: 20px;}
.margin-be			{ margin-bottom: 25px;}
.margin-bf			{ margin-bottom: 30px;}

.margin-lra			{ margin: 0px 5px 0px 5px;}
.margin-lrb			{ margin: 0px 10px 0px 10px;}
.margin-lrc			{ margin: 0px 15px 0px 15px;}
.margin-lrd			{ margin: 0px 20px 0px 20px;}
.margin-lre			{ margin: 0px 25px 0px 25px;}
.margin-lrf			{ margin: 0px 30px 0px 30px;}

.margin-tba			{ margin: 5px 0px 5px 0px;}
.margin-tbb			{ margin: 10px 0px 10px 0px;}
.margin-tbc			{ margin: 15px 0px 15px 0px;}
.margin-tbd			{ margin: 20px 0px 20px 0px;}
.margin-tbe			{ margin: 30px 0px 30px 0px;}
.margin-tbf			{ margin: 40px 0px 40px 0px;}


/* ===== padding ===== */
.padding-la			{ margin-left: 5px;}
.padding-lb			{ margin-left: 10px;}
.padding-lc			{ margin-left: 15px;}
.padding-ld			{ margin-left: 20px;}
.padding-le			{ margin-left: 25px;}
.padding-lf			{ margin-left: 30px;}

.padding-ra			{ margin-right: 5px;}
.padding-rb			{ margin-right: 10px;}
.padding-rc			{ margin-right: 15px;}
.padding-rd			{ margin-right: 20px;}
.padding-re			{ margin-right: 25px;}
.padding-rf			{ margin-right: 30px;}

.padding-ta			{ margin-top: 5px;}
.padding-tb			{ margin-top: 10px;}
.padding-tc			{ margin-top: 15px;}
.padding-td			{ margin-top: 20px;}
.padding-te			{ margin-top: 25px;}
.padding-tf			{ margin-top: 30px;}

.padding-ba			{ margin-bottom: 5px;}
.padding-bb			{ margin-bottom: 10px;}
.padding-bc			{ margin-bottom: 15px;}
.padding-bd			{ margin-bottom: 20px;}
.padding-be			{ margin-bottom: 25px;}
.padding-bf			{ margin-bottom: 30px;}

.padding-lra		{ margin: 0px 5px 0px 5px;}
.padding-lrb		{ margin: 0px 10px 0px 10px;}
.padding-lrc		{ margin: 0px 15px 0px 15px;}
.padding-lrd		{ margin: 0px 20px 0px 20px;}
.padding-lre		{ margin: 0px 25px 0px 25px;}
.padding-lrf		{ margin: 0px 30px 0px 30px;}

.padding-tba		{ margin: 5px 0px 5px 0px;}
.padding-tbb		{ margin: 10px 0px 10px 0px;}
.padding-tbc		{ margin: 15px 0px 15px 0px;}
.padding-tbd		{ margin: 20px 0px 20px 0px;}
.padding-tbe		{ margin: 30px 0px 30px 0px;}
.padding-tbf		{ margin: 40px 0px 40px 0px;}



/* ===== color ===== */
.white				{ background-color: #fff;}
.black				{ background-color: #000;}
.red				{ background-color: #c00;}
.gray				{ background-color: #eee;}
.gray2				{ background-color: #ddd;}
.gray3				{ background-color: #ccc;}
.gray4				{ background-color: #f5f5f5;}
.purple				{ background-color: #669;}
.yellow				{ background-color: #f4f2df;}
.blue				{ background-color: #eeecf7;}
.blue2				{ background-color: #A0C1E6;}
.blue3				{ background-color: #DEE7FF;}
.green				{ background-color: #339999;}


/* ===== pattern ===== */
.yten				{
					 background: url(../../common/img/y-ten.gif) repeat-y 0 0;
					}
.xten				{
					 background: url(../../common/img/x-ten.gif) repeat-x 0 0;
					}			
.g-line				{
					 background: url(../../common/img/gray_bk.gif) repeat-x 0 0;
					}

/* ===== float ===== */
.clear-b			{ clear: both;}
.clear-l			{ clear: left;}
.clear-r			{ clear: right;}
.float-l			{ float: left;}
.float-r			{ float: right;}


/* ===== fontcolor ===== */
.f-purple			{ color: #336;}
.f-black			{ color: #333;}
.f-gray				{ color: #666;}
.f-red				{ color: #c00;}
.f-green			{ color: #390;}
.f-orange			{ color: #f60;}
.f-orange2			{ color: #FF9933;}
.f-white			{ color: #fff;}
.f-pink				{ color: #939;}
.f-blue				{ color: #240cc1;}
.f-blue2			{ color: #3E69A3;}
.f-blue3			{ color: #026ACB;}



/* ===== details ===== */
p.first				{ margin-top: 3px; padding-top: 3px;}
.linebox			{ font-size: 1px;}
.txt-l				{ text-align: left;}
.txt-r				{ text-align: right;}
.txt-c				{ text-align: center;}
.txt-vtt			{ vertical-align: text-top;}
.txt-vtb			{ vertical-align: text-bottom;}
.txt-vt				{ vertical-align: top;}
.txt-vb				{ vertical-align: bottom;}
.txt-vm				{ vertical-align: middle;}


/* 7: footer area
 ******************************************************/
#footer		 		{
					 /* width: 650px; */
					 width: 100%;
					 background-color: #fff;
					}
			
.footertext 		{
					 font-size: 80%;
					 padding: 30px 0 10px 30px;
					}


/* 8: category
 ******************************************************/

/* ===== report  ===== */

#year-bar			{
					 font-size: 100%;
					 /*width: 650px;*/
					 background-color: #f3f3f3;
					 border-bottom: 1px solid #ccc;
					 height: 25px;
					 /*margin: 0;*/
					 margin-right:160px;
					 padding: 0;
					}
.h2xten				{
					 color: #666;
				 	 border-bottom: 1px solid #ccc;
					}
.listbox			{
					 line-height: 1.4;
					 /*margin: 0;*/
					 margin-right:160px;
					 padding: 15px 30px 0 30px;
					}
.listbox dl			{
					 font-size: 100%;
					 background: url(../../common/img/x-ten.gif) repeat-x 0 100%;
					 margin: 0.4em 0 0 0;
					 padding: 0px;
					}
.listbox dt			{
					 font-weight: bold;
					 margin: 0 0.5em 0 0.5em;
					 padding: 0;
					}
.listbox dd			{
					 margin: 0 0.5em 0 0.5em;
					 padding: 0 0 3px 0;
					}
.listtbox a:link	{ text-decoration: none;}
.listbox a:visited	{ text-decoration: none;}
.listbox a:hover	{ text-decoration: underline;}

blockquote { font-style: italic; }