@charset "UTF-8";

*:focus{outline: none;}
img{vertical-align: bottom;}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}

body {
  font-family: "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, Verdana, Meiryo, Hiragino Kaku Gothic ProN, "M+ 1p", sans-serif;
}

/* IE10以上 */
@media all and (-ms-high-contrast: none) {
  body {
    font-family: Arial, Verdana, Meiryo, sans-serif;
  }
}

html {
  font-size: 100%;
}

body {
	line-height:18px;
	font-size:100%;
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6 {
  font-size: 1em;
}



/* link */

a:link {
	color: #0763b1;
	text-decoration:none;
}

a:visited {
	color: #0763b1;
	text-decoration:none;
}

a:hover {
	color: #d2003b;
	text-decoration:underline;
}

a:active {
	color: #ff7225;
	text-decoration:underline;
}


/* -------- loading --------  */

.loader,
.loader:after {
  border-radius: 50%;
  width: 100px;
  height:  100px;
}

.loader {
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
  font-size: 4px;
  position: fixed;
  text-indent: -9999em;
  border-top: 8px solid rgba(255,0,0, 0.3);
  border-right: 8px solid rgba(255,0,0, 0.3);
  border-bottom: 8px solid rgba(255,0,0, 0.3);
  border-left: 8px solid #ff0000;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.2s infinite linear;
  animation: load8 1.2s infinite linear;
	z-index: 100;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

	 
#fade {
	width: 100%;
	height: 100% !important;
	min-height: 2000px;
	display: none;
	background-color: #000000; /* fadeの背景色 */
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 90;
}


/* -------- wrapper --------  */
#wrapper{
	display:block;
	width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin:0;
	padding:0;
	text-align: center;
	position:relative;
}


/* navigation */

.gNav{
	display: block;
	width: 100%;
	min-width:1180px;
	height: 60px;
	top: 0;
	left:0;
	margin: 0;
	padding: 10px 0 0 0;
	background:url("../img/common/bg_nav.png") right top repeat-x;
	position: fixed;
	z-index: 10;
	text-align: right;
}

.gNav ul{
	display: block;
	width: auto;
	min-width: 1080px;
	height: 50px;
	margin: 0 5px 0 auto;
	padding: 0;
	text-align: right;
}


.gNav li{
	display: inline-block;
	width: auto;
	height: 50px;
	margin: 0;
	padding: 0 2px 0 1px;
	text-align: center;
	vertical-align: middle;
	line-height: 50px;
}

.gNav img{
	vertical-align: middle;
}

.gNav p.logo{
	display: block;
	left:2px;
	top:0;
	position:absolute;
}

li.current{
	background:url("../img/common/current.png") center top no-repeat;
}

li.hvr{
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: transparent;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
}

.hvr:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ff0000;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr:hover, .hvr:focus, .hvr:active {
  color: white;
}

.hvr:hover:before, .hvr:focus:before, .hvr:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}



/* Common */

ul,li{list-style:none;}

.clear {
	clear: both;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.nodisp {
	display: none;
}

.hide {
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	overflow: hidden;
}

.alphaBnr a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.mt-5{margin-top:-5px;}
.mt-10{margin-top:-10px;}
.mt-12{margin-top:-12px;}
.mt-15{margin-top:-15px;}
.mt-20{margin-top:-20px;}
.mt-30{margin-top:-30px;}
.mt-50{margin-top:-50px;}

.mt5{margin-top:5px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt80{margin-top:80px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb80{margin-bottom:80px;}

.ml-10{margin-left:-10px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml30{margin-left:10px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}

.mr10{margin-right:10px;}

.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl25{padding-left:25px;}
.pl40{padding-left:40px;}
.pl80{padding-left:80px;}


.taC{text-align: center;}
.taR{text-align: right;}
.taL{text-align: left;}

.red_1{color:#c40700;}
.bold{font-weight:700;}

.fz18{font-size:18px;}
.fz13{font-size:13px;}
.fz14{font-size:14px;}