/* base
===============================================================*/
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd,tr {
	font-size: 12px;
	line-height: 22px;
}

body {
	color:#323232;
	background-color:#ffffff;
	font-family:"Osaka", Osaka, "Hiragino Kaku Gothic Pro", "�q���M�m�p�S Pro W3", "���C���I", Meiryo, Verdana, "�l�r �o�S�V�b�N", "MS P Gothic", san-serif;
	background: #000000;
    -webkit-text-size-adjust: 100%;
}
.pcnone{
	display:none;
	}
	
h1{
	text-indent: -9999px;
	height: 0;
}

/* font
===============================================================*/
a { 
	color:#323232;
	text-decoration:none;
}
 
a:visited {
	color:#323232;
	text-decoration:none;
}

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

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


a.ani{
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
	}
a.ani:hover{
	color:#727272;
	}

/* Contents
===============================================================*/
div#AllBox {
    margin: 0px auto -90px;
    position: relative;
    z-index: 1;
}

div#Contents {
}

div#Main {
	
}

div#SideBar {
		
}


/* HeaderBox
===============================================================*/
div#HeaderBox {
    width: auto;
    margin: 0px auto;
    position: absolute;
    top: 40px;
    left: 0;
	z-index: 3500;
}
div#HeaderBox .logo{
	margin-bottom: 50px;
}
#Navigation ul {
/*    width: 98px;
	width: 134px;*/
	width: 172px;
   margin: 0 auto;
}
#Navigation ul li{
    float: right;
	margin-left: 18px;
}
#Navigation ul li.end{
	margin-left: 0;
}

/* Navigation
===============================================================*/
div#Navigation {
}


/* FooterBox
===============================================================*/
div#FooterBox {
	background:url(../images/common/bg_bottom.png) repeat-x  0 bottom;
	padding: 245px 0px 0px;
}
div#FooterBox .footer_area {
    width: 980px;
	min-width:320px;
	padding-bottom:20px;
    left: 170px;
    margin: 0 auto;
}
div#FooterBox .news dt{
	background:url(../images/common/news.png) no-repeat 0 0;
	width:74px;
	height:26px;
	text-indent:-9990px;
	float:left;
}
div#FooterBox .news dd{
	background:url(../images/common/news_bg.png) repeat-x 0 50%;
	padding:3px 10px;
	float:left;
	color:#ffffff;
	}

div#FooterBox .f_box .l_box{
	float:left;
}
div#FooterBox .f_box .l_box .tel{
	background:url(../images/common/tel.png) no-repeat 0 0;
	width:248px;
	height:26px;
	text-indent:-9990px;
	display: inline-block;
    vertical-align: middle;
}
div#FooterBox .f_box .l_box address{
	font-style:normal;
	color:#ffffff;
	font-size:12px;
	display: inline-block;
    vertical-align: middle;
}
div#FooterBox .f_box .copy{
	float:right;
	color:#ffffff;
	font-size:10px;
	opacity:0.3;
filter: alpha(opacity=30);        /* ie lt 8 */
-ms-filter: "alpha(opacity=30)";  /* ie 8 */
-moz-opacity:0.3;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.3;              /* Safari 1.x */
}
.bg_cv{
	position:absolute;
	top:0;
	left:0;
	z-index: 0;
	}
div#FooterBox .link_area{
	border-bottom:solid 1px #343537;
	padding:0 0 10px 5px;
	margin-bottom:10px;
	position: relative;
	}
div#FooterBox .link_area li {
	float:left;
	margin-right:18px;
	}
div#FooterBox .link_area a{
	background:url(../images/common/icon_link.png) no-repeat left 50%;
	padding-left:10px;
	color:#ffffff;
	}
div#FooterBox .link_area a:hover {
	text-decoration:none;
	}
/*
div#FooterBox .link_area li.fb {
	margin-right: 0;
	float: right;
}
div#FooterBox .link_area li.fb a{
	padding-left:0;
	color:#ffffff;
	display: inline-block;
	width: 93px;
	height: 23px;
	}
*/
div#FooterBox .link_area li.in ,
div#FooterBox .link_area li.fb {
	position: absolute;
	right: 0;
	margin: 0;
	top: 0;
	float: none;
}
div#FooterBox .link_area li.fb {
	right: 35px;
}
div#FooterBox .link_area li.in a ,
div#FooterBox .link_area li.fb a {
	padding: 0;
	background: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
div#FooterBox .link_area li.in a:hover ,
div#FooterBox .link_area li.fb a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */
}

.pagetop {
    position: fixed;
    bottom: 59px;
    margin-left: 1003px;
	z-index: 1500;
}
.bg_bottom {
    height: 182px;
    position: relative;
    bottom: -89px;
    z-index: -10;
}

.btnsp{
	width:100%;
	background:#969697;
	}
.btnSP a{
	display:block;
	width:100%;
	padding:80px 0;
	background:#969697;
	text-align:center;
	color:#ffffff;
	font-size:76px;
	z-index:6500;
	}

  .arrow_link{
    position: relative;
    display: inline-block;
    padding-right: 10px;
    text-decoration: none;
  }
  .arrow_link,
  .arrow_link:hover,
  .arrow_link:visited{
    color: #fff;
  }
  .arrow_link::before,
  .arrow_link::after{
    position: absolute;
    content: '';
    /* transition: 0.3s ease; */
  }
  .arrow_link::before{
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    left: 0;
    bottom: 2px;
  }
  .arrow_link::after{
    width: 4px;
    height: 4px;
    border: 0;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: rotate(45deg);
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .arrow_link:hover{
    text-decoration: none;
  }
  .arrow_link:hover::before{
    opacity: 0;
  }
  /* .arrow_link:hover::after{
    transform: rotate(45deg) translate(2px,-2px);
  } */