@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, body, #wrap,#area-menu, #area-main {
  height: 100%;
  margin: 0;
}
body {
  margin: 0 auto;
  padding: 0;
  background: url(/img/global/bg-menu.jpg) 0 0 repeat #fff;
  color: #444;
  font:13px/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, sans-serif;
  *font-size:small;*font:x-small;
  text-align: left;
  word-break: break-all;
  -webkit-text-size-adjust: none;
}

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

.hidden{ text-indent:100%; white-space:nowrap; overflow:hidden; 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; }

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

/*- text  */
.text-r { text-align: right;}

.float-r { float:right; }

/* 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: #efefef; }
::-moz-selection { background: #efefef; }

#overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 9999;
  background: #fff;
}

/* Delete white space generated by remarketing code */ iframe[name="google_conversion_frame"] {
  position: absolute;
  height: 0;
}

/* header */
#globalHeader {
  display: none;
  position: fixed;
  width: 100%;
  min-width: 1200px;
  height: 100px;
  top: 0;
  z-index: 9999;
  overflow: hidden;
  background: url(/img/global/bg-menu.jpg) 0 0 repeat #fff;
}

#contents-header{
  margin: 30px auto;
  padding: 0;
  width: 1000px;
}

.menu-header li{
  float: left;
  margin: 0 auto;
  padding: 0 40px;
  border-right:1px solid #cccccc;
}

#line {
  position: fixed;
  width: 100%;
  height: 10px;
  z-index: 9999;
  background: url(/img/global/bg-menu.jpg) 0 0 repeat #fff;
}

.bt-open,
.bt-close{
  display: block;
  position: absolute;
  right: 30px;
  width: 50px;
}
.bt-open{
  height: 30px;
  top: 10px;
}
.bt-close{
  height: 40px;
  top: 35px;
  z-index: 9999;
}

/* footer */
#globalFooter{
  clear: both;
  margin: 0 auto;
  padding: 10px 0 0;
  width: 100%;
  min-width: 1200px;
  overflow: hidden;
  background: url(/img/global/bg-menu.jpg) 0 0 repeat #fff;
  text-align: left;
  color: #999;
}

#globalFooter a { color:#c6a66f;}
#globalFooter a:hover { color:#daa520;}

#contents-footer{
  margin: 20px auto 0px;
  padding: 20px;
  width: 1000px;
}
  #contents-footer h1{
    float: left;
    width: 250px;
  }
  #contents-footer h2{
    margin: 20px 0 6px;
    clear: both;
  }

  
.tetrameric {
  float: left;
  margin: 0 auto;
  padding: 0;
  width: 250px;
  height: 190px;
  overflow: hidden;
}

  .menu-footer a, .news-footer a{ display:block; }

  .menu-footer li{ margin-bottom: 15px;}
 
  .news-footer { width: 80%; font-size: 93%; font-family: "Prata", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
  .news-footer time{ display: block; }
  .news-footer li{ margin-bottom: 10px;}
 
  .footer-social li{ display: inline-block; margin: -5px 0 0 5px;}

  .site-info{
    clear: both;
    margin: 0 auto 0 20px;
    padding-top: 50px;
    font-size: 77%;
  }
  .footer-copy { margin-bottom: 5px; font-family: "Prata", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
  
  
/* pagetop */
#pageTop a{
  position:fixed;
  bottom: 80px;
  right: 5px;
  padding:20px;
  display:block;
  height: 40px;
  width: 70px;
  z-index: 9999;
}

/* Delete white space generated by remarketing code */
iframe[name="google_conversion_frame"] {
  position: absolute;
  height: 0;
}