/* CSS Document */
/**common seeting**/
/*a*/
a{color:#666; text-decoration:none; noFocusline:expression(this.onFocus=this.blur());  outline:0;}
	a:hover{color:#f00; text-decoration:none;}	
	a:focus{-moz-outline-style:none;}

/*img*/	
img{max-width:100%; width:expression(document.body.clientWidth>100?"100%":"auto"); overflow:hidden; vertical-align:bottom;}

/*page style*/
.txtLeft{text-align:left;}
.txtRight{text-align:right;}
.txtCenter{text-align:center;}
.floatLeft,.imageleft{float:left; margin-right:1em;}
.floatRight,.imageRight{float:right; margin-left:1em;}
.floatClear{clear:both; height:0;}
.clearfix:after{clear:both; display:block; visibility:hidden; height:0; content:" ";}
.table{display:table; width:100%; border-collapse:collapse; border-spacing:0;}
.tr{display:table-row;}
.td, .th{display:table-cell;}


/*************gr*****************/
#gr .grbg{background:#000; background:url(https://asset.msi.com/event/vga/2017/nv_q1_prepare_for_battle/images/bg.jpg) top center no-repeat fixed;}
@font-face {
  font-family:'Geforce-Bold';
  src: local("メイリオ"),local("メイリオ"),local("Hiragino Kaku Gothic Pro"),local("Meiryo"),local("ヒラギノ角ゴ Pro W3"),local("Helvetica"),local("Arial");
  unicode-range: U+3000-9FFF, U+ff??;
}

#gr {
	font-family:"Meiryo UI";
  	text-align:center;
  	color:#fff;
	font-size:125%;
   
}
#gr sup{
	vertical-align:super;
}
#gr .header{
	position:relative;
	/*background:url(https://asset.msi.com/event/vga/2017/nv_jp_game_ready/images/bg.jpg) top center no-repeat #000;*/
	background-size:cover auto;
	border-bottom:#333 1px solid;
	
}

/*#vimg*/
#vimg .logos{position:absolute; bottom:35px; right:55px;}
#vimg .text{position:absolute; top:20%; right:5%; width:35%;}
@media screen and (max-width:1280px){
#vimg .text{position: relative; width:95%; top:0px; right:0px; left:15px;}
#gr .s2_2 p{line-height:30px;}

}


#gr .topbar{
	background:#222;
	text-align:right;
	box-shadow:#000 0 0 30px;
	position:relative;
	z-index:2;
}
#gr .topbar img{
	padding:5px 20px;	
}

#gr .container{
	width:90%;
	margin:0 auto;
	max-width:1080px;
	padding:3em 0;
}

#gr p{
	line-height:1.8em;
	padding-bottom:25px;
}

#gr .s1 h1{
	color:#76b900;
	font-family: "Geforce-Bold" !important;
	font-size:4em;
}

#gr .s1 h2, #gr .s2 h2, #gr .s2_2 h2{
	padding:25px 0;
	letter-spacing:3px;
	font-size:2.5em;
	color:#fff !important;
	font-weight:bold;
}

#gr .s2 .pbox{
	margin-top:20px;}


#gr .s2 p b{
	font-weight:bold;
}

@media screen and (min-width:1281px){
#gr .s2_2 p{
	line-height:60px;
	text-align:left;
}
}
#gr .s2{
	border-top:#333 1px solid;
	padding:50px 0;
	margin-top:25px;
}

#gr .s2 .vdbox{
	padding:25px 0  0;
}

#gr .s2 h3{
	color:#76b900;
	padding:15px 0 0 0;
}
#gr .s3{
	padding:50px 0;
}
#gr .s3 h2{
	color:#76b900;
	font-family: "Geforce-Bold" !important;
	font-size:2.5em;
}
#gr .s3 h3{
	padding:45px 0 25px;
	font-size:1.5em;
}
#gr .s3 li{
	float:left;
	width:calc(100% / 4 - 4%);
	margin:0 2%;
	transition:0.5s all ease-in 0.1s;
	padding-bottom:50px;
}
@media screen and (max-width:768px){
	#gr .s3 li{
	float:none;
	width:90%;
	margin:0 auto;
}
}
#gr .s3 h4{
	font-size:0.9em;
	padding:10px 0;
	line-height:1.5em;
	transition:0.5s all ease-in 0.1s;
}
#gr .s3 img{
	transition:0.5s all ease-in 0.1s;
}
#gr .s3 a h4{
	color:#fff;
	min-height:75px;
}
#gr .s3 li .more{
	background:#76b900;
	color:#fff;
	font-size:0.6em;
	width:100%;
	margin:0 auto;
	max-width:150px;
	padding:10px 0;
	text-transform:uppercase;
	border:#76b900 2px solid;
	transition:0.5s all ease-in 0.1s;
}
#gr .s3 li:hover .more{
	background:none;
	box-shadow:#76b900 0 0 20px;
}
#gr .s3 li:hover img{
	transform:scale(1.1,1.1);
}
#gr .s3 li:hover h4{
	color:#f00;
}
#gr .bb{background-color:#000;}
#gr #grft .line{
	background:url(https://asset.msi.com/event/vga/2017/nv_jp_game_ready/images/bg-footer.png) top left repeat-x;
	text-align:left;
}
#gr #grft .container{
	padding-top:1em;
}
#gr #grft p{
	font-size:0.5em;
}
	

	
	

/*#pdbox*/
#pdbox{padding-top:50px;font-family:'Geforce-Bold';}
#pdbox h2{font-size:34px; padding-bottom:25px; text-align:center; color:#6c0;}
#pdbox a{color:#6c3; display:block;}
.pdtb, .pdtb2{display:table; width:100%; border-collapse:collapse; border:#111 1px solid; font-size:20px;}
.pdtb .th, .pdtb2 .th{background:#333; color:#fff; vertical-align:middle; padding:40px 15px 40px 0; text-align:right; border-right:#6c3 1px dashed; text-shadow:#000 1px 1px 20px; width:300px;}
.pdtb .td{color:#6c3; vertical-align:middle; padding:10px; text-align:left; width:clac(100% / 3); background:#111; border-left:#333 1px solid; text-align:center;}
.pdtb2 .td{color:#6c3; vertical-align:middle; padding:10px; text-align:left; border-left:#333 1px solid; text-align:center; background:#111;}
.pdtb2{margin-top:30px;}

/*#pdbox*/
#pdbox .td:hover{background:rgba(256,256,256,0.2);}
#pdbox .td:hover a{color:#fff;}