@charset "UTF-8";
@import url(common.css);


/*Main Visual
****************************************/
#home #mainvis {
	background: #091017; /* Old browsers */
	background: -moz-linear-gradient(top,  #091017 0%, #2d5173 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#091017), color-stop(100%,#2d5173)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #091017 0%,#2d5173 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #091017 0%,#2d5173 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #091017 0%,#2d5173 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #091017 0%,#2d5173 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#091017', endColorstr='#2d5173',GradientType=0 ); /* IE6-9 */
	border-top:solid 1px #203950;
}
#home #mainvis .wrap {
	height:463px; height:46.3rem;
	color:#fff;
	overflow:hidden;
	white-space:nowrap;
	/*background:url(../image/gateway.png) no-repeat right bottom;*/
}
#home #mainvis .wrap.catchwrap {
	width:1280px;
	/*background:url(../image/gateway.png) no-repeat right bottom;*/
}
#home #mainvis .slides {
	height:463px; height:46.3rem;
	width:1280px;
}
#home #mainvis .catch {
	/*position:relative;
	top:100px; top:10rem;*/
	padding:75px 0 0; padding:7.5rem 0 0;
	/*padding:55px 0 0; padding:5.5rem 0 0;*/
	float:left;
	width:1280px;
	height:463px; height:46.3rem;
}

#home #mainvis .catch.vv {background:url(../image/gateway.png) no-repeat right 150px bottom;}
#home #mainvis .catch.va {background:url(../image/vaui.png) no-repeat right 150px bottom;}
#home #mainvis .catch.ra {
	background:url(../image/ransomware_countermeasures.png) no-repeat; 
	padding:55px 0 0; 
	padding:5.5rem 0 0;
}
	
#home #mainvis .catch.vv h1,
#home #mainvis .catch.vv p,
#home #mainvis .catch.va h1,
#home #mainvis .catch.va p,
#home #mainvis .catch.ra h1,
#home #mainvis .catch.ra p {
	margin-left:150px; 
	filter:drop-shadow(2px 2px 6px #1D1D1D99);
}

#home #mainvis .catch.vv img.logo,
#home #mainvis .catch.va img.logo,
#home #mainvis .catch.ra div.logo {margin:0 0 30px 150px;}

#home #mainvis .catch.ra span.plus {
	filter:drop-shadow(1px 2px 3px #1D1D1D29); 
	font-size:24px; 
	font-size:2.4rem;
	vertical-align:middle;
	margin:0 10px 0 5px
}

#home #mainvis .anchor ul a {
	display:block;
	float:left;
	margin:0 10px 0 0; margin:0 1rem 0 0;
	width:155px; width:15.5rem;
	height:43px; height:4.3rem;
	color:#fff;
	font-size:12px; font-size:1.2rem;
	line-height:43px; line-height:4.3rem;
	text-align:center;
	background:#506b84;
	border-radius:4px;
}
#home #mainvis .anchor ul a:hover {background:#5b7a95;}
#home .anchor .rnote a span:before {
	content:url(../image/icon_note.png);
	margin:0 7px 0 0; margin:0 0.7rem 0 0;
	position:relative;
	top:3px;
}
#home .anchor .manual a span:before {
	content:url(../image/icon_book.png);
	margin:0 7px 0 0; margin:0 0.7rem 0 0;
	position:relative;
	top:3px;
}
#home #mainvis p {font-size:16px; font-size:1.6rem;}
#home #mainvis h1 {margin:0 0 30px; margin:0 0 3rem; font-size:30px; font-size:3rem;}
#home #mainvis .va h1 {font-size:27px; font-size:2.7rem;}
#home #mainvis h1 span {
	display:inline-block;
	position:relative;
	top:4px; top:0.4rem;
	left:-5px; left:-0.5rem;
	font-size:40px; font-size:4rem;
	-moz-transform:rotate(15deg);
	-webkit-transform:rotate(15deg);
	-o-transform:rotate(15deg);
	-ms-transform:rotate(15deg);
	transform:rotate(15deg);
}
#home #mainvis .va h1 {font-size:27px; font-size:2.7rem;}
#home #mainvis .va h1 span {font-size:37px; font-size:3.7rem;}

#home #mainvis .anchor {position:relative; top:-173px; left:150px}
#home #mainvis a.download {
	display:block;
	margin:0 0 20px; margin:0 0 2rem;
	width:320px;
	height:64px;
	font-weight:bold;
	color:#2b5500;
	text-shadow: 1px 1px 0px rgba(160, 205, 55, 1);
	background:#96e43a; /* Old browsers */
	background:-moz-linear-gradient(top,  #96e43a 0%, #679b01 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#96e43a), color-stop(100%,#679b01)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #96e43a 0%,#679b01 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #96e43a 0%,#679b01 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #96e43a 0%,#679b01 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #96e43a 0%,#679b01 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#96e43a', endColorstr='#679b01',GradientType=0 ); /* IE6-9 */
	border-radius:4px;
}
#home #mainvis a.download:hover {
	background:#679b01; /* Old browsers */
	background:-moz-linear-gradient(top,  #679b01 0%, #96e43a 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#679b01), color-stop(100%,#96e43a)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #679b01 0%,#96e43a 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #679b01 0%,#96e43a 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #679b01 0%,#96e43a 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #679b01 0%,#96e43a 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#679b01', endColorstr='#96e43a',GradientType=0 ); /* IE6-9 */
}
#home #mainvis a.download:before {
	content:url(../image/icon_dwanchorbig.png);
	float:left;
	width:80px;
	height:64px;
}
#home #mainvis a.download:hover:before {content:url(../image/icon_dwanchorbig_hv.png);}

#home #mainvis a.download .ttl {
	display:block;
	margin:0 10px 3px 0;
	padding:12px 0 0;
	position:relative;
	top:2px;
	font-size:17px;
}
#home #mainvis a.download .ver {font-size:11px;}

#home #mainvis #slideMenu {/*background:#294968;*/ background:#17293a; /*border-top:solid 1px #203950;*/}
#home #mainvis #slideMenu .wrap {height:60px; text-align:center;}
#home #mainvis #slideMenu ul {
	display:inline-block;
	margin:0 auto;
}
#home #mainvis #slideMenu li {float:left;}
#home #mainvis #slideMenu li img {height:20px;}
#home #mainvis #slideMenu li a {
	display:block;
	padding:20px 0;
	width:150px;
	height:60px;
	color:#eee;
	font-weight:bold;
}
#home #mainvis #slideMenu li.act a,
#home #mainvis #slideMenu li.act a:hover {
	padding:15px 0 20px;
	border-top:solid 5px #4184c9;
	/*background:#294968;*/
}
#home #mainvis #slideMenu li.act a:active {top:0;}

#home #mainvis .anchor .caution {
	display:block;
	padding:0 15px;
	margin:20px 0; margin:2rem 0;
	width:321px;
	height:43px;
	color:#fff;
	font-weight:bold;
	line-height:43px;
	background:#0f1c27;
	border-radius:4px;
}
#home #mainvis .anchor .caution:hover {background:#25445f;}
#home #mainvis .anchor .caution span:before {
	content:url(../image/icon_alert.png);
	margin:0 10px 0 0;
	position:relative;
	top:3px;
}


/*Latest News
****************************************/
#home #news {/*background:#17293a;*/ background:#f3f3f3;}
#home #news a {
	display:block;
	height:60px; height:6rem;
	color:#369;
	font-weight:bold;
	font-size:12px; font-size:1.2rem;
	line-height:60px; line-height:6rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
#home #news a:hover {/*color:#36c; */text-decoration:underline;}
#home #news a span:before {
	content:url(../image/icon_rss.png);
	display:inline-block;
	position:relative;
	top:5px;
	width:31px;
	height:20px;
}


/*AW-Showcase
****************************************/
#showcase {display:none; height:100px;}
#pt-showcase {
	padding:20px 0;
	height:160px;
	background:#fff;
	border-top:solid 1px #ddd;
}


/*AW-Showcase (Content)
****************************************/
/*.showcase-content-wrapper {width:100% !important;}*/
.showcase-content-wrapper a img {border:solid 10px #ddd;}
.showcase-content-wrapper div {
	float:right;
	width:650px;
	height:100px;
}
.showcase-content-wrapper div h3 {
	margin:0 0 10px;
	font-size:16px; font-size:1.6rem;
}
.showcase-content-wrapper div p,
.showcase-content-wrapper div a {font-size:11px; font-size:1.1rem;}
.showcase-content-wrapper div a {color:#369; font-weight:bold;}


/*AW-Showcase (Navigation arrows)
****************************************/
.showcase-arrow-previous, .showcase-arrow-next {
	background:url('../image/aw-showcase/arrows.png');
	width:26px;
	height:26px;
	cursor:pointer;
}
.showcase-arrow-previous {}
.showcase-arrow-previous:hover {background-position:0px -26px;}
.showcase-arrow-next {background-position:-26px 0;}
.showcase-arrow-next:hover {background-position:-26px -26px;}


/*AW-Showcase (Button Wrapper)
****************************************/
.showcase-button-wrapper {
	height:16px;
	text-align:center;
	position:relative;
	top:10px;
}
.showcase-button-wrapper span {
	display:inline-block;
	margin:0 5px;
	width:16px;
	height:16px;
	background:url(../image/aw-showcase/actives.png) no-repeat;
	cursor:pointer;
}
.showcase-button-wrapper span.active {background-position:-16px 0;}
.showcase-button-wrapper span b {display:none;}