@charset "Shift_JIS";


/*
==========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
 9: cwe main area

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



/* 1: html and body
 ******************************************************/
/* ===== default body ===== */
body				{
					 min-width: 1080px;
					 background: #fff url(../../common/img/bg.gif) repeat-x 0 0;
					 color: #333;
					 margin: 0;
					 padding: 0;
					 text-align: center;
					 /*font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ƒqƒ‰ƒMƒmŠpƒS ProN W3", Meiryo, sans-serif;*/
					 font-size: 14px;
					 letter-spacing: 1px;
					}

/* ===== 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;}



/* 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: 810px; */
					 width: 100%;
					}
#header:after 		{
					 content: "";
					 display: block;
					 clear: both;
					 height: 1px;
					 overflow: hidden;
					}
/*\*/
*html #header		{
					 height: 1px;
					 overflow: visible;
					}
/**/
.modifytxt			{
                    float: right;
                    clear: right;
                    margin: 0;
                    padding: 6px 10px 0 0;
                    font-size: 80%;
					}

.logo				{
					 float: left;
					 padding: 12px 160px 12px 30px;
					}
#head-bar			{
					 font-size: 70%;
					 /* width: 810px; */
					 width: 100%;
					 background: #FFAAAA  repeat-x 0 0;
					 height: 18px;
					 margin: 0;
					 padding: 7px 0 0 0;
					 text-align: right;
					}
#head-bar-l			{
					 color: #fff;
					 float: left;
					 margin: 0;
					 padding: 0.5em 0 0 0;
					}
#head-bar-r			{
					 float: right;
					 margin: 0;
					 padding: 0;
					}
#head-bar2			{
					 font-size: 70%;
					 width: 650px;
					 background-color: #dbdbdb;
					 height: 25px;
					 margin: 0;
					 padding: 0;
					}
#head-bar-txt		{
					 margin: 0;
					 padding: 0.5em 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;
					}
/*\*/
*html #mainarea		{
					 height: 1px;
					 overflow: visible;
					}
/**/




/* 5: navigation area
 ******************************************************/
/* ===== gloval navigation ===== */
#navi				{
					 margin: 0px;
					 padding: 0 0 0 10px;
					}
#navi ul			{
					 list-style: none;
					 margin: 0 0 5px 0;
					 padding: 0;
					}
#navi li			{
					 width: 150px;
					 font-size: 0;
					 line-height: 0;
					 margin: 0;
					 padding: 0;
					}



/* 6: contents area
 ******************************************************/
.contents			{
					 line-height: 1.4;
					 margin: 0;
					 padding: 0 0px 0px 30px;
					}
.contents-t			{
					 line-height: 1.4;
					 margin: 0;
					 padding: 0 30px 30px 30px;
					}
.textbox			{
					 line-height: 1.4;
					 border-top: 1px solid #ccc;
					 margin: 0;
					 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: 70%;
					 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: 75% ;
					 line-height: 1.0 ;
					 text-align: right;
					 padding: 0;
					 margin: 10px 30px 0 0;
					}


/* ===== news table ===== */
#news-list			{
					 font-size: 80%;
					 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.4em 0 0 11em;
					}

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

#news-stn			{
					 font-size: 80%;
					 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 8em;
					}
#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;
					}
em					{
					 font-weight: bold;
					 font-style: normal;
					}
p					{
					 font-size: 80%;
					}


.textbox ul 		{
					 font-size: 80%;
					 margin: 0;
					 padding: 0 0 1.0em 0;
					}
.textbox ul.fixedsize	{
					 font-size: 100%;
					 margin: 0;
					 padding: 0 0 1.0em 0;
					}
.textbox ol 		{
					 font-size: 80%;
					 margin: 0 0 1em 0.8em;
					 padding: 0;
					}
.textbox ol.fixedsize	{
					 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: 80%;
					 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: 80%;
					 background-color: #eee;
					 text-align: left;
					 margin: 0;
					 padding: 3px 6px 3px 6px;
					}
.textbox td			{
					 font-size: 80%;
					 line-height: 1.5em;
					 border-bottom:1px #eee solid;
					 padding: 3px 3px 3px 6px;
					}
.textbox th.fixedthsize			{
					 font-size: 90%;
					 background-color: #eee;
					 text-align: left;
					 margin: 0;
					 padding: 3px 6px 3px 6px;
					}
.textbox td.fixedtdsize			{
					 font-size: 90%;
					 line-height: 1.5em;
					 border-bottom:1px #eee solid;
					 padding: 3px 3px 3px 6px;
					}


/* ===== vendorinfo table ===== */
.tbl-vinfo			{
					 width: 590px;
					 background-color: #cfdbcf;
					 margin-top: 5px;
					}
.tbl-vinfo th		{
					 font-size: 70%;
					 background-color: #cfdbcf;
					 margin: 0;
					 padding: 3px 6px 3px 6px;
					}
.tbl-vinfo td		{
					 font-size: 75%;
					 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;
					 margin-top: 5px;
					}
.tbl-result th		{
					 font-size: 70%;
					 color: #fff;
					 background-color: #999;
					 text-align: left;
					 margin: 0;
					 padding: 3px 6px 3px 6px;
					}
.tbl-result td		{
					 font-size: 80%;
					 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;
					}

.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;
					}

/* ===== rsstable ===== */
.tbl-rss			{
					 width: 590px;
					 margin-top: 5px;
					}
.tbl-rss th			{
					 font-size: 70%;
					 color: #fff;
					 background-color: #999;
					 text-align: left;
					 margin: 0;
					 padding: 3px 6px 3px 6px;
					}
.tbl-rss td			{
					 font-size: 80%;
					 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: 80%;
					 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: 80%;
					 line-height: 1.4;
					 padding: 0 3px 0 6px;
					}



/* ===== table ===== */
.tbl-mgn			{
					 font-size: 80%;
					 line-height: 1.5em;
					 margin: 3px 3px 3px 6px;
					}
.tbl-mgn2			{
					 font-size: 80%;
					 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: 0px;}
.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: 70%;
					 padding: 30px 0 10px 30px;
					}


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

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

#year-bar			{
					 font-size: 80%;
					 width: 650px;
					 background-color: #f3f3f3;
					 border-bottom: 1px solid #ccc;
					 height: 25px;
					 margin: 0;
					 padding: 0;
					}
.h2xten				{
					 color: #666;
				 	 border-bottom: 1px solid #ccc;
					}
.listbox			{
					 line-height: 1.4;
					 margin: 0;
					 padding: 15px 30px 0 30px;
					}
.listbox dl			{
					 font-size: 80%;
					 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;}

/* 9:cwe main area
*******************************************************/

#cwe-box			{
					 padding: 0;
					 margin: 0;
					 width: 580px;
					 table-layout: fixed;
					 word-wrap: break-word;
					 word-break: break-all;
}
#head-box			{
					 padding: 0;
					 margin: 0;
					}
#head-box h2		{
					 font-size: 130%;
					}
.status				{
					 text-align: right;
					 margin: 0px;
					 font-size: 100%;
					}
.category			{
					 margin: 0px;
					 font-size: 100%;
					 float: left;
					}
.elem-box			{
					 padding: 0;
					}
.elem-box h3		{
					  color: #000000;
					  font-weight: normal;
					  font-size: 100%;
					  background: #EEEEEE  repeat-x 0 0;
					  height: 15px;
					  padding: 5px 10px;
					}
.elem-box h4		{
					 font-weight: normal;
					 font-size: 100%;
					 text-decoration: underline;
					 margin: 0 0 5px 10px;
					}
.elem-box p			{
					 font-size: 100%;
					 margin: 0;
					 padding: 10px 20px;
					 
					}
#date-box			{
					 width: 580px;
					 text-align: right;
					 line-height: 5px;
					 padding: 10px;
					}
#date-box p			{
					 font-size: 90%;
					 margin: 12px;
					}
.elem-style			{
					 border-style: solid;
					 border-color: #FFCC33;
					 background-color:#FFFFF0;
					 border-width: 1px 1px 1px 1px;
					 padding: 5px 10px 5px 10px;
					 margin: 5px 10px 10px 30px;
					 overflow: auto;
					 white-space: pre-wrap;
					 word-wrap: break-word;
					}
#head-style			{
					 padding: 10px;
					 text-align: right;
					}

/*10:caution
*******************************************************/

div.caution			{
	font-weight: normal;
					}
div.caution table	{
					 border: 1px #999 solid;
					 margin: 0 0 10px 0;
					 width: 100%;
					 font-weight: bold;
					 background: #EEE;
					 border-collapse: collapse;
					}
div.caution table th, div.caution table td	{
					 padding: 6px;
					}
div.caution .level	{
					 width:105px;
					 vertical-align:top;
					}
div.caution .date	{
					 float: left;
					}
div.caution .title	{
					 float: none;
					 display: block;
					 margin-left: 6.5em;
					 padding: 0;
					}
div.caution span.emergency,
div.caution span.caution,
div.caution span.information	{
                    display: inline-block;
                    width: 3em;
                    height: 24px;
                    margin-left: -5px;
                    padding: 0;
                    font-size: 15px;
                    font-weight: bold;
                    border-radius: 2px;
                    text-align: center;
                    line-height: 26px;
					}
div.caution span.emergency		{
                    background: #F00;
					}
div.caution span.caution		{
                    background: #ffff00;
					}
div.caution span.information	{
                    background: #FFF;
					}
.item td			{
					 border: 1px #aaa solid;
					 padding: 5px;
					 font-size: 90%;
					 font-weight: normal;
					 background: #FFF;
 					}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
tr.item td div {
	float: left;
}

/* 20170728 */

div.leftarea-wrapper {
  margin: 0 150px 0 0;
  padding: 0 20px;
  color: #000;
  line-height: 1.4;
}

div.leftarea-wrapper a {
  text-decoration: underline;
}

div.eyecatch {
  clear: both;
  margin-bottom: 27px;
  padding: 30px 60px;
  background: #f8f8f8 url(../img/myjvn-eyecatch.jpg) no-repeat right bottom;
  overflow: hidden;
}

div.eyecatch.bg {
  background: #f8f8f8 url(../img/myjvn-eyecatch2.jpg) no-repeat right bottom;
}

div.eyecatch.bg2 {
  background: #f8f8f8 url(../img/myjvn-eyecatch3.jpg) no-repeat right bottom -85px;
}

div.eyecatch.bg3 {
  background: #f8f8f8 url(../img/myjvn-eyecatch4.jpg) no-repeat right bottom;
}

div.eyecatch.bg4 {
  background: #f8f8f8 url(../img/myjvn-eyecatch5.jpg) no-repeat right bottom;
}

div.eyecatch.bg5 {
  background: #f8f8f8 url(../img/myjvn-eyecatch.jpg) no-repeat right bottom -85px;
}

div.eyecatch h1 {
  font-size: 30px;
  margin: 0 0 15px;
  padding: 0;
  color: #333;
}

div.eyecatch p {
  font-size: 16px;
  margin: 0 0 18px;
  padding: 0;
  color: #333;
  font-weight: bold;
  line-height: 26px;
  letter-spacing: 1px;
}

div.eyecatch div.eyecatch-inner {
  clear: both;
  max-width: 48.5em;
  padding: 15px;
  background: #FFF;
  border-radius: 5px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  overflow: hidden;
}

div.eyecatch div.eyecatch-inner.short {
  max-width: 33em;
}

div.eyecatch div.eyecatch-inner.border {
  border: 1px solid #777;
}

div.eyecatch div.eyecatch-inner p {
  margin-bottom: 14px;
  color: #000;
  letter-spacing: normal;
  line-height: 1.2;
}

div.eyecatch div.eyecatch-inner p.supplement {
  padding: 8px 0 0;
  font-size: 12px;
  font-weight: normal;
  line-height: 2;
}

div.eyecatch div.eyecatch-inner div.quick-boot {
  float: right;
  clear: right;
  margin-bottom: 10px;
  text-align: center;
}

div.eyecatch div.eyecatch-inner div.quick-boot p {
  margin: 0;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.8;
}

div.eyecatch div.eyecatch-inner div.quick-boot a {
  display: block;
  width: 186px;
  height: 46px;
  padding: 6px 0 0 54px;
  color: #FFF;
  font-size: 13px;
  font-weight: bold;
  background: url(../img/myjvn-quick-boot-button.png) no-repeat 0px 0px;
  text-decoration: none !important;
  line-height: 1.4;
}

div.eyecatch div.eyecatch-inner div.quick-boot a strong {
  color: #FFF;
  font-size: 18px;
}

div.eyecatch div.eyecatch-inner div.quick-boot a:hover {
  height: 44px;
  padding: 8px 0 0 54px;
  background: url(../img/myjvn-quick-boot-button.png) no-repeat 0px -52px;
}

div.eyecatch div.eyecatch-inner hr {
  clear: both;
  margin: 0 0 14px;
  border: none;
  border-bottom: 1px dotted #b2b2b2;
}

div.eyecatch div.eyecatch-inner p.net {
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 30px;
}

div.eyecatch div.eyecatch-inner p.net a {
  position: relative;
  display: block;
  float: right;
  clear: right;
  height: 28px;
  padding: 0 16px 0 28px;
  color: #000;
  font-size: 12px;
  background: url(../img/myjvn-net-button.png) no-repeat 0px 0px;
  border: 1px solid #999;
  border-radius: 2px;
  text-decoration: none !important;
}

div.eyecatch div.eyecatch-inner p.net a:hover {
  background: url(../img/myjvn-net-button.png) no-repeat 0px -30px;
}

div.eyecatch div.eyecatch-inner div.database-search-block {
  clear: both;
  padding: 5px 0 10px 10px;
  overflow: hidden;
  line-height: 30px;
}

div.eyecatch div.eyecatch-inner div.database-search-block strong {
  color: #000;
}

div.eyecatch div.eyecatch-inner div.database-search-block input,
div.eyecatch div.eyecatch-inner div.database-search-block a {
  display: inline-block;
  height: 28px;
  padding: 0;
  color: #000;
  font-size: 16px;
  border: 1px solid #999;
  border-radius: 2px;
  text-decoration: none !important;
  vertical-align: top;
}

div.eyecatch div.eyecatch-inner div.database-search-block input[type="submit"] {
  height: 30px;
  padding: 0 8px;
  background: url(../img/myjvn-net-button.png) no-repeat right top;
  cursor: pointer;
}

div.eyecatch div.eyecatch-inner div.database-search-block a {
  padding: 0 8px;
  background: url(../img/myjvn-net-button.png) no-repeat right top;
}

div.eyecatch div.eyecatch-inner div.database-search-block input[type="submit"]:hover,
div.eyecatch div.eyecatch-inner div.database-search-block a:hover {
  background: url(../img/myjvn-net-button.png) no-repeat right bottom;
}

div.links {
  clear: both;
  margin-bottom: 45px;
  border: 1px solid #999;
  border-radius: 5px;
  overflow: hidden;
}

div.links dl {
  float: left;
  width: 33%;
  margin: 0;
}

div.links dl.start {
  width: 34%;
}

div.links dl dt {
  display: block;
  padding: 9px 15px 6px 42px;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  background: #5767b0 url(../img/myjvn-white-circle-icon.png) no-repeat 10px 7px;
  border-bottom: 2px solid #414d84;
  line-height: 1.2;
}

div.links dl.start dt {
  border-right: 1px dotted #FFF;
}

div.links dl.end dt {
  border-left: 1px dotted #FFF;
}

div.links dl dd {
  margin: 0;
  padding: 10px;
}

div.links dl.start dd {
  border-right: 1px dotted #999;
}

div.links dl.end dd {
  border-left: 1px dotted #999;
}

div.links dl ul {
  margin: 0;
  padding: 0 0 0 25px;
}

div.links dl ul li {
  padding-top: 8px;
  list-style-type: disc;
}

div.links dl ul li:first-child {
  padding-top: 0;
}

div.links dl ul li strong {
  color: #000;
}

div.node {
  clear: both;
  padding: 15px 0 15px;
  overflow: hidden;
}

div.node div.node-wrapper {
  clear: both;
  padding: 0 8px;
  overflow: hidden;
}

div.node h2 {
  margin: 0 0 10px;
  font-size: 16px;
  border-bottom: 1px solid #CCC;
  background-color: #f0f0f0;
  padding: 2px 0 2px 5px;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

div.node h2.bg {
  background-color: #DDD;
}

div.node h2 span.small {
  font-size: 14px;
}

div.node h2 a.rss {
  float: none;
  display: inline-block;
  height: 18px;
  padding: 0 8px;
  margin: -2px 0 0 15px;
  color: #FFF;
  font-size: 12px;
  background: #ff6600;
  border-left: 1px solid #ff7c24;
  border-top: 1px solid #ff7c24;
  border-right: 1px solid #9c3e00;
  border-bottom: 1px solid #9c3e00;
  border-radius: 3px;
  text-decoration: none !important;
  line-height: 19px;
  vertical-align: middle;
}

div.node h2 a.twitter {
  display: inline-block;
  width: 20px;
  height: 0;
  padding: 18px 0 0;
  margin: -2px 0 0 15px;
  color: #FFF;
  font-size: 12px;
  background: #28aae1 url(../img/twitter.png) no-repeat center;
  border-left: 1px solid #6fcbf3;
  border-top: 1px solid #6fcbf3;
  border-right: 1px solid #075d82;
  border-bottom: 1px solid #075d82;
  border-radius: 3px;
  text-decoration: none !important;
  vertical-align: middle;
  overflow: hidden;
}

div.node h2 a.data-feed {
  float: none;
  display: inline-block;
  height: 18px;
  padding: 0 8px;
  margin: -2px 0 0 6px;
  color: #FFF;
  font-size: 12px;
  background: #0455dc;
  border-left: 1px solid #5796ff;
  border-top: 1px solid #5796ff;
  border-right: 1px solid #003792;
  border-bottom: 1px solid #003792;
  border-radius: 3px;
  text-decoration: none !important;
  line-height: 19px;
  vertical-align: middle;
}

div.node h2 a:hover {
  opacity: 0.7;
}

div.node h3 {
  margin: 0 0 8px;
  padding: 0;
  color: #000;
  font-size: 16px;
}

div.node h3 a.twitter {
  display: inline-block;
  width: 20px;
  height: 0;
  padding: 18px 0 0;
  margin: -2px 0 0 10px;
  color: #FFF;
  font-size: 12px;
  background: #28aae1 url(../img/twitter.png) no-repeat center;
  border-left: 1px solid #6fcbf3;
  border-top: 1px solid #6fcbf3;
  border-right: 1px solid #075d82;
  border-bottom: 1px solid #075d82;
  border-radius: 3px;
  text-decoration: none !important;
  vertical-align: middle;
  overflow: hidden;
}

div.node h3 a:hover {
  opacity: 0.7;
}

div.node p {
  margin: 0 0 1.5em;
  font-size: 14px;
}

div.node .indent-date {
}

div.node .indent-date .left {
  float: left;
}

div.node .indent-date .right {
  display: block;
  margin-left: 145px;
}

div.node .indent-id {
}

div.node .indent-id .left {
  float: left;
}

div.node .indent-id .right {
  display: block;
  margin-left: 180px;
}

div.node hr {
  clear: both;
  margin: 0 0 1.5em;
  border: none;
  border-bottom: 1px dotted #b2b2b2;
}

div.node ul,
div.node ol {
  margin: 0 0 1.5em;
  padding: 0 0 0 25px;
}

div.node ul li {
  padding-top: 8px;
  list-style-type: none;
}

div.node ol li {
  margin-left: 1.6em;
  padding-top: 8px;
}

div.node ul li:first-child,
div.node ol li:first-child {
  padding-top: 0;
}

div.node div.database-search-block {
  clear: both;
  margin-bottom: 5px;
  padding: 8px 0;
  background: #fdfdfd;
  border: 1px solid #d9d9d9;
  text-align: center;
  overflow: hidden;
  line-height: 30px;
}

div.node div.database-search-block strong {
  color: #000;
}

div.node div.database-search-block input,
div.node div.database-search-block a {
  display: inline-block;
  height: 28px;
  padding: 0;
  color: #000;
  font-size: 16px;
  border: 1px solid #999;
  border-radius: 2px;
  text-decoration: none !important;
  vertical-align: top;
}

div.node div.database-search-block input[type="submit"] {
  height: 30px;
  padding: 0 8px;
  background: url(../img/myjvn-net-button.png) no-repeat right top;
  cursor: pointer;
}

div.node div.database-search-block a {
  padding: 0 8px;
  background: url(../img/myjvn-net-button.png) no-repeat right top;
}

div.node div.database-search-block input[type="submit"]:hover,
div.node div.database-search-block a:hover {
  background: url(../img/myjvn-net-button.png) no-repeat right bottom;
}

div.node ul.news-list {
  margin: 0 0 0.6em;
  padding: 0;
  line-height: 25px;
}

div.node ul.news-list li {
  list-style: none;
  position: relative;
  padding: 0;
  clear: both;
  border-bottom: 1px dotted #999;
  overflow: hidden;
  background: #f7faff;
}

div.node ul.news-list li:nth-child(2n+1) {
  background: #e6efff;
}

div.node ul.news-list.bg li {
  background: #f2f7ff;
}

div.node ul.news-list.bg li:nth-child(2n+1) {
  background: #d6e5ff;
}

div.node ul.news-list li.header {
  padding: 14px 10px 0;
  background: none !important;
}

div.node ul.news-list li.header span {
  font-size: 15px;
}

div.node ul.news-list li.header.strong span {
  font-weight: bold;
}

div.node ul.news-list li.header div.id {
  color: #000;
  text-decoration: none;
}

div.node ul.news-list li.header div.severity {
  top: 14px;
  width: 94px;
  text-align: center;
}

div.node ul.news-list li a {
  display: block;
  padding: 5px 10px;
  color: #000;
  text-decoration: none;
}

div.node ul.news-list li a:hover {
  background: #ffeeee;
}

div.node ul.news-list li div.date {
  float: left;
  width: 12em;
}

div.node ul.news-list li div.id {
  float: left;
  width: 13em;
  color: #03c;
  text-decoration: underline;
}

div.node ul.news-list li div.summary {
  margin: 0 8em 0 25em;
}

div.node ul.news-list li div.severity {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 12px;
}

div.node ul.news-list li span.new {
  display: inline-block;
  color: #fe0002;
  font-size: 13px;
}

div.node ul.news-list li span.update {
  display: inline-block;
  color: #0000ff;
  font-size: 13px;
}

div.node ul.news-list li div.newlist_cvss_5_class,
div.node ul.news-list li div.newlist_cvss_4_class,
div.node ul.news-list li div.newlist_cvss_3_class,
div.node ul.news-list li div.newlist_cvss_2_class,
div.node ul.news-list li div.newlist_cvss_1_class,
div.node ul.news-list li div.newlist_cvss_none_class {
  display: inline-block;
  height: 24px;
  padding: 0 0 0 8px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 2px;
  line-height: 26px;
}

div.node ul.news-list li div.newlist_cvss_5_class {
  background: #F00;
}

div.node ul.news-list li div.newlist_cvss_4_class {
  background: #ffa500;
}

div.node ul.news-list li div.newlist_cvss_3_class {
  background: #ffff00;
}

div.node ul.news-list li div.newlist_cvss_2_class {
  background: #ffe5d0;
}

div.node ul.news-list li div.newlist_cvss_1_class {
  background: #ffffff;
}

div.node img.mail-address {
  vertical-align: middle;
}

#content_header,
#content_footer {
  clear: both;
  word-break: break-all;
}

.message_usererr_class {
  color: #ff0000;
  text-indent: 0.5em;
}

table.search_form {
  width: 100%;
  margin-bottom: 10px;
  padding: 5px 10px;
  background: #EEE;
  border: 1px #999 solid;
  border-spacing: 0;
}

table.search_form th,
table.search_form td {
  padding: 5px 0;
  line-height: 30px;
}

table.search_form{
  table-layout: fixed;
  width: 100%;
}

table.search_form td.search_form_index_class{
  width: 18%;
}

table.search_form select[name=vendor],
table.search_form select[name=product],
table.search_form select[name=cwe]{
  width:95%;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

table.search_form input,
table.search_form select {
  display: inline-block;
  height: 28px;
  padding: 0;
  color: #000;
  font-size: 16px;
  border: 1px solid #999;
  border-radius: 2px;
  text-decoration: none !important;
  vertical-align: top;
}

table.search_form input[type="button"] {
  height: 30px;
  padding: 0 8px;
  background: url(../img/myjvn-net-button.png) no-repeat right top;
  cursor: pointer;
}

table.pager_class {
  width: 100%;
}

table.pager_class .pager_count_class {
  text-align: left;
}

table.pager_class .pager_index_class {
  text-align: right;
}

table.pager_class img {
  vertical-align: middle;
}

table.result_class {
  width: 100%;
  margin-bottom: 3px;
  font-size: 90%;
  border-top: 1px #999 solid;
  border-left: 1px #999 solid;
  border-spacing: 0;
}

table.result_class th,
table.result_class td {
  padding: 5px;
  border-right: 1px #999 solid;
  border-bottom: 1px #999 solid;
}

table.result_class th {
  background: #CCC;
  font-weight: normal;
  text-align: center;
}

table.result_class th a {
  color: #000;
  text-decoration: none !important;
}

table.result_class tr:nth-child(2n+1) td {
  background: #f8f8f8;
}

div.node dl.alert {
  margin: 0 0 2em;
}

div.node dl.alert dt {
  margin: 0 0 12px;
  padding: 10px 5px 9px 28px;
  font-weight: bold;
  background: #e6efff;
}

div.node dl.alert dt a {
  color: #000;
  font-size: 16px;
  text-decoration: none;
}

div.node dl.alert dt .left {
  float: left;
  font-size: 13px;
  font-weight: normal;
  line-height: 23px;
  letter-spacing: -0.5px;
}

div.node dl.alert dt .right {
  display: block;
  margin-left: 80px;
}

div.node dl.alert dt span.emergency,
div.node dl.alert dt span.caution,
div.node dl.alert dt span.information {
  display: inline-block;
  width: 5em;
  height: 23px;
  margin: -3px 10px 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
  border-radius: 2px;
  text-align: center;
  line-height: 25px;
  vertical-align: middle;
}
div.node dl.alert dt span.emergency {
  background: #F00;
}
div.node dl.alert dt span.caution {
  background: #ffff00;
}
div.node dl.alert dt span.information {
  background: #bfbfbf;
}

div.node dl.alert dd {
  margin: 0 0 0 9px;
}

div.node dl.alert dd ul {
  padding: 0;
  font-size: 13px;
}

div.node dl.alert dd ul li {
  clear: both;
}

div.node dl.alert dd ul li .left {
  float: left;
  letter-spacing: -0.5px;
}

div.node dl.alert dd ul li .right {
  display: block;
  margin-left: 85px;
}






div.node div.alert-list01 {
  margin: 0 60px 2em 25px;
}

div.node div.alert-list01 dl.alert {
  margin: 0;
}

div.node div.alert-list01 dl.alert dt {
  margin: 0;
  background: #dde5f2;
  border-radius: 12px;
}

div.node div.alert-list01 dl.alert dd {
  margin: 0;
  background: #FFF;
}

div.node div.alert-list01 dl.alert dd ul {
  margin: 0;
  padding: 6px 0 18px;
}

div.node div.alert-list01 dl.alert dd ul li {
  position: relative;
  padding: 6px 10px 5px 4.2em;
}

div.node div.alert-list01 dl.alert dd ul li:before {
  content: '';
  position: absolute;
  top: 7px;
  left: 35px;
  width: 15px;
  height: 15px;
  background: #608dc8;
  border-radius: 100%;
}

div.node div.alert-list01 dl.alert dd ul li:after {
  content: '';
  position: absolute;
  top: 10px;
  left: 40px;
  width: 0;
  height: 0;
  border-left: 6px solid #FFF;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}






div.node div.alert-list02 {
  margin: 0 0 2em;
  background: #f2f7ff;
  border: 1px solid #d6e5ff;
}

div.node div.alert-list02 dl.alert {
  margin: 0;
  padding-top: 5px;
  border-top: 1px dotted #999;
}

div.node div.alert-list02 dl.alert:first-child {
  border-top: none;
}

div.node div.alert-list02 dl.alert dt {
  margin: 0;
  background:  none;
}

div.node div.alert-list02 dl.alert dd {
  margin: 0;
}

div.node div.alert-list02 dl.alert dd ul {
  margin: 0;
  padding: 0 0 10px;
}

div.node div.alert-list02 dl.alert dd ul li {
  position: relative;
  padding: 8px 10px 7px 4em;
}

div.node div.alert-list02 dl.alert dd ul li:before {
  content: '';
  position: absolute;
  top: 10px;
  left: 34px;
  width: 14px;
  height: 14px;
  background: #0455dc;
  border-radius: 100%;
}

div.node div.alert-list02 dl.alert dd ul li:after {
  content: '';
  position: absolute;
    top: 13px;
    left: 39px;
    width: 0;
    height: 0;
    border-left: 6px solid #FFF;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}






div.node p.none {
  margin-bottom: 0;
}

@media screen and (max-width:1400px) {

div.links dl dd {
  min-height: 7.9em;
}

}

@media screen and (max-width:1340px) {

div.links dl dt {
  min-height: 2.4em
}

}