@charset "UTF-8";
/*
Font-Size List
base 13px
10px = 77%      19px = 146.5%
11px = 85%      20px = 153.9%
12px = 93%      21px = 161.6%
13px = 100%     22px = 167%
14px = 108%     23px = 174%
15px = 116%     24px = 182%
16px = 123.1%   25px = 189%
17px = 131%     26px = 197%
18px = 138.5%
*/

/* html,body */
html { overflow-y: scroll;}
html, body, ul { height: 100%;  margin:0; padding: 0;}
body {
  background: #030303;
  color: #131313;
  font:13px/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, sans-serif;*font-size:small;*font:x-small;
  margin: 0 auto;
  padding: 0;
  word-break: break-all;
  -webkit-text-size-adjust: none;
}

/* link- */
a { outline: none; color:#f90; text-decoration: none; }
a:hover { color:#fc0; }
a:focus { outline:none; }

/*- float  */

.float_l { float: left; margin-right: 10px;}
.float_r { float: right; margin-left: 10px;}
.center { margin: 0 auto; text-align: center; }

/*- IMG  */
img {
  vertical-align: middle;
  border:none; -ms-interpolation-mode: bicubic;
  vertical-align: top;
  font-size:0;
  line-height: 0;
}
a img { border: 0px; text-decoration:none; }

i{ margin: 0 10px 0 0; }

/* TEXT  */
.font-10px{ font-size: 77%;}
.text-R { text-align: right;}
.red{ color: #f00; }

/* clear */
.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.both{ clear:both; }

/* highlight */
::selection { background: #ff8c0f; text-shadow: none;}
::-moz-selection { background: #ff8c0f; text-shadow: none;}

.hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.hidden.focusable:active,
.hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}


/*-------- CUSTAM ------ */
/* base */
#wrap{
  position: relative;
  display:none;
  margin: 0;
  padding: 0;
}
#overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #131313;
  z-index: 9999;
}

/* header */
#globalHeader {
  z-index: 1000;
  display: block;
  margin: 0 auto;
  padding: 0;
  height: 100px;
  width: 1040px;
  -webkit-box-shadow: 0px 5px 8px -3px #000;
  -moz-box-shadow: 0px 5px 8px -3px #000;
  box-shadow: 0px 5px 8px -3px #000;
  behavior: url("/js/vendor/PIE.htc");
  background: #000;
}
#globalMenu {
  margin: 0 auto;
  padding-left: 7px;
  width: 1040px;
  overflow: hidden;
}
  #globalMenu li{
    float: left;
    margin: 0;
    padding: 16px 0 16px 8px;
    display:block;
    height:68px;
    width: 86px;
  }
  #globalMenu li a {
    display:block;
  }

/* SECOND */
 #h1-logo {
  position: absolute;
  top: 5px;
  left: 0px;
  z-index: 1000;
}

#bg-yellow {
  position:relative;
  margin: 0 auto;
  padding: 0;
  min-width: 1040px;
  background: url(/img/common/bg01.jpg) 0 0 repeat;
}
#bg-black {
  position:relative;
  margin: 0 auto;
  padding: 0;
  min-width: 1040px;
  background: url(/img/common/bg02.jpg) 0 0 repeat;
  color: #fff;
}
.contents {
  position:relative;
  clear: both;
  margin: 0 auto;
  padding: 0 8px;
  min-height: 900px;
  width: 1024px;
  overflow: hidden;
}
.contents-title {
  position: absolute;
  top: 10px;
  right: 8px;
  z-index: 100;
}

/* pagetop */
#pageTop a{
  z-index:1000;
  position:fixed;
  bottom:170px;
  right: 10px;
  display:block;
  height: 68px;
  width: 68px;
}

/* footer */
#globalFooter {
  position:relative;
  overflow:hidden;
  clear: both;
  margin: 0 auto;
  padding: 40px 0 10px 0;
  color: #fff;
  text-align: center;
  line-height: 1.8;
  background: url(/img/common/bg-footer.gif) 0 0 repeat;
}
  #link-list{
    clear: both;
    position:relative;
    left:50%;
    float:left;
    margin:0;
    padding:0;
  }
  #link-list li{
    position:relative;
    left:-50%;
    float:left;
    margin: 0;
    padding: 0 16px 30px 0;
    display:block;
  }

#copy {
  clear: both;
  margin: 0;
  font-size: 108%;
  font-weight: bold;
  line-height: 1.8;
}

#footer-link {
  margin-top: 10px;
  font-size: 77%;
  line-height: 1.8;
}

 #socialList {  clear: both;
   position:relative;
   left:50%;
   float:left;
   margin-bottom: 20px;
}
   #socialList li{
     position:relative;
    left:-50%;
    float:left;
    margin-right: 15px;
  }


.bt-back a{
  margin: 40px 0;
  padding: 0 0 0 60px;
  height: 40px;
  color: #333;
  display: block;
  font-size: 131%;
  font-weight: bold;
  line-height: 40px;
  background: url(/img/common/icon-turn.png) no-repeat;
  background: url(/img/common/icon-turn_s.png) no-repeat\9;
  background-size: 40px 40px;
  behavior: url("/js/vendor/PIE.htc");  
}
.bt-back a:hover{
  color: #999;
}