/* GLOBAL ----------------------------------- */
*{
	-webkit-tap-highlight-color:transparent; 
}
body{
	background:#fff;
	color:#000;
	font-size:19px;
	line-height:1.8;
}
a{
	text-decoration:none;
	outline:none;
	color: #0075c1;
}
a:hover{
	color: #0084ff;
}
img{
	border:none;
	max-width:100%;
}
a:hover img{
	cursor:pointer;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity:0.8;
	zoom:1;
}

img.protect{
	display:inline-block;
	position:relative;
}
img.protect::after{
	content:url(../img_rw/spacer.png);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,255,255,0.3);
	z-index:10;
}

.inner{
	max-width:980px;
	margin:0 auto;
}

/* CLEAR */
.clearafter::after{
	content:"";
	display:block;
	height:0;
	float:none;
	clear:both;
}

/* SPRITE TEXT */
.spriteTXT{
	text-align:left;
	text-indent:-100em;
	overflow:hidden;
}

/* BUTTONS */
.btn{
	display:inline-block;
	position:relative;
	padding:10px 40px 10px 30px;
	cursor:pointer;
	color:#fff;
}
.btn::after{
	content:"";
	display:block;
	width:13px;
	height:13px;
	position:absolute;
	top:0;
	right:20px;
	bottom:0;
	margin:auto;
	background:url(../img_rw/parts.png) no-repeat 0px -230px;
}


.blue{background-color:#2966eb;}
.blue:hover{background-color:#3370f2; color: #FFF;}
.skyblue{background-color:#0076ff;}
.skyblue:hover{background-color:#0083ff; color: #FFF;}
.r5{border-radius:5px;}
.r100{border-radius:100px;}



/* WRAP ----------------------------------- */
#nbWrap{
	position:relative;
	width:100%;
	background:#fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}


/* HEADER ----------------------------------- */
#nbHeader{
	position:relative;
	background:#fff;
	border-bottom:solid 7px #0076ff;
	z-index:100;
}
#siteTitle a{
	display:block;
	background:url(../img_rw/parts.png) no-repeat -169px 3px;
	width:710px;
	height:88px;
	text-indent:-100em;
	font-size:0.5em;
	overflow:hidden;
}
#siteTitle span{
	display:block;
	background:url(../img_rw/parts.png) no-repeat -86px -114px;
	width:430px;
	height:42px;
	margin:0 0 0 auto;
}


/* GLOBAL NAVI ----------------------------------- */
#nbNav{
	position:relative;
	text-align:center;
}
#nbNav h4{
	display:none;
}
#nbNav li{
	display:inline-block;
	margin:0 1em 0 0;
}
#nbNav li:last-child{
	margin:0;
}
#nbNav li a{
	display:block;
	position:relative;
	padding:8px 20px 5px 40px;
	border-radius:3px 3px 0 0;
	color:#000;
	font-size:16px;
}
#nbNav li a::before{
	content:"";
	display:block;
	position:absolute;
	top:5px;
	left:17px;
	width:30px;
	height:30px;
	background:url(../img_rw/parts.png) no-repeat 0px -190px;
}
#nbNav li a:hover, #nbNav li.now a{
	background:#0076ff;
	color:#fff;
}
#nbNav li a:hover::before, #nbNav li.now a::before{
	background:url(../img_rw/parts.png) no-repeat 0px -220px;
}


#lockLayer{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	z-index:11;
}
#lockLayer.z101{
	z-index:101;
}
.lockLayerClose{
	display:block;
	position:absolute;
	top:19px;
	left:11px;
	width:36px;
	height:36px;
	opacity:0.75;
	cursor:pointer;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.lockLayerClose::before, #lockLayerClose::after{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	width:100%;
	height:2px;
	background:#fff;
}




/* FOOTER ----------------------------------- */
#nbFooter{
	position:relative;
	padding:50px 0;
	background:#004ba1;
	color:#fff;
	font-size:12px;
	letter-spacing:1px;
}

/* FOOTER LISTS */
#nbFooter h3{
	font-size:19px;
}
#nbFooter .mediaList{
	padding:0 0 0 10px;
	background:#fff;
}
#nbFooter .mediaList li{
	float:left;
	display:block;
	margin:0 5px 0 0;
}
#nbFooter .mediaList li a{
	display:block;
	width:100px;
	height:70px;
	background:url(../img_rw/partsFooter.png) no-repeat 0px 0px;
	text-indent:-100em;
	overflow:hidden;
}
#nbFooter .mediaList li a:hover{
	opacity:0.75;
}
#nbFooter .mediaList .link01 a{width:100px;background-position:-10px 0px;}
#nbFooter .mediaList .link02 a{width:70px;background-position:-120px 0px;}
#nbFooter .mediaList .link03 a{width:95px;background-position:-197px 0px;}
#nbFooter .mediaList .link04 a{width:130px;background-position:-305px 0px;}
#nbFooter .mediaList .link05 a{width:130px;background-position:-430px 0px;}
#nbFooter .mediaList .link06 a{width:130px;background-position:-568px 0px;}
#nbFooter .mediaList .link07 a{width:145px;background-position:-703px 0px;}
#nbFooter .mediaList .link08 a{width:130px;background-position:-850px 0px;}


/* BANNERS */
#nbFooter .banners{
	padding:30px 0 10px 0;
	letter-spacing:1em;
}
#nbFooter .banners a{
	display:inline-block;
	background:#fff;
	border:solid 1px #fff;
}
#nbFooter .banners a img{
	display:block;
}
#nbFooter .banners a:hover img{
	opacity:0.75;
}


#copyright{
	padding:10px 0;
	font-size:12px;
}
#copyright a{
	color:#fff;
}
#copyright a:hover{
	text-decoration:underline;
}

/* SCROLL TO TOP */
a#scrolltotop{
	display:block;
	position:absolute;
	top:-40px;
	right:15px;
	height:20px;
	padding:10px 40px 10px 20px;
	border-radius:3px;
	color:#0a428f;
	font-size:14px;
	line-height:20px;
}
#scrolltotop::after{
	content:"";
	display:block;
	width:13px;
	height:13px;
	position:absolute;
	top:0;
	right:20px;
	bottom:0;
	margin:auto;
	background:url(../img_rw/parts.png) no-repeat 0px -260px;
}
#scrolltotop:hover{
	background:rgba(255,255,255,0.25)
}





/* SP ----------------------------------- */
@media screen and (max-width:767px){
	/* GLOBAL ----------------------------------- */
	.inner{
		max-width:none;
		margin:0 10px;
	}
	
	#nbWrap{
		position:relative;
		height:100%;
		padding-top:140px;
		overflow:hidden;
	}
	
	/* HEADER ----------------------------------- */
	#nbHeader{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		border:none;
		transform:translate3d(0, 0, 0);
		-moz-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);
		-webkit-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);
		box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	#nbHeader.fixed{
		position:fixed;
		top:0px;
		left:0px;
		z-index:100 !important;
	}
	#nbHeader .inner{
		margin:0;
	}
	#siteTitle{
		margin-bottom:10px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	#siteTitle a{
		background:url(../img_rw/parts.png) no-repeat 50% 0px;
		-webkit-background-size:120% auto;<
		-moz-background-size:120% auto;
		-o-background-size:120% auto;
		-ms-background-size:120% auto;
		background-size:120% auto;
		width:100%;
		height:80px;
	}
	#siteTitle span{
		background:url(../img_rw/parts.png) no-repeat 50% 35%;
		-webkit-background-size:108% auto;
		-moz-background-size:108% auto;
		-o-background-size:108% auto;
		-ms-background-size:108% auto;
		background-size:108% auto;
		width:100%;
		height:30px;
		margin:9.5% 0 0 0;
	}
	
	/* SMALL */
	#nbHeader.small #siteTitle{
		margin:-15px 0 -10px 0;
		-moz-transform:scale(0.6);
		-webkit-transform:scale(0.6);
		-o-transform:scale(0.6);
		-ms-transform:scale(0.6);
		transform:scale(0.6);
	}
	#nbHeader.small #nbNav{
		height:2.0em;
	}
	#nbHeader.small #nbNav h4{
		height:2.0em;
		line-height:2.0em;
	}
	

	
	/* GLOBAL NAVI ----------------------------------- */
	#nbNav{
		text-align:left;
		height:2.6em;
		overflow:hidden;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		-ms-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
	}
	#nbNav.open{
		height:15em !important;
	}
	
	#nbNav h4{
		display:block;
		height:2.6em;
		background:#0076ff;
		color:#fff;
		font-weight:900;
		line-height:2.6em;
		text-align:center;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		-ms-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
	}
	#nbNav h4::before{
		content:"";
		display:inline-block;
		width:13px;
		height:13px;
		margin:0 0.5em 0 0;
		background:url(../img_rw/parts.png) no-repeat 0px -230px;
		vertical-align:baseline;
		-ms-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	#nbNav.open h4::before{
		-ms-transform:rotate(90deg);
		-webkit-transform:rotate(90deg);
		transform:rotate(90deg);
	}
	#nbNav ul{
		background:#fff;
	}
	#nbNav li{
		display:block;
		position:relative;
		margin:0 0 1px 0;
	}
	#nbNav li:first-child{
		margin:5px 0 0 0;
	}
	#nbNav li:last-child{
		margin:0 0 20px 0;
	}
	#nbNav li::after{
		content:"";
		display:block;
		position:absolute;
		left:2%;
		bottom:-1px;
		width:96%;
		height:1px;
		background:#00a7eb;
	}
	#nbNav li:last-child{
		margin:0;
	}
	#nbNav li a{
		display:block;
		position:relative;
		padding:8px 20px 5px 40px;
		border-radius:0;
		color:#000;
		font-size:16px;
	}
	#nbNav li a::before{
		content:"";
		display:block;
		position:absolute;
		top:5px;
		left:17px;
		width:30px;
		height:30px;
		background:url(../img_rw/parts.png) no-repeat 0px -190px;
	}
	#nbNav li.now a{
		background:#fff;
		color:#00a7eb;
	}
	#nbNav li.now a::before{
		background:url(../img_rw/parts.png) no-repeat 0px -190px;
	}
	
	
	/* FOOTER ----------------------------------- */
	#nbFooter{
		position:relative;
		padding:30px 0;
		background:#0a428f;
		color:#fff;
		font-size:12px;
		letter-spacing:1px;
	}
	
	/* FOOTER LISTS */
	#nbFooter h3{
		font-size:16px;
	}
	#nbFooter .mediaList{
		padding:0 0 5px 7px;
		background:#fff;
	}
	#nbFooter .mediaList li{
		margin:0 2px 0 0;
	}
	#nbFooter .mediaList li a{
		height:40px;
		background:url(../img_rw/partsFooter.png) no-repeat 0px 0px;
		-webkit-background-size:550px auto;
		-moz-background-size:550px auto;
		-o-background-size:550px auto;
		-ms-background-size:550px auto;
		background-size:550px auto;
	}
	#nbFooter .mediaList .link01 a{width:60px;background-position:-5px 0px;}
	#nbFooter .mediaList .link02 a{width:40px;background-position:-67px 0px;}
	#nbFooter .mediaList .link03 a{width:60px;background-position:-107px 0px;}
	#nbFooter .mediaList .link04 a{width:80px;background-position:-167px 0px;}
	#nbFooter .mediaList .link05 a{width:80px;background-position:-237px 0px;}
	#nbFooter .mediaList .link06 a{width:80px;background-position:-315px 0px;}
	#nbFooter .mediaList .link07 a{width:90px;background-position:-390px 0px;}
	#nbFooter .mediaList .link08 a{width:80px;background-position:-474px 0px;}
	
	
	/* BANNERS */
	#nbFooter .banners{
		padding:15px 0 0 0;
		letter-spacing:1em;
		text-align:center;
	}
	#nbFooter .banners a{
		display:inline-block;
		width:100%;
	}
	#nbFooter .banners a img{
		width:100%;
		height:auto;
	}
	#nbFooter .banners a:hover img{
		opacity:0.75;
	}
	
	
	#copyright{
		padding:10px 0 20px 0;
		font-size:10px;
		letter-spacing:-0.005em;
	}
	
	/* SCROLL TO TOP */
	#scrollTopBtn{
		display:none;
		position:fixed;
		right:5px;
		bottom:5px;
		width:50px;
		height:50px;
		background:rgba(60,100,154,0.8) url(../img_rw/parts.png) no-repeat -25px -100px;
		-webkit-background-size:300px auto;
		-moz-background-size:300px auto;
		-o-background-size:300px auto;
		-ms-background-size:300px auto;
		background-size:300px auto;
		border-radius:100px;
	}
	
	a#scrolltotop{
		right:0px;
		height:18px;
		font-size:12px;
		font-weight:600;
		line-height:18px;
		letter-spacing:-0.05em;
	}
	#scrolltotop:hover{
		background:rgba(255,255,255,0.25)
	}
}