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

/* html,body */
html { overflow-y: scroll; }
html, body { height: 100%; }
body {
  background: url(/img/common/bg.gif) top center #FFF;
  color: #201e23;
  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:#f08; text-decoration: none; }
a:hover { color:#f69; }
a:focus { outline:none; }

.hidden{ text-indent:100%; white-space:nowrap; overflow:hidden; text-indent:-9999px; font-size: 0;}

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

.float_l {  float:left; margin-right: 10px; overflow:hidden; }
.float_r {  float:right; overflow:hidden; }
.img-border {  margin: 10px auto; padding: 5px; border:1px solid #ccc;}


.center { margin: 0 auto; text-align: center; }


/*- TEXT  */
.green { color: #099; }

/* clear */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix { min-height: 1px; }
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}
.both{ clear:both; }

/* highlight */
::selection { background: #ccc; }
::-moz-selection { background: #ccc; }


/*-------- CUSTAM ------ */
/* base */
#wrap{
  margin: 0 auto;
  width: 1000px;
  display:none;
}
#overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 9999;
  background: url(/img/common/bg.gif) top center #FFF;
}

#contents{
  position: relative;
  margin: 0 auto;
  width: 1000px;
  overflow: hidden;
}

/* header */
#globalHeader {
  margin: 0 auto;
  padding: 0;
  height: 150px;
  width: 1000px;
}

#h1-logo {
  float: left;
  margin: 0;
  padding: 25px 20px;
  height: 100px;
  width: 260px;
  display: block;
}

#globalNav {
  float: left;
  margin: 0;
  padding: 0;
  height: 150px;
  width: 700px;
  display: block;
}
  #globalNavList {
    background: url(/img/header/bg-menu.png) top center;
    margin: 25px auto;
    padding: 0;
    height: 100px;
    width: 600px;
  }
    #globalNavList li {
      float: left;
      margin: 5px 10px ;
      padding: 0;
      display: block;
      position: relative;
    }
    #globalNavList li a{
      cursor: pointer;
    }

/* footer */
#globalFooter {
  clear: both;
  background: url(/img/footer/bg.png) bottom center no-repeat;
  margin: 0;
  padding: 0;
  height: 135px;
  width: 1000px;
}
  #footer-area {
    margin: 0;
    padding: 48px 0 0 40px;
    font-size: 77%;
    line-height: 1.6;
    font-weight: bold;
    width:750px;
  }
  #copy { margin-bottom: 10px; }


/* pagetop */

#pageTop a{
  position:fixed;
  bottom:0;
  right:0;
  padding:20px;
  display:block;
  height: 200px;
  width: 90px;
}

/* base */
#notfound {
  margin: 100px auto;
  padding: 0;
  text-align: center;
} 


/*-------- Second page ------ */
#sub-main {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  width: 700px;
}

#sub-side {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  width: 300px;
}

#h2-header{
  position: absolute;
  top: 0;
  right:0;
  clear: both;
  margin: 0;
  padding: 10px 130px 0 0;
  background: url(/img/header/header-bg.png) bottom center no-repeat;
  font-size: 500%;
  font-family: 'Open Sans', sans-serif;
  text-align: right;
  line-height: 0.9;
  display:block;
  height: 90px;
  width: 870px;
}
  .header-news { color:#8b9dae;}
  .header-intro { color:#9b7a89;}
  .header-staff { color:#accdb0;}
  .header-onair { color:#918ba7;}
  .header-music { color:#8cc7c2;}
  .header-chara { color:#f1b4c8;}
  .header-books { color:#eac2a2;}
  .header-story { color:#8b9dae;}
  .header-pkg { color:#000;}
  .header-goods { color:#000;}
  .header-movie { color:#c9db99;}
  .header-special { color:#93a4ca;}
  .header-pkg { color:#82b6d8;}
  .header-story { color:#ffa8bc;}
  .header-conquest { color:#93496a;}
  .header-radio { color:#f8a830;}