@charset "utf-8";
/* CSS Document */

.align_center{
	text-align:center;
}

.w_950{
	max-width:950px !important;
	margin:auto;
}


body{
	background:#000000;
}

.outline{
	overflow:hidden;
}

.container{
	position:relative;
	width:100%;
	max-width:none;
	padding:0;
	color:#aaaaaa;
}
.container .cont_mainimg{
	position:absolute;
	width:100%;
}
.container .cont_mainimg img{
	width:100%;
	height:auto;
	position:absolute;
}
.contents{
	position:relative;
	padding-top:0;
}
h1{
	text-indent: 100%;
  white-space: nowrap;
	overflow:hidden;
	margin:0;
	padding:0;
}
h1 span {
	display:none;
}
h1:before{
	content: "";
  display: block;
}
.cont_main{
	width:100%;
	max-width:1000px;
	margin:auto;
}




/*ナビ*/
#cont_navi{
	margin-bottom:50px;
}
#cont_navi ul{
	margin:0;
	padding:0;
	float:right;
	width:62%;
}
#cont_navi ul li{
	list-style-type:none;
	float:left;
}
#cont_navi ul li.cont_btn_top{
	width:21.4%;
}
#cont_navi ul li.cont_btn_stamp{
	width:42.98%;
}
#cont_navi ul li.cont_btn_quiz{
	width:35.59%;
}




	/*ドライブ×NEXCO東日本*/
.cont_corabo{
	margin-top:60px !important;
	margin-bottom:60px;
}



/*文字色*/
.c_white{
	color:#FFFFFF !important;
}


/*共通わく*/
.cont_g_box{
	border-radius:10px;
	background:#080808;
	padding:15px;
}
.cont_g_box h3{
	text-align:center;
	background:url(/resources/img/special/drive/bg_line_toparea.png) repeat-x;
	background-position:center;
}
.cont_g_box ul{
	padding:0;
}
.cont_g_box li{
	list-style-type:none;
	float:left;
}
#cont_area.cont_g_box li a{
	color:#aaaaaa;
}
#cont_area.cont_g_box li:after{
	content:"/";
	margin:0 0.5em;
}



/*通常リスト*/
ul.cont_nm_list{
	margin:0;
	padding:0;
}
ul.cont_nm_list li {
	list-style-type:none;
	clear:both;
}




/*ボタン枠*/
.btn_wrap{
	display:block;
	padding:3px;
	text-align:center;
	border-radius:10px;
	border:3px solid #0c0c0c/*#0b0b0b*/;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#020202+0,0c0c0c+100 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020202', endColorstr='#0c0c0c',GradientType=0 ); /* IE6-9 */
}
.btn_wrap a{
	color:#FFFFFF;
}


.btn_wrap .inner{
	border-radius:10px;
	padding:3px;
	background: #020202; /* Old browsers */
	background: -moz-linear-gradient(top, #020202 0%, #0c0c0c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#020202), color-stop(100%,#0c0c0c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #020202 0%,#0c0c0c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #020202 0%,#0c0c0c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #020202 0%,#0c0c0c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #020202 0%,#0c0c0c 100%); /* W3C */
}

.btn_wrap .inner.cont_hvr{
background: #0e1c28; /* Old browsers */
background: -moz-linear-gradient(top, #0e1c28 0%, #101010 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e1c28), color-stop(100%,#101010)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0e1c28 0%,#101010 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0e1c28 0%,#101010 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0e1c28 0%,#101010 100%); /* IE10+ */
background: linear-gradient(to bottom, #0e1c28 0%,#101010 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e1c28', endColorstr='#101010',GradientType=0 ); /* IE6-9 */
}



.btn_wrap .cont_w40{
	width:40%; float:left;
	text-align:left;
}
.btn_wrap .cont_w45{
	width:45%; float:left;
	text-align:left;
}
.btn_wrap .cont_w55{
	width:55%; float:left;
	text-align:left;
}
.btn_wrap .cont_w60{
	width:60%; float:left;
	text-align:left;
}

.btn_wrap img.cont_pc{
	float:left;
	margin-left:5px;
}




@media screen and (max-width: 1600px) {
.container .cont_mainimg,h1{
	width:120%;
	margin-left:-10%;
}
}

@media screen and (max-width: 1100px) {
.container .cont_mainimg,h1{
	width:180%;
	margin-left:-40%;
}
}

@media screen and (max-width:1000px){
.cont_main{
	padding:0 15px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
}
@media screen and (max-width:640px){
#cont_navi{
	margin-bottom:10px;
}
#cont_navi ul{
	width:100%;

}

/*ボタン*/
.btn_wrap .cont_w40,.btn_wrap .cont_w45,.btn_wrap .cont_w55,.btn_wrap .cont_w60{
	width:100%;
}
.btn_wrap img {
	display:block;
	margin:auto;
	}

img.cont_pc{
	display:none;
}


}